Bootstrap Code Play

Code Play

Contén anuncios

Acerca desta aplicación

Aprende deseño web adaptable con leccións de Bootstrap que podes editar e previsualizar. Bootstrap Code Play conecta explicacións, código de exemplo e un parque de xogos para que poidas explorar como un cambio no marcado afecta a unha páxina.

LER, CAMBIA, VISTA PREVIA
Escolle un tema, le como funciona e logo toca Probalo para abrir o seu exemplo no editor. Cambia unha clase, axusta o contido ou engade un elemento. Abre Vista previa para inspeccionar o resultado e logo volve a Código para outro experimento.

APRENDE OS BLOQUES DE CONSTRUCIÓN
Practica grellas adaptables, tipografía, botóns, alertas, táboas e formularios. Explora compoñentes como tarxetas, barras de navegación, acordeóns e diálogos nas pistas de aprendizaxe relevantes. As leccións guiadas inclúen pasos, desafíos e erros comúns para axudarche a comprender o código en lugar de simplemente copialo. As leccións de proxectos reúnen conceptos en exemplos como unha sección de prezos e un panel compacto.

ESCOLLER UNHA PISTA DE APRENDIZAXE
Estuda a pista de Bootstrap 5.3.8 incluída ou explora Bootstrap 4.6.2 e 3.4.1 para proxectos máis antigos. As pistas máis antigas están ao final do ciclo de vida e ofrécense para aprendizaxe e migración. Unha pista alfa de Bootstrap 6 independente é experimental; a súa vista previa require acceso a internet e unha vista web moderna.

SEGUE PRACTICANDO
Busca temas ou navega por categoría. Marca as leccións como completadas e consulta o reconto de finalizacións para cada versión. Abre o patio de recreo para os teus propios experimentos HTML, garda un ficheiro e volve a el a través de Ficheiros gardados.

EDITA CON FERRAMENTAS ÚTILES
Usa o realzado de sintaxe, desfai e refai, busca e substitúe e vai á liña mentres traballas en exemplos. Gardar como mantén unha copia separada e Compartir código envía o texto do editor a través das opcións de compartición dispoñibles.

Para estudantes, estudantes autodirixidos e desenvolvedores que revisitan deseños adaptables, a aplicación ofrece un bucle práctico: le unha explicación, fai un pequeno cambio e inspecciona a saída.

A aplicación inclúe publicidade. Os exemplos que fan referencia a recursos externos necesitan unha conexión a internet; a dispoñibilidade de recursos remotos pode variar.