Tanulj reszponzív webdesignt Bootstrap leckékkel, amiket szerkeszthetsz és előnézetben is megtekinthetsz. A Bootstrap Code Play magyarázatokat, példakódokat és egy játszóteret ötvöz, így felfedezheted, hogyan befolyásolja a jelölésmódosítás az oldalt.
OLVASÁS, MÓDOSÍTÁS, ELŐNÉZET
Válassz egy témát, olvasd el, hogyan működik, majd koppints a Kipróbálás gombra a példa megnyitásához a szerkesztőben. Módosíts egy osztályt, igazítsd a tartalmat, vagy adj hozzá egy elemet. Nyisd meg az Előnézetet az eredmény vizsgálatához, majd térj vissza a Kódhoz egy újabb kísérlethez.
ISMERJ KI AZ ÉPÍTŐELEMEKET
Gyakorold a reszponzív rácsokat, tipográfiát, gombokat, riasztásokat, táblázatokat és űrlapokat. Fedezz fel olyan komponenseket, mint a kártyák, navigációs sávok, harmonikák és párbeszédpanelek a vonatkozó tanulási sávokban. Az irányított leckék lépéseket, kihívásokat és gyakori hibákat tartalmaznak, amelyek segítenek megérteni a kódot, ahelyett, hogy csak lemásolnád. A projektleckék példákban, például egy árképzési részben és egy kompakt irányítópulton keresztül ötvözik a fogalmakat.
VÁLASSZ TANULÁSI ÚTVONALT
Tanulmányozd a csomagban található Bootstrap 5.3.8 sávot, vagy fedezd fel a Bootstrap 4.6.2 és 3.4.1 verziókat régebbi projektekhez. A régebbi sávok élettartamuk végét jelentik, és tanulásra és migrálásra szolgálnak. Egy különálló Bootstrap 6 alfa sáv kísérleti jellegű; az előnézetéhez internet-hozzáférés és modern WebView szükséges.
GYAKOROLJON TOVÁBB!
Keressen témákat, vagy böngésszen kategóriák szerint. Jelölje meg a leckéket befejezettként, és tekintse meg az egyes verziók teljesítési számát. Nyissa meg a játszóteret saját HTML-kísérleteihez, mentsen el egy fájlt, és térjen vissza hozzá a Mentett fájlok menüpont alatt.
SZERKESZTÉS HASZNOS ESZKÖZÖKKEL
Használjon szintaxiskiemelést, visszavonást és újravégzést, keresést és cserét, valamint ugorjon sorra a példákon való munka közben. A Mentés másként funkció külön másolatot tart fenn, a Kód megosztása pedig a rendelkezésre álló megosztási lehetőségeken keresztül küldi el a szerkesztő szövegét.
A diákok, az önálló tanulók és a reszponzív elrendezéseket újrahasználó fejlesztők számára az alkalmazás egy praktikus ciklust kínál: olvassa el a magyarázatot, végezzen el egy apró módosítást, és vizsgálja meg a kimenetet.
Az alkalmazás hirdetéseket tartalmaz. A külső forrásokra hivatkozó példákhoz internetkapcsolat szükséges; a távoli források elérhetősége változhat.
Tanulj meg reszponzív elrendezéseket irányított leckékkel, szerkeszthető HTML-lel és kódelőnézetekkel.