
Introducción y Enlace de CSS
En este laboratorio, aprenderás los conceptos básicos de CSS, incluyendo cómo crear una hoja de estilos externa y enlazarla a un documento HTML para cambiar la fuente de la página.
CSS

Fundamentos de Diseño CSS
En este laboratorio, aprenderás los fundamentos de CSS Flexbox para crear diseños web responsivos y flexibles.
CSS

Estilo de Texto CSS
En este laboratorio, aprenderás los fundamentos del estilo de texto CSS, incluyendo cómo establecer el color del texto, tamaño de fuente, grosor de fuente, alineación y altura de línea.
CSS

Colores y Fondos CSS
En este laboratorio, aprenderás a estilizar elementos de páginas web aplicando diversas propiedades CSS de color y fondo, incluyendo la configuración de colores, la adición de imágenes y el control de su posición y repetición.
CSS

Estilo CSS para Tablas
En este laboratorio, aprenderá a estilizar tablas HTML utilizando varias propiedades CSS para mejorar su legibilidad y atractivo visual.
CSS

Estilo de Listas CSS
En este laboratorio, aprenderá a dar estilo a listas HTML utilizando varias propiedades CSS para crear una barra de navegación horizontal.
CSS

Utilidades CSS Modernas con Tailwind
En este laboratorio, aprenderás los fundamentos de Tailwind CSS, un framework CSS utility-first, estilizando un elemento HTML simple. Añadirás el CDN y aplicarás clases para color de fondo, color de texto, padding y layout.
CSS

Fundamentos de Selectores CSS
En este laboratorio, aprenderás los fundamentos de los selectores CSS, incluyendo selectores de elemento, clase, ID, agrupación y descendientes para dar estilo a elementos HTML.
CSS

Modelo de Caja CSS
En este laboratorio, aprenderás los fundamentos del Modelo de Caja CSS, incluyendo contenido, padding, borde y margen, y cómo controlar el dimensionamiento de elementos con box-sizing.
CSS

Crear animaciones CSS3 con Keyframes
Aprende a crear animaciones dinámicas para la web utilizando keyframes de CSS3, explorando la sintaxis, propiedades y técnicas avanzadas para dar vida a los elementos web con efectos de movimiento suaves e interactivos.
CSSHTMLJavaScript

Crear y dar estilo a elementos div en HTML
Aprende cómo crear, dar estilo y manipular elementos div en HTML, explorando sus características de nivel de bloque, colores de fondo y técnicas de posicionamiento.
JavaScriptCSSHTML

Construye una aplicación web de Tres en Raya
En este proyecto, aprenderás a crear un juego de Tres en Raya (Tic-Tac-Toe) utilizando HTML, CSS y JavaScript. El Tres en Raya es un juego para dos jugadores donde se turnan para marcar X o O en una cuadrícula de 3x3. El objetivo es conseguir tres marcas en línea, ya sea horizontal, vertical o diagonalmente. Crearás los archivos HTML, CSS y JavaScript necesarios e implementarás la lógica del juego paso a paso.
CSS

Crear elementos de formulario HTML con tipos de entrada
Aprende a crear formularios HTML interactivos con varios tipos de entrada, incluyendo texto, botones de radio, casillas de verificación, carga de archivos y botones de envío.
CSSHTMLJavaScript

Crea una aplicación web con carrusel Swiper
En este proyecto, aprenderás a crear una aplicación web con carrusel Swiper que tiene una disposición de carrusel visualmente atractiva con contenido temático cósmico. La aplicación permitirá a los usuarios navegar a través de diferentes diapositivas y ver tarjetas con datos interesantes sobre el universo.
CSS

Crear un diseño de posicionamiento fijo en CSS
Aprende cómo implementar el posicionamiento fijo en CSS para crear elementos estáticos que permanecen en su lugar mientras se desplaza la página, con ejemplos prácticos de anuncios laterales y diseños de navegación.
CSSHTMLJavaScript

Crear y manipular arrays en JavaScript
Aprende cómo crear, inicializar y manipular arrays de JavaScript a través de ejercicios prácticos, explorando la indexación de arrays, el acceso a elementos y las operaciones básicas de arrays.
JavaScriptHTMLCSS

Crear tablas HTML con atributos básicos
Aprende cómo crear tablas HTML estructuradas con etiquetas básicas, encabezados, combinación de celdas y técnicas de estilo para un diseño de página web y una presentación de datos efectivos.
CSSHTMLJavaScript

Crear transiciones de CSS3 con funciones de temporización
Aprende a crear transiciones de CSS3 suaves y dinámicas utilizando funciones de temporización, explorando efectos de hover, propiedades de transición y técnicas de animación avanzadas.
CSSHTMLJavaScript