Tanulja meg a Bootstrap 4-et ezen az ingyenes 10 részes tanfolyamon

A Bootstrap 4 az egész könyvtár teljes átírását jelenti, és számos új funkciót és koncepciót hoz magával a fej köré. Így elsöprő érzés lehet elölről ugrani a dokumentációba annak elsajátítása érdekében.

Ezért összefogtunk Neil Rowe-val (korábban CodersGuide néven), és létrehoztunk egy ingyenes teljes hosszúságú tanfolyamot a Bootstrap 4-en. Neil korábban létrehozta az egyik legnépszerűbb Bootstrap 3 tanfolyamot a YouTube-on, így nagyon örülünk, hogy ő úgy döntött, hogy Scrimba-t követi nyomon.

Ma felveheti a tanfolyamot. Csak menjen át a tanfolyam oldalára, és egy órán belül Bootstrap 4 mesterré válik.

Most nézzük meg közelebbről, mit fog megtanulni!

# 1 Tanfolyam bevezetés

Az első képernyőn áttekintést kap magáról a Bootstrap-ról, valamint arról, hogy mely segédprogramokat és összetevőket hozza magával. Neil átéli a v4 fő előnyeit is.

# 2 Az érzékeny rácsrendszer

Ezután a tanfolyam követi a Bootstrap egyik legfontosabb elemét, az adaptív rácsrendszert. Neil elmagyarázza, hogyan lehet különféle rácsokat létrehozni, különböző töréspontokkal, oszlopméretekkel és eltolásokkal.

# 3 Érzékeny Navbars

A navbar komponens nagy oka annak, hogy sokan használják a Bootstrap programot. Ebben az előadásban megtanulhatja, hogyan készítsen egy érzékeny navigációs sávot, amely kis képernyőkön összeomlik hamburger menüvé.

# 4 Modálok

A Bootstrap segítségével rendkívül egyszerűen létrehozhatók a modálok is, amelyek gyakran jól jönnek. Ebben az előadásban megtudhatja, hogyan lehet őket lépésről lépésre felépíteni.

# 5 űrlapok

Az űrlapok kritikusak a legtöbb webhely számára, ezért jó tudni, hogyan kell létrehozni őket. Tehát ebben az előadásban megtanulhatja, hogyan kell létrehozni egy adaptív regisztrációs űrlapot. Itt hasznosak lesznek a reszponzív rácselőadáson szerzett ismereteid is.

# 6 Csoportok felsorolása

A listacsoportok sokféle célra használhatók. Használhatók például oldalsávként, menüként, cikkek listájaként vagy bármi, amit csak akar.

# 7 kártyák

A Bootstrap 4 egy teljesen új, kártyáknak nevezett alkatrészt mutat be, amelyek helyettesítik a paneleket, kutakat és indexképeket. A kártya rugalmas és bővíthető tartalomtároló. Ebben az előadásban megtudhatja, hogyan kell felépíteni egy kártyát általában alkotó különféle összetevők felhasználásával.

# 8 Asztalok

A Bootstrap 4 egy csomó osztályt is tartalmaz a táblák módosítására, és ez az előadás a legtöbbjüket bemutatja. Ők beiratkoznak, vagyis aktívan hozzá kell adni egy tábla osztályt, hogy egy táblát Bootstrap táblává alakítsanak. Ez ellentétben áll azzal, mint régen, mielőtt a szokásos HTML táblákat automatikusan Bootstrap táblákká változtatták.

# 9 riasztások

A riasztások nem különösebben izgalmasak, és nincs túl sok változás a könyvtár korábbi verzióihoz képest, így ha a Bootstrap 2 vagy 3 programot használta, akkor mindezt eléggé ismernie kell. Fontos azonban ezeket megismerni, mivel a felhasználóknak üzeneteket és értesítéseket küldve riasztásokkal a felhasználóbarátabbá teheti webhelyét.

# 10 Navigációs lehetőségek

Végül a tanfolyam áttekinthető azzal, hogy honnan indult, azzal, hogy több eszközt ad az övében, amikor a navigációs sávokról van szó, például fülek és legördülő menüpontok. Ezt praktikus tudni, de nem annyira lényeges, mint a második előadás cuccai, ezért jön a tanfolyam végén.

Ha ezeket az előadásokat back-to-back követi, akkor képesnek kell lennie a Bootstrap 4 használatával kezdeni a weboldalak készítését. Ha pedig elakad, akkor megfelelő felszereltséggel rendelkezik ahhoz, hogy belemerülhessen a dokumentumokba bármilyen problémájának megoldásához.

A Scrimba formátum

Végül vessünk egy gyors pillantást a pálya mögött álló technológiára is. A Scrimba, egy interaktív kódoló screencast eszköz segítségével épült fel. A „scrim” normál videónak tűnik, azonban teljesen interaktív. Ez azt jelenti, hogy a képernyőn belül szerkesztheti a kódot.

Itt van egy gif, amely elmagyarázza a koncepciót:

Szüneteltesse a képernyőt → Szerkessze a kódot → Futtassa!  → Tekintse meg a változtatásokat

Szüneteltesse a képernyőt → Szerkessze a kódot → Futtassa! → Tekintse meg a változtatásokat

Ez nagyszerű, ha úgy érzi, hogy kísérleteznie kell a kóddal annak megfelelő megértése érdekében, vagy amikor egyszerűen át akarja másolni a kód egy részét.

Mire vársz még? Menjen előre, és ma vegyen részt a tanfolyamon!

Köszönöm, hogy elolvasta! A nevem Per, a Scrimba társalapítója vagyok, és szeretek segíteni az embereknek új készségek elsajátításában. Kövessen engem a Twitteren, ha értesítést szeretne kapni az új cikkekről és forrásokról.

Köszönöm, hogy elolvasta! A nevem Per Borgen, a Scrimba társalapítója vagyok - ez a legegyszerűbb módja a kódolás megtanulásának. Tekintse meg adaptív webdesign bootcampunkat, ha meg akarja tanulni a modern weboldal professzionális felépítését.