Inicio Explorar Comunidad Publicar Proyecto Contacto Hacerse PRO Juegos Asistente IA ✨
Frontend Essentials

HTML +
Modern CSS

Construye la web visual. Desde la estructura semántica hasta el diseño de interfaces modernas y funcionales.

Tu progreso actual

0% Completado

Plan de Estudios

47 Lecciones Críticas
Módulo 1

Estructura y Marcado

Lección 1

El DOM y Anatomía

Comenzar

Lección 2

Flujo y Bloque

Comenzar

Lección 3

Semántica de Listas

Comenzar
Módulo 2

CSS y Espacios

Lección 4

Algoritmo de la Cascada

Comenzar

Lección 5

El Modelo de Caja

Comenzar

Lección 6

Clases y Especificidad

Comenzar
Módulo 3

Componentes Web

Lección 7

Imágenes y Auto-cierre

Comenzar

Lección 8

Contenedores (div)

Comenzar

Lección 9

Entradas y Formularios

Comenzar

Lección 10

Botones e Interacción

Comenzar
Módulo 4

Estética Profesional

Lección 11

Colores Hex y RGB

Comenzar

Lección 12

Tipografía y Pesos

Comenzar

Lección 15

Posicionamiento

Comenzar

Lección 16

Estado Hover

Comenzar

Lección 18

Sombras y Profundidad

Comenzar
Módulo 5

Layout y Adaptabilidad

Lección 13

Flexbox Parte 1

Comenzar

Lección 14

Flexbox Parte 2

Comenzar

Lección 17

Unidades (rem, %)

Comenzar

Lección 19

Media Queries

Comenzar

Lección 20

Object-fit

Comenzar
Módulo 6

Estilos Avanzados y Efectos

Lección 21

Transiciones Suaves

Comenzar

Lección 23

Desbordamiento (Overflow)

Comenzar

Lección 24

Fuentes Externas

Comenzar

Lección 28

Variables CSS

Comenzar

Lección 29

Z-Index y Capas

Comenzar

Lección 30

Reset de CSS

Comenzar
Módulo 7

Semántica y Accesibilidad

Lección 22

Semántica de Contenedores

Comenzar

Lección 25

Semántica de Navegación

Comenzar

Lección 26

Formularios e Inputs

Comenzar

Lección 27

Etiquetas y Accesibilidad

Comenzar
Módulo 8

Componentes y Layout Avanzado

Lección 31

Estructura de Card

Comenzar

Lección 32

Espaciado Inteligente

Comenzar

Lección 33

Botones con Iconos

Comenzar

Lección 37

Diseño Multilínea

Comenzar
Módulo 9

Pulido, Formularios y Cierre

Lección 34

Pie de Página (Footer)

Comenzar

Lección 35

Estados Activos

Comenzar

Lección 36

Transparencias (RGBA)

Comenzar

Lección 38

Estilos de Formulario

Comenzar

Lección 39

Gradientes

Comenzar

Lección 40

Sombras de Texto

Comenzar

Lección 41

Desafío: Perfil de Programador

Comenzar

Lección 42

Tipografía Fluida (vw/vh)

Comenzar

Lección 43

Tablas de Datos Semánticas

Comenzar

Lección 44

Atributo Title y Tooltips

Comenzar

Lección 45

Estilos de Cursor y Carga

Comenzar

Lección 46

Filtros CSS Avanzados

Comenzar

Lección 47

Proyecto: Tarjeta de Producto

Comenzar
Certificación

Prueba de Nivel

Python Starter Quiz

Valida tus conocimientos avanzados de Python con este cuestionario final.

Tomar Quiz

Únete a la Comunidad

Comparte tus diseños, resuelve dudas de CSS y crece con otros desarrolladores.

Ir a la comunidad