
Construye un blog personal con CSS, usando Grid y técnicas de maquetación. Aprende a organizar tu proyecto con clases específicas, incluye herramientas como Chrome DevTools para depurar, y haz que tu sitio sea responsive con media queries.
Clases del curso
Análisis y creación del proyecto
Creando la página principal
Creando página de Blogs
Creando página de Blog
Creando página de perfil
Blog responsivo
Cierre
¡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

Tu blog profesional
Construye un blog estático para compartir tus intereses y experiencia profesional. En el home, coloca todas las entradas que generes y una página de detalle para cada contenido. También crea una sección de contacto, para que puedas conectarte con otros profesionales.
Mira las primeras 2 clases sin costo en este momento
4.7 · 2771 opiniones


Santiago Aristizabal
Excelente curso, son los fundamentos de maquetación y estructuración de una plantilla web.

Lexfer Ramirez
Excelente el profesor buena estrategia de ensenanza sabe comunicar el contenido muy claro


Dayta Scientist
Excelente contenido y excelente docente


Víctor Esteban Cómbita Daza
Había olvidado un sin fin de etiquetas y la forma de maquetar un proyecto por la falta de práctica, este curso fue perfecto para retomar css y html.


javier gazmuri
Muy buen curso, ademas el profe explica muy bien.


Julian Orlando Castrillon Giraldo
En este curso, pude refrescar conceptos, y tengo una buena plantilla para mi portafolio.


Braynel Yecid Urbina Estrada
Muy buenos datos para crear el blog y sobre la forma de usar @media es lo mejor para que cada pagina sea responsive para cualquier dispositivo


Aley Cabrera
Excelente curso como siempre con el profe


Victor Darvid Quintero Plata
Este curso aporta mucho para nuestro conocimiento y eso es muy importante para los cursantes.


Hector Enrique Marcano Parra
Excelente curso para aprender a maquetar con CSS.


David Osvaldo Mansilla
crack

Henry Richard Flores Bazurto
Gracias. Aprendí mucho.

Byron Tito
Me gusto el curso pero siento que falto usa mar la opción de grid y que además se veían algunas cosas descuadradas, mucho se dice que siempre se empieza el diseño por mobile pero creo que no lo hacen primero por que siempre empezamos por pantallas grandes y final lo modificamos para mobil


David Hernandez
Me gustó muchísimo el curso, muy práctico y refuerza lo aprendido en los cursos anteriores.

JORGE ADOLFO CALAMBAS CERON
excelente


Kevin Yair Salazar Molinares
excelente


David Felipe Martínez
Excelente curso. Lo ame

Johan Mauricio Peñuela Hidalgo
Diego es un gran profesor, explica super bien los temas

Hans González
poder ejercitar el maquetado


Nathalia Riquelme
Great course, i think that i cant do it by myself YET but im on it 😊

Aristobulo Garcia Cruz
Diego siempre es excelente


Leonardo Moyano
NICE


Lautaro Toledo
{}


Christopher Armando Jiménez Valverde
Excelente profesor. Mas cursos de diseño con el.


Leonel Delgado Soto
Excelente


Catherine Godoy
.

Rhenzo Alejandro Gómez Caballeros
Genial aplicar grid.


Julio Bastidas
Excelente curso, me encanto la explicacion y practica


Noe Diaz Ramirez
Excelente curso


¡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