
Desarrolla sitios web adaptables con Responsive Design y Mobile First. Aprende a utilizar wireframes, crear estilos y aplicar media queries para garantizar que tus proyectos se vean bien en cualquier dispositivo. Usa herramientas como Figma y Lighthouse.
Clases del curso
Setup inicial
Sección de Header
Sección de Intercambios
Sección de Beneficios
Sección de Planes
Sección de Footer
Media Queries
Lighthouse
Próximos pasos
¡Comparte tus logros con un certificado!
Cuando termines el curso tendrás acceso al certificado digital para compartirlo con tu familia, amigos, empleadores y la comunidad.

Conoce quién enseña el curso

Diego De Granda
Head of Education en Platzi
👨🏫 Google Developer Expert
🎙 Tiene un podcast sobre tecnología
👨💻 Experto en JavaScript y Web Components
Proyecto del curso

Construye un sitio web totalmente responsivo
Crearás el frontend de un sitio web partiendo de su wireframe, analizarás su arquitectura y construirás en código cada una de sus partes para que este se adapte a cualquier dispositivo de los usuarios.
Ver proyectoconocimientos previos
- javascript
- HTML y CSS
software y recursos necesarios
- Editor de código VS Code u otro
- Navegador Google Chrome u otro
Mira la primera clase sin costo en este momento
4.9 · 4751 opiniones


Hector Arturo Hernandez Zamora
Me gusto como se uso un proyecto real para poder saber como es que se trabajan.

Kevin Salvador Casas
Excelente curso Para quienes están familiarizados o no con CSS Yo ya practicaba CSS. Con este curso ahora conozco los fundamentos de las buenas prácticas de la programación web. En las secciones 3,4 y el footer el curso fue un poco lento, por lo que recomiendo que se atrevan a crear el proyecto por su cuenta y revisar el curso en caso de que se atoren ;)


Maricel Miranda Alpala
sentir la emocion de aprender cosas que nunca pense que aprenderia


Gustavo Miguel Cuellar
buenisimo el curso.. sisi todos los futuros desarrolladores web deben hacerlo..


Iván Hernández Contreras
Como dije en el curso anterior, más cursos así con proyectos REALES y metódicos, que abarquen una buena cantidad del contenido asociado. Buenísimo el curso.


Joel Bello
el curso es muy bueno, como siempre sigo aprendiendo cosas en cada curso.


jonatan eduardo constantino prado
muy buen curso, muy practico, es la continuacion de los pasados de html y css definitivo, nos pine manos a la obra.

Antonio Molina
Curso excelente, el proyecto que se trabaja es ideal para trabajar las bases de HTML y CSS, y es un proyecto que trabajarías en un empleo real, con buen diseño. El único detalle para mi es que el profesor enseña la importancia de la metodología BEM y en todo el curso la aplica mal, vi varios comentarios de alumnos confundidos. Deberían cambiar eso puesto que podría causar que muchos no aprendan bien lo que es BEM.


Francis González
Me gusto que el profesor nos asignara retos durante al elaboracion del proyecto ya asi poder dar una ventana de prueba-error.


Lo mejor fue aprender lo sencillo que es realizar un proyecto desde Mobile First y que luego se adapte a desktop, mucho mejor que hacerlo, al contrario. Excelentes explicaciones y buen contenido en este curso.


Aristidis Gianicopulos
Excelente curso sirve para entender lo importante que es diseñar en base a mobile first y se aprenden muchas cosas de CSS en el camino, hasta ahora mi curso preferido de CSS.

Cesar Octavio de Jesus Meza Carrillo
Excelente! pude pasarlo a la primera!


Gleysi Reymar Ascanio Ferreira
La metodología y las Explicaciones del profesor. 10/10


Las explicaciones son buenas y suficientes, el profesor no va tan rápido que pierdes información ni tan lento que resulte cansado. El resultado final del proyecto es muy bueno y los aprendizajes aplicados del curso definitivo de html y css no tienen precio. 10/10 totalmente recomendado


daniel Ballesteros
Aunque, ya tenia conocimientos previos, aprendí a usar de manera mas acertada la metodología BEM, los Media queries & las posiciones de los bloques.

Andres Felipe Sanchez Gittoma
Magnifico curso me a gustado demasiado y el profesor es uno de mis favoritos ya que explica muy bien


Erin Ulises Carmona Arellano
Muy entretenido y tan progresivo que no se nota para nada el tiempo que le estas dedicando. El profesor bastante claro y con mucha dinamica que lo hace super digerible.


richard vivas ordoñez
excelente curso y bien explicado por el profesor, ahora mis proyectos lo hare con mobile first, con lo cual se ahorra mucho tiempo a la hora de desarrollar


Valeria Alvarez Giraldo
La gran ventaja de los cursos prácticos es que nos permiten desarrollar ideas y proyectos para el portafolio, además de aprender de los errores. Excelente curso. Gracias


