Bootstrap Code Play

Code Play

Conține anunțuri

Despre aplicație

Învață design web responsiv cu lecții Bootstrap pe care le poți edita și previzualiza. Bootstrap Code Play conectează explicații, exemple de cod și un spațiu de joacă, astfel încât să poți explora cum o modificare a markup-ului afectează o pagină.


CITEȘTE, MODIFICĂ, PREVIZEAZĂ

Alege un subiect, citește cum funcționează, apoi atinge Încearcă pentru a deschide exemplul său în editor. Schimbă o clasă, ajustează conținutul sau adaugă un element. Deschide Previzualizare pentru a inspecta rezultatul, apoi revino la Cod pentru un alt experiment.


ÎNVAȚĂ ELEMENTELE DE CONSTRUCȚIE

Exersează grile responsive, tipografie, butoane, alerte, tabele și formulare. Explorează componente precum carduri, bare de navigare, acordeoane și dialoguri în secțiunile de învățare relevante. Lecțiile ghidate includ pași, provocări și greșeli frecvente pentru a te ajuta să înțelegi codul, în loc să-l copiezi. Lecțiile de proiect reunesc concepte în exemple precum o secțiune de prețuri și un tablou de bord compact.


ALEGE O SESSION DE ÎNVĂȚARE

Studiază secțiunea Bootstrap 5.3.8 inclusă sau explorează Bootstrap 4.6.2 și 3.4.1 pentru proiecte mai vechi. Versiunile mai vechi sunt la sfârșitul ciclului de viață și sunt furnizate pentru învățare și migrare. O versiune separată de Bootstrap 6 alpha este experimentală; previzualizarea acesteia necesită acces la internet și o vizualizare WebVision modernă.

CONTINUAȚI SĂ EXERCITAȚI
Căutați subiecte sau răsfoiți după categorie. Marcați lecțiile ca finalizate și vedeți numărul de finalizări pentru fiecare versiune. Deschideți spațiul de joacă pentru propriile experimente HTML, salvați un fișier și reveniți la acesta prin intermediul Fișierelor salvate.

EDITAȚI CU INSTRUMENTE UTILE
Utilizați evidențierea sintaxei, anulați și refaceți acțiunile, găsiți și înlocuiți și accesați linia în timp ce lucrați la exemple. Salvați ca păstrează o copie separată, iar codul Partajați trimite textul editorului prin opțiunile de partajare disponibile.

Pentru studenți, cursanți autodirijați și dezvoltatori care revizuiesc layout-uri responsive, aplicația oferă o buclă practică: citiți o explicație, faceți o mică modificare și inspectați rezultatul.

Aplicația include publicitate. Exemplele care fac referire la resurse externe necesită o conexiune la internet; disponibilitatea resurselor la distanță poate varia.