Bootstrap Code Play

Code Play

Conté anuncis

Sobre l'aplicació

Apreneu disseny web responsiu amb lliçons de Bootstrap que podeu editar i previsualitzar. Bootstrap Code Play connecta explicacions, codi d'exemple i un parc infantil perquè pugueu explorar com un canvi en el marcatge afecta una pàgina.

LLEGEIX, CANVIA, PREVISUALITZA
Trieu un tema, llegiu com funciona i, a continuació, toqueu Prova-ho per obrir el seu exemple a l'editor. Canvieu una classe, ajusteu el contingut o afegiu un element. Obriu Previsualització per inspeccionar el resultat i, a continuació, torneu a Codi per a un altre experiment.

APRENEU ELS BLOCKS DE CONSTRUCCIÓ
Practiqueu quadrícules responsives, tipografia, botons, alertes, taules i formularis. Exploreu components com ara targetes, barres de navegació, acordions i diàlegs a les pistes d'aprenentatge pertinents. Les lliçons guiades inclouen passos, reptes i errors comuns per ajudar-vos a entendre el codi en lloc de simplement copiar-lo. Les lliçons de projectes reuneixen conceptes en exemples com ara una secció de preus i un tauler de control compacte.

TRIEU UNA PISTA D'APRENENTATGE
Estudieu la pista Bootstrap 5.3.8 inclosa o exploreu Bootstrap 4.6.2 i 3.4.1 per a projectes més antics. Les pistes més antigues són del final del cicle de vida i es proporcionen per a l'aprenentatge i la migració. Una pista alfa de Bootstrap 6 independent és experimental; la seva vista prèvia requereix accés a Internet i una vista web moderna.

CONTINUA PRACTICANT
Cerca temes o navega per categoria. Marca les lliçons com a completades i consulta el recompte de finalitzacions per a cada versió. Obre el pati d'esbarjo per als teus propis experiments HTML, desa un fitxer i torna-hi a través dels fitxers desats.

EDITA AMB EINES ÚTILS
Utilitza el ressaltat de sintaxi, desfés i refer, cerca i substitueix i vés a la línia mentre treballes en exemples. Desa com a manté una còpia separada i Comparteix codi envia el text de l'editor a través de les opcions de compartició disponibles.

Per a estudiants, aprenents autodirigits i desenvolupadors que revisen dissenys responsius, l'aplicació ofereix un bucle pràctic: llegeix una explicació, fes un petit canvi i inspecciona el resultat.

L'aplicació inclou publicitat. Els exemples que fan referència a recursos externs necessiten una connexió a Internet; la disponibilitat de recursos remots pot variar.