
Construye un clon de Google usando HTML y CSS. Aprende a estructurar y estilizar un sitio web completo, desde el header hasta el footer, usando técnicas de maquetación como Flexbox y Grid. Ideal para afianzar tus fundamentos.
Clases del curso
Análisis y creación del proyecto
Chrome Dev Tools como herramienta
Header Google Clone
Contenido principal Google Clone
Footer Google Clone
Cierre
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

Clon de Google
Crea un clone de la página de Google y pon en práctica tus conocimientos de CSS y HTML.
4.8 · 8343 opiniones


Juan David Peña Montenegro
La explicación de Diego es muy clara y precisa. Aprendí mucho y no me gusta que nos obliguen a escribir esto


Luis Enrique Insignares
lo mejor es practicar, así es que me funciona a mi, este curso te pone en camino.


Carlos Antonio Gonzales Lecca
clase muy dinámica y explicativa acerca de Estructurar el contenido principal de una página

David Mauricio Grajales Duran
MUY buen curso, me parece super excelente que hayan echo un curso para hacer un proyecto con lo aprendido en el curso anterior. aunque hay unas cosas en este curso que no conocia, como el Grid y me confundi en esa parte. Porfa sigan haciendo cursos de proyectos.


Josué Ezequiel Ávalos Ávalos
Un proyecto para empezar a manejar lo aprendido en el anterior curso de html y css.


Carlos Perilla
Un gran curso, bastante dinámico, practico y lógico sobre como maquetar una web sencilla, con conceptos claros. Muy recomendable.


Richard Diaz
Reforzar conceptos de CSS

juan camilo mazuera arismendy
aprendi mucho en particular sobre CSS y la navegacion para darle estilos a elementos dentro de otros elementos, increible el curso, me ayudo mucho


Cristian Baron
Buen profesor


Francisco Martínez
El profesor explica muy bien, de manera pausada, clara y precisa.

Juan Felipe
buen curso

Alondra Stephanie Vasquez Pereira
Muy buena practica de los recursos básicos.


Raul Castillo
excelente


Johanna Marcela Orjuela Flórez
Buen profe, explica y domina bien los temas

jefred bedoya
El profesor explica de una manera excelente dejando entender de manera teorico-practica para hacer el desarrollo del curso


POOL HIBRAIN ALEJO MENDOZA
.


Daniel Salinas
Bueno!


Juan Ambrosio Bautista Alonso
muy buena práctica


FERNANDO ALBERTO RAMOS MARTINEZ
Súper para iniciar en el mundo de CSS


Excelente material


Thomas Ignacio Perez Diaz
El mejor curso que he tomado hasta el momento de HTML y CSS, muy buen contenido y bien explicado.


Wilson Gustavo Chango Sailema
Actualizar contenido

Joan Carlos Caceres Orozco
Muy Buen curso y profesor A1


Cursos PMO
Gracias profe.


Diego fernando Gonzalez
Primero el profesor es expectacular en sus explicaciones y el dominio del tema , por ahora es el mejor profe que he tenido

Valentina Ramírez
¡Excelente!

ANDRO CARDENAS VARGAS
GENIAL!! aunque hubiera preferido que, en algunos pasajes el profe utilizaba algunas etiquetas nuevas para los estudiantes, y él solo daba indicios breves de para que se utilizaba dicha etiqueta, entonces había que buscar por otros medios la aclaración a la duda, pero del resto TODO BIEN!!!😎🎉🎉

Stanley Castillo Canchari
la manera practica es la mejor forma de aprender html y css


Santiago Reyes Gonzalez
Es un excelente curso, este profesor me agrada


Roberto Guzmán
Me encantó este curso practico porque pude poner en practica los conocimientos aprendidos en Platzi.
Complementa este curso con nuestras rutas de aprendizaje

Desarrollo Web
Desarrolla aplicaciones web desde cero y haz realidad tu carrera como Web Developer. Sé parte de la industria con los empleos mejor pagados a nivel global.




DevOps y Cloud para Desarrolladores Web
Implementa prácticas DevOps para automatizar el ciclo de vida del desarrollo web, utilizando contenedores (Docker), orquestación (Kubernetes), infraestructura como código (Terraform) y pipelines CI/CD en plataformas cloud (AWS, Azure, GCP).




Arquitecturas Web Modernas y Escalabilidad
Diseña y construye sistemas web escalables y mantenibles aplicando patrones como microservicios, arquitecturas limpias, SSR/SSG, uso de GraphQL/gRPC y herramientas de observabilidad.




Desarrollo Backend con Python
Construye APIs y aplicaciones backend robustas con Python, utilizando frameworks populares como Flask, FastAPI y Django, y gestionando bases de datos SQL.




Desarrollo Backend con Node.js
Especialízate en la creación de APIs y servicios backend utilizando Node.js, Express, NestJS, bases de datos SQL/NoSQL, autenticación (JWT, Passport), WebSockets y arquitecturas modernas.




Desarrollo Backend con Java
Especialízate en el desarrollo backend con Java, utilizando el ecosistema Spring (Spring Boot, Spring Data JPA, Spring Security) para crear APIs y servicios escalables y seguros.




Desarrollo Backend con PHP
Aprende a construir aplicaciones web y APIs robustas con PHP, dominando frameworks como Laravel y Symfony, gestionando bases de datos, autenticación y buenas prácticas.




Bases de Datos para Web
Aprende a diseñar, gestionar y optimizar bases de datos relacionales (SQL - MySQL, PostgreSQL, SQL Server) y NoSQL (Mon|goDB, Redis) para aplicaciones web de alto rendimiento.




Desarrollo Frontend con React.js
Desarrollo Frontend con React.js




Desarrollo Frontend con JavaScript
Desarrollo Frontend con JavaScript




Fundamentos del Desarrollo Web Profesional
Establece las bases esenciales de la informática, el desarrollo web con HTML, CSS, JavaScript, el manejo de herramientas como Git y la terminal, y los principios de ingeniería de software.




Diseño y Desarrollo Frontend
Domina JavaScript avanzado, manipulación del DOM, CSS moderno (Flexbox, Grid, Sass, Tailwind), rendimiento web y los frameworks/librerías más populares como React, Vue, Angular, junto con TypeScript y herramientas de build.




Testing Automatizado y QA para Web
Asegura la calidad de tus aplicaciones web implementando pruebas unitarias, de integración, E2E y de rendimiento con herramientas como Jest, Cypress, Playwright, Testing Library y K6.
La comunidad es nuestro super poder
Contenido adicional creado por la comunidad que nunca para de aprender