Nivel Básico
23 clases
3 horas de contenido
10 horas de práctica
Construye un proyecto completo de frontend, creando un diseño responsive paso a paso. Comprende y aplica HTML y CSS para estructurar, estilizar y perfeccionar una interfaz de usuario efectiva. Ideal para iniciar en el desarrollo web.
Layout y componentes
Maquetación responsiva: pantallas de autenticación
- 5
Maquetación Responsive de Formulario de Creación de Contraseña
08:49 min - 6
Estilización de Formularios con CSS Grid y Flexbox
18:15 min - 7
Construcción de Pantalla de Confirmación de Email Enviado
11:26 min - 8
Maquetación de Pantalla de Login en HTML y CSS
08:19 min - 9
Maquetación de Formulario para Crear Cuenta en HTML y CSS
10:54 min - 10
Edición de Cuenta: Cambios en Inputs y Botones en Pantalla
04:52 min
Maquetación responsiva: vistas principales
- 11
Estructuración HTML para Aplicaciones con Grids y Cards
06:57 min - 12
Estilización de Cartas con CSS y Responsive Design
13:39 min - 13
Creación de Menú Desktop con HTML y CSS Básico
11:47 min - 14
Creación de Menú Responsive en HTML y CSS para Móviles
12:18 min - 15
Maquetación de Pantalla "Mi Orden" en HTML y CSS
05:44 min - 16
Estilos CSS para Pantalla de Orden en HTML
15:08 min - 17
Creación de Pantalla "Mis Órdenes" en HTML y CSS
04:25 min - 18
Estructuración de Navbar con HTML para Desktop y Mobile
04:50 min - 19
Estilos Responsivos para Navbar en HTML y CSS
20:17 min - 20
Maquetación de Detalle de Productos en HTML y CSS
19:18 min - 21
Estructura y Estilo de Pantalla del Carrito de Compras
11:12 min
Próximos pasos
Profes del curso
Conoce quién enseña el curso
Estefany Aguilar
Desarrolladora Frontend en Platzi
👩💻 Experta en CSS
🇨🇴 Organizadora de comunidades como MedellínCSS y CSS Conf Colombia
🎨 Ama enseñar con ilustraciones divertidas
software y recursos necesarios
- Navegador Web
- Editor de código
Opiniones del curso
4.7 · 5116 opiniones
Jose Miguel Perdomo
@Mercys·
El contenido esta genial, pero considero que la docente debería editar o grabar mejor el material, explica muy bien pero a veces comete errores los cuales pueden confundir al estudiante. Errar es de humanos y estoy seguro que la profe es excelente pero en clases grabadas es mejor editar o volver a grabar para evitar estas situaciones.
Jaen Figueroa
@jaenfigueroa·
me encanto mucho este curso, lo que si me parecio un poco raro que la profesora diga que es un mala practica usar divs, pero lo usaba constantemente, solo eso, fuera de eso, excelente servicio.
Luis Gustavo Choque Joaquin
@luis-g-choque-joaquin·
clase buena muy personalizada con mucho css es bueno repasar estos conceptos que a veces se deja uno llevar por plantillas
Endersson Alonso
@endermendoza12·
Un curso muy bonito, dinámico y entretenido. La voz de la docente es muy relajante y aunque a veces se acelera un poco explica bastante bien. ⭐⭐⭐⭐⭐
Andrés Sebastian Martinez Chas
@sebastianmartinezchas834·
Muy buena experiencia! Excelente Curso para comenzar en desarrollo Frontend y continuar la ruta.
Felipe Andres Sánchez Gomez
@vin_snchz·
solo no entendi sobre la etiqueta link... Pero todo super bien, a seguir avanzando!
ANDRO CARDENAS VARGAS
@ANDRUX90M·
me encantó este curso y con una docente genial, lo unico "malo" es que en los videos finales, no justificaba algunas etiquetas nuevas y que no habíamos visto, es decir, el porqué se debía usar esa etiqueta en particular para determinadas acciones, ese es mi apreciación, pero sin dudas hubo mucha alimentación de conocimiento en este curso.💚💚😎😎 THANKS!☑️🎉
Walner Herazo
@Walner·
Muy bueno el curso, me queda duda si hay que realizar actualización. Veo que es de hace 3 años.
Ketty Reyes
@kettyreyes·
Excelente curso y profesora, genial un poco rápido pero escuchar de vuelta las clases te das cuenta que ya tomas el ritmo, ademas a medida que vas entendiendo la rapidez ya no se nota, muchas gracias profesora, 100% recomendable.
María Guadalupe Castelan Ramírez
@gpecaster·
El poner en práctica los conceptos y realizar lo visto en clase.
Marlon Gonzalez
@ulises27·
muy buen curso practico me motiva bastante el hecho que crees algo para utilizarlo despues en tu ruta
Alexander Acosta
@j_alex_acosta·
Aprendo mucho con Steff, espero seguir profundizando en -java Script para poner en práctica los conocimientos
Nicolás Mayorga
@Darkmoon·
Lo considero un poco monotono sin embargo el contenido es completo y facil de entender grancias al profesor asignado.
David Noda
@guisove·
es muy extenso para caerle si no pasas por algo de css
Andres Felipe Vargas Gonzalez
@andrewvgonz·
Se que en la marcha nos da una visual de que es el dia a dia de un forntend, pero si siento que baja un poco la parte de respetar la semantica de html donde se evidencia el uso excesivo de div, por lo demás tengo que decir que fue genial el curso.
Erick Antonio Rodríguez Son
@e12antonio·
pienso que el codigo se podía optimizar y se trabaja de forma muy desordenada tanto como trabajar el codigo de estilo en un mismo archivo html pero creo que ha de tener sus razones, igual gracias por el curso platzy :)
Richard Delfin Berna Capo
@richardberna211·
Clase muy bien explicada pero demasiado básico,. Recomendable para los que están iniciando
Catalina Zelaya
@c.zelaya·
Me encanta la profesora de este curso, explica lo suficientemente lento como para entender y lo suficientemente rápido para no aburrirse
Hecheel De la cruz
@lagloriaesdeyahweh·
Excelente
Nelson Herrera Diaz
@hdnelson24581·
Excelente curso.
José Manuel Martínez González
@josmanu16·
Muy bien explicado y el que sea práctico ayuda mucho con el aprendizaje
Luis Hernando Barreto Carvajal
@hsoftware·
Considero principal en este curso el manejo del css para dar el estilo al html. Me gustó particularmente como se manejó la reutilización de código.
John Castellanos
@johncastellanos1481·
excelente curso
Brayan Steven Rivera Páez
@bitsdream·
Poner en practica todos estos conocimientos del curso pasado en este fue increíble, me motiva a descubrir que puedo lograr si aprendo mas.
David Tapia
@d1vdtpy661·
A pesar de lo que digan de la profe, yo aprendí con ella
Huguette Alejandra López Hernández
@maeve8pachuli2·
Me gustó mucho, si eres diseñador UX sirve mucho este curso para que empieces a entender de algo de programación, claro, primero debes tomar el anterior que es más de teoria. :)
daniel andres cely roldan
@andresscely·
Me gusto el curosw la profe explica muy bien
Alvaro Huaiquilef
@alvaro.h.13.t·
Excelente curso, totalmente enfocado a lo práctico. La profe, como siempre, se luce explicando el contenido. Felicitaciones para ella.
Kevin Blocks
@ksperdomo108·
Muy buen curso para poner tus habilidades de front-end en practica con muy buena documentacion y explicaciones de la profe Nota. Gracias profe por todo
Andrés Felipe Toro Layton
@Anfet·
Me gustaría que no se reciclara tanto código pues es fácil perderse con copy paste
Eleva tu aprendizaje
Este curso es parte de estas rutas de aprendizaje
Ruta
Frontend a profundidad con React.js
68 horas
7 Profes
Aprende a desarrollar aplicaciones web, móviles y de escritorio con React.js. La librería JavaScript más popular en el mercado.
Ruta
Full Stack Developer con JavaScript
63 horas
8 Profes
Conviértete en Full Stack Developer con JavaScript. Domina JavaScript, Node y React para tu primer gran empleo. Tu futuro en desarrollo web comienza aquí.
Ruta
Frontend y Backend con Javascript para Desarrollo Web
388 horas
39 Profes
¡Aprende Frontend, Backend y Full Stack Development con referentes en la industria y profes del Team Platzi!
Ruta
HTML y CSS desde cero
56 horas
8 Profes
Aprende a hacer páginas eficientes, maquetación con HTML, estilos con CSS más complejos y con animaciones.
Comunidad
La comunidad es nuestro super poder
Contenido adicional creado por la comunidad que nunca para de aprender