Poštovanje Milane. Nemam reči da opišem koliko sam ti zahvalan na ovakvim predavanjima i tutorijalima, sve je profesionalno objašnjeno. Prosto ovakvim načinom edukacije nam daješ motivaciju. Nemoj nikada da prekidaš sa ovim deljenjem znanja preko YT kanala. Imam jedno pitanje. Da li je važno da kod određivanja visine stranica na sajtu(38.minut u videu) koristimo u potpunosti krajnji "element" koji želimo da stilizujemo( u primeru je to: .page . column) ili smo mogli da delujemo samo na roditeljski div(.page), bez ovog .column? Hvala unapred.
Hvala. Drago mi je da Vam se lekcije dopadaju. Što se tiče pitanja, nije isto. Ako bismo stilizovali .page, a hoćemo da nad .column primenimo neki poseban stil, onda bi taj stil bio primenjen na bloku koji je samo one visine koliko je sadržaj u njemu, a ovako kada primenimo visinu na .column, on je taj koji ima visinu, pa samim tim on proširi i svoj parent element, tj. .page i time je i page iste visine (osim ako na .page ne dodamo padding ili nešto, što nema potrebe često).
Postovani Milane.Hvala ti na ulozenom trudu.Smatram da pored kodiranja moramo da brinemo i o izgledu koda.Pa me interesuje postoji li opcija u Notepad++ pomocu koje ce kod izgledati esteski prihvatljivo i citko. Ili moramo sami da kucamo.Hvala.
Moja preporuka je da se oslanjate na sebe da pišete kôd čitko, pravilno indentovano (uvučeno), sa pravilnim razmacima gde treba i bez gde ne treba, jer je to kao kod pisanja. Postoji pravopis, ali postoji i rukopis. Nije pismen samo onaj ko zna svu gramatiku i sva pravila jezika, već mora da ume i lepo da piše, da tekst ne šeta gore-dole, da iskače van margina levo i desno itd. Dakle, moja je preporuka da kada kodirate, ujedno brinete i o tim stvarima. Svakako, postoje dodaci za Notepad++ koji to omogućavaju, tj. da automatksi formatiraju kôd, ali Notepad++ nije editor koji ćete u praksi da koristite za ozbiljne projekte. Ja njega koristim zato što je jednostavan, besplatan, brz i baš zato što ne omogućava automatsko nuđenje previše opcija, automatskog formatirnaja itd, kako bi studenti morali malo sami da se naviknu da budu uredni sa sovjim kodom. Kasnije svakako prelazimo na neke druge editore koda koji su znatno efikasniji za rad i pomažu oko tih stvari kao što je uredan kod, automatska dopuna itd. Npr. Visual Studio Code ili IDEA IDE.
Pratim tvoje lekcije i ide mi dobro za sada, da li cu moci da radim kao front end developer posto mi je to cilj ako detaljno izucim sve tvoje lekcije? Hvala, imam vremena necu odustajati 😎👍
Samo sa ovim osnovnim kursom ne. Ovo je uvod. .Dovoljan je za početnike da mogu da krenu dalje u istraživanje oblasti razvoja veb aplikacija. Možda kada završite kurseve Osnove programiranja, Objektno orijentisano programiranje, Baze podataka i razvoj veb aplikacija posle ovoga možete tražiti neku praksu za početak. Ali da počnete odmah da radite samo sa ovim lekcijama koji pokrivaju uvod i osnove za ljude koji tek žele da se uključe u ovo, ne mogu da Vam garantujem.
@@MilanTair Milane hvala na odgovoru, zavrsicu onda ove lekcije i preci na osnove programiranja nadam se da cu tada vec moci nesto ozbiljnije da radim u smislu prakse i posla 😎👍
Da li je ispravno, posle jedne radnje na primer da broj 1 stavim u zaglavlje, nije mi uspelo sve dok nisam pritisla SAVE AS pa tek onda na mojoj stranici kad sam odradila refresh se pojavilo zaglavlje broja 1 Da li je to u redu
To se zove keširanje. Kada uradite samo Save, pa probajte refresh stranice na istoj putanji, učita upamćeni stranicu iz keša. Dovoljno je samo da uradite u Internet pregledaču hard reload, tj. Ctrl+ F5 ili Shift + F5 (zavisno koji Internet pregledač koristite).
Da li moze klasa da se obelezava cirilicnim pismom? I zar nije bilo lakse mozda da si column samo centrirao kroz css, onda bi automatski bio na sredini za bilo koju rezoluciju? I koja bi bila razlika u ovom slucaju izmedju height: 100vh i height: 100%
Tehnički, CSS podržava unikodne karaktere, tako da imena klasa, ID oznake itd. mogu da budu unikodne, pa i ćirilične i emotikoni i šta god želite. Međutim, problem je podrška kod editora koda i kod Internet pregledača koji možda nemaju punu podršku za to. Što se tiče centriranja, tako je. Mogao sam. Ovo je tek 15. video snimak. Tek smo počeli da radimo ovde. Trudim se da ne uvodim odmah previše pretrpanih infomacija o pravila i mogućnosti i praksi. Gledajte dalje i videćete da smo u kasnijim snimcima radili razne načine centriranja sadržaja raznim layout mehanizmima. Ovo je kurs za početnike, ne za one koji već nešto znaju. Tako da se podrazumeva da treba olakšati i pojednostaviti pristup na početku, a kasnije uvoditi primere dobre prakse, složenije koncepte itd.
Da li postoji mogucnost da se dobiju materijali koji se koriste u projektu koji sledi (slike)? Hvala na najboljim predavanjim koje obradjuju temu HTML, CSS.
Pozdrav, pocetnik sam u web kodiranju i dok nisam nasao Vas kanal pratio sam nekog youtubera i poceo da pravim svoj projekat i tu se potpuno pogubio. Koristio sam bootstrap(sta mislite o bootstrapu) i ne snalazim se bas najbolje . Naime kada pritisnem ctrl + i zumiram na 500% slova se preklapaju i prelaze u novi red jer nema dovoljno prostora zbog containera i ne znam kako to da popravim. Hvala
Lično, mislim da je Bootstrap dobar kada počinjete i kada ne želite da se bavite dizajnom, već samo da izradite neku aplikaciju korišćenjem univerzalnih komponenata, koje Bootstrap nudi. Moje pitanje je, zašto zumirate nešto 500%? Čemu to?
Pratim Vas i stigla sam do povezivanja sa CSS-om. Mozete li mi samo reci kako da mi u Notepad ++ u Index. html i Main.css bude pregledno kako bih lakse radila? Npr.meni html pa head pa title itd sve stoji jedno ispod drugog dok kod vas imaju razmaci i dosta je preglednije. Nadam se da ste me razumeli. Lakse bih vam slikom objasnila.
Jednostavno kucam kod tako da bude pregledniji. Koristim razmake, tabulatore, nove redove... kod je uredan kada kucate uredno i pravilno pazite šta je uvučeno jedno u odnosu na drugo, gde ćete dodati razmak, gde 2, gde 4, gde novi red...
Hvala na brzom odgovoru. Imam utisak da lakse pamtim i lakse se snalazim kad je kod uredan. Mislila sam da ima opcija prettier ili tako nesto. Videcu vremenom kako mi bude islo pa ako zatreba preci cu na to sto kazete. Hvala jos jednom na ovim projektima i detaljnom objasnjavanju.
Pa, u suštini imate plugin-ove za Notepad++ koji rade automatsko formatiranje i indentaciju, kao prettier, ali Visual Studio Code radi to dosta bolje, a takođe je besplatan Editor, isto kao N++, pa možete probati. Možda Vam lakše ide sa njim. Ja sam namerno savetovao da se koristi Notepad++, koji nema auto-format, jer smatram da je važno da početnici nauče sami da uredno pišu kod, a ne da se oslanjaju na to da im editor to radi automatski.
Pozdrav, imam jedno pitanje. Ja sam sacuvao stranicu, napisao sam kod kao sto je navedeno u videu, stranica se otvori, ali kada unesem neke izmene kao sto su npr oni div-ovi, nista nece da mi se sacuva, tj i dalje mi stoji prazna stranica. Da li znate u cemu je problem?
Ja imam problem radim sve ovo na Adobe Dreamweaver CS6 i kad napisem velicinu height: 100vh; on mene vrati na prethodne linije koje su male ne znam zasto ne prihvata vh?
Imam problem sa ubacivanjem slike,tipa ovo kod logo.Skinem sliku s neta i stavim u folder,dam joj ime instagram i ukucam lepo sve i ne pokaže ništa. Kad kopiram link s neta i stavim sve radi uredno. U čemu može biti problem?
Proverite ekstenziju datoteke, da niste slučajno stavili duplu ekstenziju, npr. instagram.png.png ili slično, ako su vam sakrivene ekstenzije, pa ne vidite da ih datoteka već ima. Takođe, u kojem folderu je slika u odnosu na indeks i CSS?
Pozdrav Milane na 12:52 postoji jos jedna mogucnost za multiline selektovanje.Kliknemo pomocu scroll wheela na misu i selektovace se svaki element nanize sve dok ne pustimo scroll.Ima manje posla i prakticnije je.
Ne funkcioniše u svim editorima, posebno ne u Notepad++ ako nije uključeno dodatkom, a u vreme snimanja ove lekcije nije u NP++ ni bilo dostupno tako nešto kao opcija.
@@MilanTair E Milane zaboravih da te pitam.Hoce li biti neki kurs uskoro vezan za Advanced Vanilla Javascript? Mislim da bi sa tim kursom podigao Web Development na Balkanu na mnogo ozbiljniji level.Da se nedavimo garbage tutorijalima po youtubu ti si iskreno doktor za ove ostale..i ne krijes znanje sto je danas bas retkost.
Za sada planiram neki drugi tutorijal kada završim trenutno aktivni, kada je sve to mnogo usporeno sada zbog mnogih obaveza koje imam u poslednje vreme privatno, pa nemam dovoljno slobodnog vremena. Ali ću staviti na listu potencijalnih ideja za razradu.
Molim za pomoć imam notepad++ verzija 7.9 kada hocu da pokrenem stranicu i idem na run, nemam opciju ili ne znam gde se nalazi opcija preko koje Cu stranicu otvoriti i nekom internet pregledaču
Probajte reinstalirati Notepad++, ali instalirajte npr. x86 (32bit) verziju ako sada imate 64bit ili obrnuto, ako imate 32bit, instalirajte x64 i vodite računa da instalirate kao Admin ili sa Admin privilegijama. U svakom slučaju, ako se ne pojavi, nije problem, možete sami dodati u Run pravilo ili jednostavno pokrenite index.html dvoklikom na sam fajl u File Explorer-u ili prevlačenjem fajla u Internet pregledač.
Sve vreme kad stisnem run me prebaci na prethodnu stranicu sto smo radili predhodne lekcije iako sam je izbrisao. Moram direktno na fajl da idem da bi mi ocitao novi fajl... znaci iznervirao sam se oko "gluposti" da je to neverovatno...
Ostavite aktivan proyor Google Chrome Internet pregledača - nemojte ga gasiti. Kada napravite neku izmenu, nemojte uopšte više da idete na Run. To radite samo prvi put. Kada je stranica već otvorena u pregledaču, samo uradite F5 ili Ctrl+R (reload) da osvežite (učitate ponovo) stranicu da se primene nove stvari koje ste sačuvali u datoteci koju menjate.
Milane izvini jos jednom,ja sve uradim kao ti i meni se ukljuci moja stranica na google-u ali ja je refresh-ujem ali nece nista da mi se pojavi na stranici ni borijevi nista.Hvala unapred .
@@MilanTair verovatno nije save-ao unesen kod, to mozes skracenim putem ctrl+s ili manuelno u notepadu na save all, jer u videu nije spomenuto da je to obavezno, sto naravno nije lose jer je kurs svakako odlican, desi se da se sitnica izostavi.
@@alealeksic Moguće. Nekako te stvari zaboravim, jer se podrazumeva da dokument čuvamo kada god na njemu redimo. To nije samo u programiranju. Tako nešto ljudi rade valjda i kada kucaju u običnom Word-u ili bilo čemu, da povremenu sačuvaju svoj dokument, a posebno kada treba da ga pregledaju.
Jel moze neko da mi kaze zasto kad hocu da pokrenem npr preko hroma, i pritisnem na "Run" meni ne izlazi nista od navedenih pregledaca, izadje mi nesto "Get PHP help", "Wikipedia seaaarch" i jos neke leve strane, ne izadje mi kao vama sto izadje, chrome, mozzila i ostali pretrazivaci, znate li mozda u cemu je problem i sta da uradim?
Probaj sa VisualStudio okruzenjem ili jos bolje Visual Studio Code(dobro za html skripte). Mozda je tvoj problem localhost, a to je vec druga prica (greska u akcionoj metodi)... browser ne pronalazi tvoju adresu. Msm tesko je ovako objasniti,da je lako svako bi bio programer:) Za pocetak mogu da ti preporucim da pogledas w3schools link, tu imas sve sto ti je potrebno. Poz
Ne ljutite se, moram da pitam, da li ste sigurni da ste sačuvali sadržaj datoteke (Ctrl + S ili File > Save) pre nego što ste tu datoteku otvorili u Chrome ili za otvorenu pritisli F5 (Refresh)?
@@filipcebic4418 Koliko vidim, ovaj kôd koji imate upisan nije sačuvan u datoteku index.html na Desktopu (jer je unsaved file - crveno u tabu datoteke i * u title baru). Sačuvajte sadržaj datoteke File > Save ili Ctrl + S i zatim, kada je sadržaj sačuvan, otvorite datoteku u Chrome-u (Run > Launch in Chrome) ili dvoklokom na index.html datoteku sa Desktopa da se otvori u podrazumevanom Internet pregledaču. Kada jednom otvorite u Internet pregledaču, sve buduće izmene koje napravite sačuvajte u datoteci, pa zatim idite u Internet pregledač i tamo osvežite stranicu (F5 ili Ctrl+R).
Ne mogu da ukapiram šta radim pogrešno. Kada stavim visinu stranice u px funkcioniše, kada stavim 100vh onda ne. Već sam dva puta uradio isti postupak i sve je funkcionisalo, sada treći put kada pokušavam da podesim na 100vh jednostavno ne prepoznaje tu komandnu. 😐😔🥴☺
ja kada ubacim css i povezem i radim border za prvu klasu ne ocita mi to na rezultatima nikad nece da ucita lepo uvek samo prvu stvar sto sam uradio a sve sacuvam moze pomoc ako neko zna
Proverite da li ste ispravnu putanju naveli ka Vašoj CSS datoteci linkovanoj kroz href atribut link elementa u head delu stranice. Ako je korišćena relativna putanja, proverite da je relativno u odnosu na index.html ispravno postavljena, tj. npr. da se nalaze u istom direktorijumu de dve datoteke, jedna pored druge, ako koristite relativnu putanju samo navođenjem imena CSS datoteke. Takođe, proverite da svaki put sačuvate CSS datoteku pre osvežavanja HTML datoteke u Internet pregledaču.
Osnove HTML, CSS i JavaScript #27 me iteresuje kako mozemo da [range]31m i 37 sekund povzemo na primer sa slikom ili mp3 -ijem dako da se povecava ili smanjusje slika ili ton
Možemo. Međutim, za to moramo koristiti JavaScript da povežemo listener za određene događaje kojima bismo upravljali HTML elementom u kojem je MP3 pušten.