Naučite Bootstrap 4 na ovom besplatnom tečaju od 10 dijelova

Bootstrap 4 predstavlja cjelovito prepisivanje cijele biblioteke i sa sobom donosi nekoliko novih značajki i koncepata kojima ćete se omatati. Stoga se može osjećati neodoljivo uskočiti glavom u dokumentaciju kako bi je naučili.

Zbog toga smo se udružili s Neilom Roweom (prethodno poznatim kao CodersGuide) i stvorili besplatni cjelovečernji tečaj na Bootstrapu 4. Neil je prethodno stvorio jedan od najpopularnijih Bootstrap 3 tečajeva na YouTubeu, pa smo vrlo zadovoljni što je odlučio koristiti Scrimbu za svoj daljnji tečaj.

Možete pohađati tečaj već danas. Samo prijeđite na stranicu tečaja i postat ćete Bootstrap 4 majstor u roku od sat vremena.

Sada ćemo pobliže pogledati što ćete naučiti!

# 1 Uvod u tečaj

U prvom screencast-u dobit ćete pregled samog Bootstrapa te koje uslužne programe i komponente donosi sa sobom. Neil također prolazi kroz glavne prednosti koje v4 donosi na stol.

# 2 Responsive Grid System

Tečaj zatim prati jednu od najvažnijih komponenata Bootstrapa, sustav mrežne reakcije. Neil objašnjava kako stvoriti razne mreže, s različitim točkama prijeloma, veličinama stupaca i pomacima.

# 3 prilagodljivi navbari

Komponenta navbar veliki je razlog što mnogi ljudi koriste Bootstrap. U ovom ćete predavanju naučiti kako izraditi responzivnu navigacijsku traku koja se na malim ekranima sruši u izbornik hamburgera.

# 4 Modal

Bootstrap također izuzetno lako stvara modele, koji često dobro dođu. Na ovom predavanju naučit ćete kako ih graditi korak po korak.

# 5 Obrasci

Obrasci su kritični za većinu web stranica, pa je dobro znati ih napraviti. Tako ćete na ovom predavanju naučiti kako stvoriti odgovarajući obrazac za prijavu. Ovdje će vam dobro doći i vaše vještine s predavanja o mrežnoj reakciji.

# 6 Grupe popisa

Grupe popisa mogu se koristiti u razne svrhe. Na primjer, mogu se koristiti kao bočna traka, izbornik, popis članaka ili što već želite.

# 7 Karte

Bootstrap 4 predstavlja potpuno novu komponentu koja se naziva kartice, a koja zamjenjuje ploče, bušotine i sličice. Kartica je fleksibilni i proširivi spremnik sadržaja. Na ovom predavanju naučit ćete kako ga izraditi pomoću različitih komponenata koje obično čine karticu.

# 8 Tablice

Bootstrap 4 također dolazi s hrpom predavanja za modificiranje tablica, a ovo će predavanje predstaviti većinu njih. Oni su se prijavili, što znači da morate aktivno dodati klasu tablice da biste tablicu pretvorili u Bootstrap tablicu. To je za razliku od nekada, prije nego što su se redovite HTML tablice automatski pretvarale u Bootstrap tablice.

# 9 upozorenja

Upozorenja nisu posebno uzbudljiva i nema previše promjena u odnosu na prethodne verzije knjižnice, pa ako ste koristili Bootstrap 2 ili 3, trebali biste biti prilično upoznati sa svime tim. Međutim, važno je da se s njima upoznate, jer davanje poruka korisnicima i obavijesti putem upozorenja može pomoći da vaše web mjesto postane jednostavnije za korisnika.

# 10 Navigacijske mogućnosti

Konačno, tečaj završava tamo gdje je započeo, dajući vam više alata u pojasu kada su u pitanju navigacijske trake, poput kartica i padajućih padajućih. To je zgodno znati, ali ne toliko srž kao stvari iz drugog predavanja, zbog čega dolazi na kraju tečaja.

Prateći sva ova predavanja unatrag, trebali biste moći započeti izradu web stranica s Bootstrapom 4. A ako zapnete, bit ćete dobro opremljeni da zaronite u dokumente za rješavanje bilo kakvih problema.

Scrimba format

Na kraju, hajde da također kratko pogledamo tehnologiju koja stoji iza tečaja. Izgrađen je pomoću Scrimbe, interaktivnog alata za kodiranje ekrana. "Scrim" izgleda poput uobičajenog videozapisa, no u potpunosti je interaktivan. To znači da možete uređivati ​​kôd unutar ekrana.

Evo gifa koji objašnjava koncept:

Pauzirajte prijenos ekrana → Uredi kôd → Pokreni!  → Pogledajte svoje promjene

Pauzirajte screencast → Uredi kôd → Pokreni! → Pogledajte svoje promjene

Ovo je izvrsno za slučajeve kada smatrate da trebate eksperimentirati s kodom kako biste ga ispravno razumjeli ili kada jednostavno želite kopirati dio koda.

Pa što čekaš? Samo naprijed i pođite danas!

Hvala na čitanju! Moje ime je Per, suosnivač sam Scrimbe i volim pomagati ljudima da nauče nove vještine. Slijedite me na Twitteru ako želite biti obaviješteni o novim člancima i resursima.

Hvala na čitanju! Zovem se Per Borgen, suosnivač sam Scrimbe - najlakšeg načina da naučim kodirati. Trebali biste provjeriti naš responzivni bootcamp za web dizajn ako želite naučiti graditi moderne web stranice na profesionalnoj razini.