HTML5 & CSS3
Na svijetu trenutno postoji više od milijardu web sajtova, a dok čitate ovu rečenicu pokrenuto je 15 novih. Nauči i ti kako da kreiraš svoj prvi web sajt koji će biti prilagođen svim uređajima.
-
HTML5 – OsnoveHTML5 – Početak rada6m 31sHTML5 – Elementi14m 29sHTML5 – Atributi19m 18sHTML5 – Naslovi4m 53sHTML5 – Paragrafi7m 4sHTML5 – Linkovi21m 12sHTML5 – Oblikovanje teksta10m 12sHTML5 – Stil13m 16sHTML5 – Slike16m 22sHTML5 – Tabele11m 29sHTML5 – Liste11m 41sHTML5 – Forme18m 4sHTML5 – iframe7m 52s
-
HTML5 – Napredni nivo
-
HTML5 – Karakteristike
-
CSS3 – Osnove
-
CSS3 – Box model
-
CSS3 – Napredni nivoCSS3 – Obrisi8mCSS3 – Kursori8m 8sCSS3 – Overflow6m 57sCSS3 – Jedinice (Units)9m 56sCSS3 – Display12m 46sCSS3 – Pozicija14m 13sCSS3 – Slojevi (Layers)7m 3sCSS3 – Float10m 3sCSS3 – Poravnaje (Alignment)12m 29sCSS3 – Pseudo klase22m 25sCSS3 – Pseudo elementi12m 20sCSS3 – Vrste medija (Media Types)11m 43sCSS3 – Opacity8m 2sCSS3 – Attribute Selectors17m 12sCSS3 – Validation2m 51s
-
CSS3 – OsobineCSS3 – Border7m 31sCSS3 – Boje (Color)6m 32sCSS3 – Pozadina (Background)13m 25sCSS3 – Gradients6m 40sCSS3 – Text Overflow9m 24sCSS3 – Sjene (Shadows)7m 12sCSS3 – 2D Transformacija11m 16sCSS3 – 3D Transformacija7m 32sCSS3 – Tranzicija6m 54sCSS3 – Animacije9m 2sCSS3 – Izgled sa više kolona (Multi Layouts)5m 45sCSS3 – Veličina box-sa (Box Sizing)9m 29sCSS3 – Fleksibilni rasporedi box-sa (Flexible Box Layouts)13m 22sCSS3 – Filteri (Filters)10m 15sCSS3 – Responzivni dizajn (Media Queries)19m 40s
-
PROJEKT
Šta sve pokriva kurs?
Serija HTML tutorijala pokriva sve osnove HTML-a, uključujući elemenate i atribute, način oblikovanja teksta pomoću HTML oznaka, metode dodavanja podataka o stilu dokumenta, tehniku umetanja slika i tabele, postupak kreiranja popisa i obrasci kao i način uključivanja drugih HTML dokumenata unutar trenutnog dokumenta itd.
Nakon što se upoznate sa osnovama, preći ćete na sljedeći nivo koji objašnjava koncept doctype-a, metode kreiranja izgleda web stranica, važnost dodavanja meta informacija na web stranice, način dodavanja skripti, tehnike prikazivanja posebnih znakova, anatomiju URL-a i još mnogo toga. Konačno, istražićete neke napredne stvari uvedene u HTML5 kao što su: nove vrste unosa, crtanje grafike na web stranici, uključivanje audio i video zapise u dokument, spremanje podataka na strani klijenta pomoću web pohrane, keširanje datoteka kao i kako dobiti korisničke geografske koordinate, stvaranje aplikacije za povlačenje i spuštanje itd.
Serija CSS tutorijala pokriva sve osnove CSS-a, uključujući ideju odabira, načine postavljanja boja i pozadine, način oblikovanja fontova i teksta, stilizovanje UI elemenata poput hiperveza, lista, tabela itd. kao i koncept CSS box modela i tako dalje. Jednom kada ovladate osnovama, preći ćete na sljedeći nivo koji objašnjava način postavljanja dimenzija i poravnanja elemenata, metode za pozicioniranje elemenata na web stranici, korištenjem slika, kao i koncept relativne i apsolutne pozicije, model vizuelnog oblikovanja, prikaz i vidljivost, slojeve, pseudo klase i elementi, listove stilova zavisne o medijima i tako dalje.
Konačno, istražićete neke napredne oznake uvedene u CSS3 poput gradijentnih boja, efekta sjene, 2D i 3D transformacije, alfa transparentnosti, kao i način stvaranja prelaznog i animacijskog efekta, fleksibilnog izgleda, efekta filtra i još mnogo toga.
Šta ćete naučiti na kursu:
- Objavljivanje dokumenta na mreži s tekstom, slikama, popisima, tabelama itd.
- Web pristupe kao što su slike, videozapisi ili pristup drugom HTML fajlu putem hiperveza (linka).
- Kreiranje obrazca za prikupljanje korisničkih unosa kao što su ime, adresa, e-pošte, komentari itd.
- Uključivanje slika, video zapise, zvučnih snimaka, flash filmova, aplikacija i drugih HTML fajlova.
- Kreiranje izvanmrežih verziju web stranica koje rade bez interneta.
- Pohranjivanje podataka u web pretraživač korisnika i pristup podacima.
- Pronalaženje trenutne lokacije posjetitelja vaše web stranice.
- Primjena stila na HTML elemente.
- Prikaz web stranice na različitim uređajima (računaru, tabletu, mobilnom telefonu).
- Stilizovanje dinamičnih stanja elemenata kao što su: lebdenje, fokus itd.
- Promjena položaja elementa na web stranici.
- Promjena prikaza postojećih elementa na web stranici.
- 2D ili 3D transformacija elemenata poput razmjera, rotiranja, nagiba itd.
- Kreiranje efekata animacije i prelaza bez upotrebe JavaScript-a.
Ovdje se popis ne završava, postoje mnoge druge zanimljive stvari koje možete učiniti s HTML i CSS-om. O svima njima ćete detaljno saznati u samome kursu.
Svako poglavlje ovoga kursa sadrži puno primjera iz stvarnog svijeta koje možete isprobati i testirati pomoću mrežnog uređivača. Ovi će vam primjeri pomoći da bolje shvatite koncept ili temu. Sadrži i pametna rješenja, kao i korisne savjete i važne napomene.
Šta uključuje kurs
- 23 sata video materijala
- Sertifikat
- 7 Sekcija
- Video / tekstualne lekcije
- Doživotni pristup
Milos Mihaljica
Full Stack Developer
4,9Ocijena predavača31
Učenika10
Kurseva14
OcijenaPozdrav, Moje ime je Miloš Mihaljica i u IT svijetu sam već preko 10 godina. Mnogi od Vas me znaju i sa YouTube-a gdje uz moje tutorijale uči preko 10 hiljada ljudi.