CSS Básico + Introduccion a Flexbox
por Jose F Robles
Introduce CSS desde cero: colores, fuentes, box model, posicionamiento y background, con una introducción a Flexbox y dos proyectos prácticos, uno con efecto parallax.
Recomendado, valoración editorial 4 de 5
verificado 2026-10-01 — sigue siendo gratis en Udemy
Empezar en UdemyRespuesta rápida
Curso gratis de Programación de nivel principiante en Udemy impartido por Jose F Robles (1 h 33 min). Nuestra valoración: 4/5, recomendado. Comprobamos que sigue siendo gratis el 1 de octubre de 2026.
- Veredicto
- 4/5 · Recomendado
- Para quién
- Personas sin experiencia previa en CSS que quieren dar sus primeros pasos en maquetación web.
- Nivel
- Principiante
- Duración
- 1 h 33 min · 7 lecciones
- Precio
- Gratis en Udemy
- Autor
- Jose F Robles
- Plan sugerido
- 2 sem. · 2 h/sem.
- Verificado
- el 1 de octubre de 2026
Nuestro veredicto
Recomendado, valoración editorial 4 de 5Curso breve y bien ordenado para empezar con CSS, que combina fundamentos con dos proyectos y una introducción a Flexbox. Es útil para principiantes con base de HTML; para profundizar necesitarás otros recursos.
Puntos fuertes
- Parte de cero en CSS y sigue una progresión clara: fundamentos, proyecto, Flexbox, proyecto.
- Incluye proyectos prácticos dentro de los capítulos.
- Duración contenida (93 minutos), asumible en pocas sesiones.
A tener en cuenta
- Es una introducción: Flexbox solo se presenta y no se menciona CSS Grid.
- No consta el año de publicación; conviene comprobar que el contenido sigue vigente.
- La descripción habla de 3 proyectos pero los capítulos muestran solo 2.
De qué trata
Curso de unos 93 minutos y 7 lecciones que presenta CSS como segundo pilar del desarrollo web tras HTML. Comienza explicando qué es CSS y por qué es importante, y continúa con colores y fuentes, el box model con imágenes, y posicionamiento y background.
Después incluye un primer proyecto para afianzar lo visto, una introducción a Flexbox y un segundo proyecto con efecto parallax. La descripción indica que se parte sin experiencia previa en CSS, aunque se espera algo de HTML.
- Qué es CSS y por qué es importante
- Colores y fuentes
- Box Model, imágenes, posicionamiento y background
- Introducción a Flexbox
- Proyecto con efecto Parallax
Para quién es este curso
- Personas sin experiencia previa en CSS que quieren dar sus primeros pasos en maquetación web.
- Quienes ya conocen lo básico de HTML y buscan el siguiente pilar del desarrollo web.
- Estudiantes que prefieren aprender construyendo proyectos prácticos (los capítulos incluyen dos proyectos).
Mejor busca otro si…
- Quien ya maneja box model, posicionamiento y Flexbox y busca algo más avanzado.
Antes de empezar
- Conocimientos básicos de HTML (la descripción lo menciona como único requisito previo).
- Un ordenador; la descripción indica que no hace falta gastar dinero en software.
Qué sabrás hacer al terminar
- Entender qué es CSS y por qué es importante en el desarrollo web.
- Aplicar colores y fuentes a una página.
- Comprender el box model y trabajar con imágenes.
- Usar posicionamiento y fondos (background) en una maqueta.
- Conocer los primeros pasos de Flexbox para organizar elementos.
- Crear un efecto parallax en un proyecto.
Estructura del curso
- 01
Fundamentos de CSS
Qué es CSS y por qué es tan importante, además de colores y fuentes.
- 02
Box model, imágenes y posicionamiento
Box Model e imágenes, posicionamiento y background.
- 03
Proyecto 1
Proyecto para afianzar lo visto hasta ese punto.
- 04
Flexbox y Proyecto 2 (Parallax)
Introducción a Flexbox y un segundo proyecto con efecto parallax.
Capítulos del vídeo
- 01¿Qué es CSS, por qué es tan importante?
- 02Colores y fuentes
- 03Box Model e Imagenes
- 04Posicionamiento y Background
- 05Proyecto 1
- 06Introduccion Flexbox
- 07Proyecto 2 - Parallax
Plan de estudio sugerido
2 semanas · unas 2 h por semana
- 1.Sesión 1: qué es CSS, colores y fuentes; practica con una página HTML propia.
- 2.Sesión 2: Box Model e imágenes, posicionamiento y background; prueba márgenes, padding y posiciones.
- 3.Sesión 3: Proyecto 1; síguelo y luego modifícalo por tu cuenta.
- 4.Sesión 4: Introducción a Flexbox y Proyecto 2 (Parallax); reproduce cada ejemplo y cambia las propiedades.
El plan cuenta con tiempo para pausar y practicar, no solo con la duración del vídeo. Si quieres adaptarlo a tu semana, lee cómo montar tu plan de estudio semanal.
Consejos para seguirlo
- Ten un archivo HTML abierto junto al vídeo y escribe cada regla CSS tú mismo en lugar de solo mirar.
- En Box Model, pausa y cambia márgenes y padding para ver el efecto en el navegador.
- Tras el Proyecto 1, intenta rehacerlo sin mirar el vídeo para comprobar qué has retenido.
- Con Flexbox, prueba tus propias variaciones antes de pasar al proyecto de parallax.
Antes y después de este curso
- Antes de este cursoCurso de HTML desde 0Si no conoces HTML, conviene verlo antes porque el curso lo da por sabido.
- Después de este cursoCurso de FlexBox desde 0Permite profundizar en Flexbox, que aquí solo se introduce.
- Después de este cursoCURSO DE CSS COMPLETO: De Principiante a Front-EndUn curso de CSS más completo para ampliar lo aprendido.
Cómo lo presenta Jose F Robles
Comienza tu carrera como desarollador aprendiendo desde lo básico
Para entrar al mundo de desarrollo web, necesitas empezar por los cimientos, los cuales son HTML y CSS, en este segundo pilar del desarrollo web, aprenderás lo fundamental para empezar en la carrera de desarrollador web. Aprenderás a manejar la web sin ningún tipo de límites, salvo los que tu te pongas. Empezarás sin ningún tipo…
Extracto de la descripción original en Udemy.
Preguntas frecuentes
+¿Necesito saber HTML?
La descripción indica que se empieza sin experiencia previa, salvo conocimientos de HTML.
+¿Cuánto dura?
Unos 93 minutos repartidos en 7 lecciones. Con práctica, puedes dedicarle unas 2 semanas a ritmo tranquilo.
+¿Qué se aprende de Flexbox?
Una introducción, en un capítulo. Para profundizar puedes seguir con un curso específico de Flexbox.
+¿Incluye proyectos?
Los capítulos incluyen Proyecto 1 y Proyecto 2 (Parallax).
Análisis editorial elaborado con ayuda de IA a partir de la descripción, los capítulos y la duración publicados en Udemy, y revisado según nuestro método. El contenido del curso es obra de Jose F Robles; si ves algún error, avísanos.
Guías para sacarle partido
Más cursos de Programación
Agentic AI – Complete Course for Beginners
Curso de unas 24 horas para construir sistemas de agentes de IA con LangChain y LangGraph: Pydantic, flujos de trabajo, memoria, RAG y despliegue en AWS y Render.
Aprende Accesibilidad Web paso a paso
Introducción práctica a la accesibilidad web: pautas y leyes, contenido, navegación, diseño e interacción accesibles, relación con el SEO y evaluación de sitios.
Aprende Godot - Curso completo desde cero
Crea tu primer videojuego 3D en Godot 4 desde cero: escenas, nodos, GDScript, físicas, animaciones, sonido y exportación a .exe.
Aprende JavaScript Ahora! curso completo desde cero para principiantes
Curso de JavaScript desde cero: entorno, variables, tipos, operadores, control de flujo, diez ejercicios y objetos con funciones constructoras.