Ejercicio de programación con CSS,HTML: Página web completa con Bootstrap
Proyecto
Ejercicios Bootstrap Página Web Completa y diseño. Aprende a diseñar una página web completa con Bootstrap mediante ejercicios prácticos y ejemplos claros.
Crear una página index.html con Bootstrap que tenga el contenido habitual de una página web ecommerce: barra de navegación, hero section, grid de productos, footer.
Más ejercicios de programación con CSS
Evalúa tus conocimientos en CSS con más ejercicios de programación de tipo Test, Puzzle, Código y Proyecto con VSCode.
Modelo de caja
Código
Flexbox en Tailwind CSS
Puzzle
Contenedores y columnas en Tailwind CSS
Código
Propiedades de posicionamiento
Puzzle
Clases de bordes de Tailwind CSS
Código
Hover, focus y estado de Tailwind CSS
Código
Metodologías de escritura CSS: BEM, SMACSS, OOCSS
Puzzle
Clases de colores y fondo de Tailwind CSS
Código
Animaciones y transiciones
Test
Introducción a CSS
Test
Selectores avanzados
Puzzle
Sintaxis básica
Test
Sintaxis
Código
Estilos de fuente
Test
Sintaxis avanzada
Puzzle
Clases de tamaño de Tailwind CSS
Puzzle
Diseño responsive con media queries
Test
Instalación de Tailwind CSS
Código
Tipografía y fuentes en Tailwind CSS
Puzzle
Más ejercicios de programación con HTML
Evalúa tus conocimientos en HTML con más ejercicios de programación de tipo Test, Puzzle, Código y Proyecto con VSCode.
Audio
Puzzle
Tablas
Test
Formularios (form, input, select, textarea, button)
Código
Tablas (table, tr, td, th)
Código
Enlace
Puzzle
Video
Puzzle
Imágenes
Test
Contraste y legibilidad
Test
DOCTYPE
Test
Atributos de elementos
Código
Introducción a HTML
Test
Metadatos
Test
Imágenes vectoriales
Test
Anidación de etiquetas
Test
Encabezados
Puzzle
Compatibilidad con navegadores
Test
Validación de HTML
Puzzle
Optimización de la carga de la página (Lazy loading)
Puzzle
Atributos de ARIA
Test
Listas
Puzzle
Certificados de superación de CSS
Supera todos los retos de CSS y obtén certificados de superación para mejorar tu currículum y empleabilidad.
Certificados de superación de HTML
Supera todos los retos de HTML y obtén certificados de superación para mejorar tu currículum y empleabilidad.
Tecnologías de este ejercicio de programación
Entornos de desarrollo para este ejercicio
Visual Studio Code
GitHub