Nivel Básico
33 clases
5 horas de contenido
20 horas de práctica
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
Certificado digital
¡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.
Profes del curso
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
Opiniones del curso
4.9 · 4751 opiniones
Hector Arturo Hernandez Zamora
@CuantiCat·
Me gusto como se uso un proyecto real para poder saber como es que se trabajan.
Kevin Salvador Casas
@Kevin-Salvador·
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
@mapmiranda978·
sentir la emocion de aprender cosas que nunca pense que aprenderia
Gustavo Miguel Cuellar
@gustavo_cuellar·
buenisimo el curso.. sisi todos los futuros desarrolladores web deben hacerlo..
Iván Hernández Contreras
@metallivan·
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
@joelnbl·
el curso es muy bueno, como siempre sigo aprendiendo cosas en cada curso.
jonatan eduardo constantino prado
@jonpapayon·
muy buen curso, muy practico, es la continuacion de los pasados de html y css definitivo, nos pine manos a la obra.
Antonio Molina
@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
@francisgonzord·
Me gusto que el profesor nos asignara retos durante al elaboracion del proyecto ya asi poder dar una ventana de prueba-error.
@rockman·
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
@aritos20·
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
@CeMeZa·
Excelente! pude pasarlo a la primera!
Gleysi Reymar Ascanio Ferreira
@Gleysi·
La metodología y las Explicaciones del profesor. 10/10
@yunik00·
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
@Dnx097·
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
@andres10toti·
Magnifico curso me a gustado demasiado y el profesor es uno de mis favoritos ya que explica muy bien
Erin Ulises Carmona Arellano
@erinulises·
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
@richardvivasordoez·
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
@valeagiraldo·
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
@obmoreno89·
el hecho de manejar un proyecto para una empresa fue la mejor experiencia
Daniel Santiago Forero Torres
@jaydendanielarles·
El mejor curso para practicar HTML y CSS es directo, claro y dinámico
Dender Adrian Pernia Valero
@denderpernia·
Excelente Contenido
Antelmo Verdugo Garcia
@antelmo7·
Muy buen contenido, entendible y entretenido.
Jonathan Antonio Arevalo Silva
@Jonathan_Arevalo·
Reforzar mi conocimiento en mobile first, es genial nunca pares de aprender
Erixon Arce Justiniano
@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
@rgomez_2978·
Refrescar conocimientos y aplicarlos de forma estructurada y no empirica
Samuel Rcz rcz
@eslumter·
Me parecio bien, y quedo completamente satisfecho para repasar una que otra cosa pequeña
ANDRO CARDENAS VARGAS
@ANDRUX90M·
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
@pscastiblanco·
Excelente!
Valentina Ramírez
@valentina_ramirez·
¡Excelente!
Eleva tu aprendizaje
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.
Ruta
Full Stack Developer con JavaScript
62 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
Full Stack con Next.js
21 horas
2 Profes
Especialízate en Next.js, implementando estrategias de autenticación, seguridad y optimización en tus proyectos, desarrollando con React.js y Node.js.
Ruta
Laboratorios de Desarrollo Web
11 horas
6 Profes
Resuelve retos y proyectos avanzados para demostrar tus habilidades y conocimientos con todo lo que aprendiste en la Escuela de Desarrollo Web.
Ruta
Especialización en Accesibilidad Web
59 horas
19 Profes
Aprende las mejores prácticas de usabilidad, inclusión y accesibilidad para diseñar y desarrollar aplicaciones web fáciles de usar.
Ruta
Python: De Cero a Experto
53 horas
10 Profes
Explora la programación con cursos de Python, de cero a frameworks avanzados. Construye proyectos backend y domina el lenguaje más usado.
Ruta
Frontend con Vue.js
52 horas
8 Profes
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.
Ruta
Backend con Node.js
72 horas
8 Profes
Especialízate en JavaScript con Node.js para crear proyectos backend a alta velocidad usando herramientas avanzadas para escalar y monitorear aplicaciones web.
Ruta
Backend, Arquitectura y Bases de Datos
75 horas
15 Profes
Aprende los fundamentos para desarrollar el backend de cualquier sistema basado en software, bases de datos y arquitecturas de servidores altamente escalables.
Ruta
Backend con PHP
69 horas
4 Profes
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.
Ruta
Technical Writing
35 horas
11 Profes
Aprende technical writing para documentar procesos complejos de funcionamiento del software y transformarlos en información accesible para el público.
Ruta
JavaScript para Frontend
32 horas
4 Profes
Crea sitios web dinámicos y eficientes usando JavaScript. Domina APIs, el DOM, Web Components y DevTools para mejorar la experiencia del usuario.
Ruta
Frontend con Angular
49 horas
1 Profe
Angular es un framework y plataforma para construir aplicaciones web de todos los tamaños usando TypeScript y un poderoso kit de herramientas.
Ruta
Backend con Java
38 horas
9 Profes
Aprende desarrollo backend con Java, uno de los lenguaje de programación con mayor demanda laboral, utilizada una amplia gama de aplicaciones y plataformas.
Ruta
Seguridad Informática para Web Developers
61 horas
13 Profes
Aprende los fundamentos de ciberseguridad para implementar flujos modernos de autenticación y estándares como OWASP en tus proyectos de frontend y backend.
Ruta
QA y Automatización de Pruebas
35 horas
6 Profes
Desarrolla diferentes tipos de pruebas para asegurar la calidad de tu software. Domina la automatización de pruebas con herramientas como Cypress y Puppeteer.
Ruta
Inteligencia Artificial para Developers
19 horas
12 Profes
Crea aplicaciones basadas en inteligencia artificial. Conozca las herramientas, los productos y los servicios para crear soluciones innovadoras.
Ruta
Fundamentos de Programación y Desarrollo Web
34 horas
12 Profes
Conoce más sobre computación básica y pensamiento lógico y programación orientada a desarrollo web.
Ruta
Full Stack con WordPress
49 horas
10 Profes
Desarrolla blogs y tiendas online usando WordPress, el motor de más de 500 millones de aplicaciones web en internet.
Ruta
Frontend con React.js
34 horas
7 Profes
Especialízate en React.js, la herramienta más demandada y en mayor crecimiento de JavaScript para desarrollo frontend.
Ruta
HTML y CSS desde cero
51 horas
7 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