Aprende CSS y Diseño Web

Una app para aprender CSS en el móvil, desde selectores hasta diseño adaptable, animaciones y diseño web moderno, para principiantes y expertos. Lecciones breves de un solo tema y un editor accesible con un toque, con HTML y CSS en paralelo y vista previa en tiempo real.

QUÉ INCLUYE

• 40 cursos, 159 lecciones: de principiante (A1) a avanzado (C1)

• CSS editor con HTML en directo: vista previa instantánea, experimentos y páginas propias

• 20 proyectos guiados de diseño web: barra de herramientas, cuadrícula de tarjetas, cabecera fija, botón pulsante

• 20 misiones de búsqueda de errores: tarjeta 42px más ancha de lo debido, media query que no se activa en móviles, ventana modal detrás de la página

• Examen final y certificado de finalización

• 22 idiomas

UN RECORRIDO COMPLETO, DE PRINCIPIANTE A AVANZADO

• Sintaxis, selectores, colores, fondos, tipografía, modelo de caja, display, posicionamiento, unidades, valores

• Pseudoclases, pseudoelementos, CSS flexbox, CSS grid: de lo básico a diseños avanzados

• Diseño adaptable, media queries, consultas de contenedor

• Propiedades personalizadas (variables), funciones, especificidad, cascada, @layer

• Transiciones, transformaciones, animación por fotogramas clave, filtros, modos de fusión

• Modo oscuro, esquemas de color, desplazamiento, desbordamiento, clip-path, formas

• Depuración con herramientas de desarrollo, arquitectura BEM, Sass, PostCSS, tokens de diseño

• Patrones de componentes y diseños modernos, rendimiento, Houdini

PRÁCTICA QUE SE QUEDA

• Cuestionarios, chuleta de 69 entradas, 50 preguntas con respuestas claras para entrevistas de desarrollo front end o web

• Biblioteca de código editable; guarda código, notas y lecciones favoritas

• Reto mundial de programación: tres rondas globales al día en Python, JavaScript y otros lenguajes

• Rachas, XP, clasificación, recordatorios diarios

MENTOR IA

• Pregunta a IA sobre conceptos, errores, diseños, propiedades o tu código

• El entorno de pruebas de IA genera HTML y CSS a partir de descripciones de páginas

• Cupo diario gratuito de IA; ilimitado con Pro

PARA QUIÉN ES

• Principiantes que quieren aprender CSS para desarrollar webs

• Diseñadores que dan estilo a páginas en vez de entregar maquetas

• Estudiantes que practican para aprender CSS mientras hacen un curso de diseño web

• Desarrolladores de HTML y CSS que aprenden CSS flexbox y CSS grid

• Personas que cambian de profesión y se preparan para un puesto de front end

CÓMO FUNCIONA

1. Empieza gratis a aprender CSS: sintaxis y selectores

2. Cambia valores en el editor; observa la vista previa

3. Aprende el modelo de caja, flexbox, grid, diseño adaptable y animación

4. Crea proyectos guiados; corrige errores de maquetación

5. Aprueba el examen final para obtener tu certificado

GRATIS Y PRO

Gratis: primer curso, primer proyecto guiado, dos misiones, editor en directo y cupo diario del mentor IA. Pro: todos los cursos, proyectos y misiones, examen para el certificado, IA ilimitada y sin anuncios.