Bootstrap Code Play

Code Play

Obsahuje reklamy

Informácie o aplikácii

Naučte sa responzívny webdizajn s lekciami Bootstrap, ktoré môžete upravovať a zobrazovať v náhľade. Bootstrap Code Play spája vysvetlenia, vzorový kód a ihrisko, aby ste mohli preskúmať, ako zmena v značkovaní ovplyvňuje stránku.

ČÍTAŤ, ZMENIŤ, ZOBRAZIŤ NÁHĽAD
Vyberte si tému, prečítajte si, ako funguje, a potom klepnite na Vyskúšať, čím otvoríte jej príklad v editore. Zmeňte triedu, upravte obsah alebo pridajte prvok. Otvorte Náhľad, aby ste si prezreli výsledok, a potom sa vráťte do Kódu pre ďalší experiment.

NAUČTE SA STAVEBNÉ BLOKY
Precvičte si responzívne mriežky, typografiu, tlačidlá, upozornenia, tabuľky a formuláre. Preskúmajte komponenty, ako sú karty, navigačné panely, harmoniky a dialógy v príslušných vzdelávacích trasách. Sprievodné lekcie zahŕňajú kroky, výzvy a bežné chyby, ktoré vám pomôžu pochopiť kód, a nie ho len kopírovať. Lekcie projektov spájajú koncepty v príkladoch, ako je sekcia s cenami a kompaktný dashboard.

VYBERTE SI VZDELÁVACÍ TÉMU
Preštudujte si pribalenú trasu Bootstrap 5.3.8 alebo preskúmajte Bootstrap 4.6.2 a 3.4.1 pre staršie projekty. Staršie verzie sú už nedostupné a sú určené na učenie a migráciu. Samostatná alfa verzia Bootstrap 6 je experimentálna; jej ukážka vyžaduje prístup na internet a moderný WebView.

POKRAČUJTE V CVIČENÍ
Vyhľadávajte témy alebo prehliadajte podľa kategórie. Označte si lekcie ako dokončené a pozrite si počet dokončených úloh pre každú verziu. Otvorte si ihrisko pre vlastné experimenty s HTML, uložte súbor a vráťte sa k nemu prostredníctvom Uložených súborov.

ÚPRAVY POMOCOU UŽITOČNÝCH NÁSTROJOV
Pri práci na príkladoch používajte zvýrazňovanie syntaxe, vrátenie a opakovanie akcií, nájdenie a nahradenie a prechod na riadok. Možnosť Uložiť ako uchováva samostatnú kópiu a možnosť Zdieľať kód odosiela text editora prostredníctvom dostupných možností zdieľania.

Pre študentov, samostatne sa pracujúcich študentov a vývojárov, ktorí sa vracajú k responzívnym rozloženiam, aplikácia ponúka praktický cyklus: prečítajte si vysvetlenie, vykonajte malú zmenu a skontrolujte výstup.

Aplikácia obsahuje reklamu. Príklady, ktoré odkazujú na externé zdroje, vyžadujú pripojenie na internet; dostupnosť vzdialených zdrojov sa môže líšiť.