Omar Barragán moreno
el hecho de manejar un proyecto para una empresa fue la mejor experiencia


Daniel Santiago Forero Torres
El mejor curso para practicar HTML y CSS es directo, claro y dinámico


Dender Adrian Pernia Valero
Excelente Contenido


Antelmo Verdugo Garcia
Muy buen contenido, entendible y entretenido.


Jonathan Antonio Arevalo Silva
Reforzar mi conocimiento en mobile first, es genial nunca pares de aprender


Erixon Arce Justiniano
Estuvo muy bien la explicación. Aunque el uso de metodología estaba usándolo de manera incorrecta.


RONALD ANTONIO GOMEZ PEREZ
Refrescar conocimientos y aplicarlos de forma estructurada y no empirica

Samuel Rcz rcz
Me parecio bien, y quedo completamente satisfecho para repasar una que otra cosa pequeña

ANDRO CARDENAS VARGAS
LA EXPERIENCIA QUE SE ADQUIRE EN ESTE CURSO ES GENIAL!! chévere porque, aunque estamos simulando que es un pedido de una empresa real, al final lo adecuamos a nuestro estilo, y es el primero proyecto ingresado a nuestro portafolio...😎🎉🎉🎉💚💚💚

Pedro Steven Castiblanco Piracoca
Excelente!


Valentina Ramírez
¡Excelente!
Complementa este curso con nuestras rutas de aprendizaje

Desarrollo Web
Aprende a crear sitios web y aplicaciones desde los fundamentos hasta ser un desarrollador full-stack y accede a las mejores oportunidades laborales globales.




Full Stack Developer con JavaScript
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í.




Full Stack con Next.js
Especialízate en Next.js, implementando estrategias de autenticación, seguridad y optimización en tus proyectos, desarrollando con React.js y Node.js.




Laboratorios de Desarrollo Web
Resuelve retos y proyectos avanzados para demostrar tus habilidades y conocimientos con todo lo que aprendiste en la Escuela de Desarrollo Web.




Especialización en Accesibilidad Web
Aprende las mejores prácticas de usabilidad, inclusión y accesibilidad para diseñar y desarrollar aplicaciones web fáciles de usar.




Python: De Cero a Experto
Explora la programación con cursos de Python, de cero a frameworks avanzados. Construye proyectos backend y domina el lenguaje más usado.




Frontend con Vue.js
Vue.js es un primer gran framework frontend para aprender gracias a su suave curva de aprendizaje y fuerte presencia en la comunidad de JavaScript.




Backend con Node.js
Especialízate en JavaScript con Node.js para crear proyectos backend a alta velocidad usando herramientas avanzadas para escalar y monitorear aplicaciones web.




Backend, Arquitectura y Bases de Datos
Aprende los fundamentos para desarrollar el backend de cualquier sistema basado en software, bases de datos y arquitecturas de servidores altamente escalables.




Backend con PHP
Aprende a desarrollar con los mejores cursos de PHP, Laravel y Symfony para todo tipo de proyectos web: desde páginas y blogs, hasta tiendas y aplicaciones altamente escalables.




Technical Writing
Aprende technical writing para documentar procesos complejos de funcionamiento del software y transformarlos en información accesible para el público.




JavaScript para Frontend
Crea sitios web dinámicos y eficientes usando JavaScript. Domina APIs, el DOM, Web Components y DevTools para mejorar la experiencia del usuario.




Frontend con Angular
Angular es un framework y plataforma para construir aplicaciones web de todos los tamaños usando TypeScript y un poderoso kit de herramientas.




Backend con Java
Aprende desarrollo backend con Java, uno de los lenguaje de programación con mayor demanda laboral, utilizada una amplia gama de aplicaciones y plataformas.




Seguridad Informática para Web Developers
Aprende los fundamentos de ciberseguridad para implementar flujos modernos de autenticación y estándares como OWASP en tus proyectos de frontend y backend.




QA y Automatización de Pruebas
Desarrolla diferentes tipos de pruebas para asegurar la calidad de tu software. Domina la automatización de pruebas con herramientas como Cypress y Puppeteer.




Inteligencia Artificial para Developers
Crea aplicaciones basadas en inteligencia artificial. Conozca las herramientas, los productos y los servicios para crear soluciones innovadoras.




Fundamentos de Programación y Desarrollo Web
Conoce más sobre computación básica y pensamiento lógico y programación orientada a desarrollo web.




Full Stack con WordPress
Desarrolla blogs y tiendas online usando WordPress, el motor de más de 500 millones de aplicaciones web en internet.




Frontend con React.js
Especialízate en React.js, la herramienta más demandada y en mayor crecimiento de JavaScript para desarrollo frontend.




HTML y CSS desde cero
Aprende a hacer páginas eficientes, maquetación con HTML, estilos con CSS más complejos y con animaciones.
La comunidad es nuestro super poder
Contenido adicional creado por la comunidad que nunca para de aprender