Grandiosa introducción, esperé mucho este curso 🔥🤩
Bienvenida al curso
Responsive Design y Maquetación Mobile First
Setup inicial
Construcción de Landing Page usando Figma, HTML y CSS
Estrategias de Diseño Mobile First y su Impacto en SEO
Estructuración de una Página Web con HTML Básico
Organización de Assets para Proyectos Web
Descarga e integración de fuentes con Google Fonts en HTML
Estilos Base en CSS: Variables de Color y Buenas Prácticas
Sección de Header
Estructura HTML del Header: Logos, Encabezados y Botones
Metodología VIM para Nombres de Clases CSS
Estilos de Gradientes y Fuentes en CSS para Headers
Estilos CSS para Botón en Header con BEM
Sección de Intercambios
Diseño y Estilos de Sección de Intercambio con HTML y CSS
Estilos CSS para Imágenes de Fondo y Texto en HTML
Creación de Tablas HTML con Estilos y Actualización de Datos
Estilos CSS para Tablas: Diseño y Personalización Avanzada
Estilos CSS para Tablas de Monedas en HTML
Estilos CSS para Tablas y Herencia de Fuentes
Sección de Beneficios
Estructuración de Secciones y Tarjetas en HTML y CSS
Estilos CSS para Sección de Beneficios en HTML
Estilos CSS para Tarjetas de Beneficios Responsivas
Sección de Planes
Solución de Overflow y Sección de Imagen en CSS
Creación de Sección de Planes con HTML y CSS
Estilos CSS Base para Sección de Planes en HTML
Estilos CSS para Tarjetas de Recomendación
Estilos CSS para Tarjetas y Botones en HTML
Estilos CSS avanzados para botones y tarjetas en HTML
Scroll Horizontal con CSS desde Cero
Sección de Footer
Diseño de Footer Responsive para Landing Page
Media Queries
Media Queries: Adaptación de Diseño a Dispositivos Móviles y Tablets
Lighthouse
Mejora de Performance y Accesibilidad Web con Lighthouse
Próximos pasos
Curso Básico de JavaScript para Desarrolladores Web
Comparte tu proyecto y certifícate
Te damos la bienvenida a este curso de Diseño adaptativo, es decir, pensado primero para móviles.
Más del 50% del tráfico se realiza a través de dispositivos como celulares o tablets, ya que es mucho más cómodo abrir un sitio web desde el móvil que abrir una laptop y buscarlo. No se trata de una moda, sino de un estándar con el que debemos trabajar.
Algunos de los conocimientos que adquirirás son los siguientes:
¡Iniciemos este curso y aprendamos a diseñar primero para móviles!
Contribución creada por: José Miguel Veintimilla (Platzi Contributor).
Aportes 181
Preguntas 4
Grandiosa introducción, esperé mucho este curso 🔥🤩
Estábamos esperando este curso con ansías nada mas con la intro sabemos que vienen 5 horas de puro conocimiento 💪🏼
Hoy salió también tu Human of Platzi con Cesar excelente tu historia…
Hoy no se Duerme 😎
Hola a todos, acá les dejo una infografía del porque es importante Responsive Design Mobile First
No es por nada pero el profe Diego se posiciono muy fácil dentro de mis profes preferidos de Platzi, es hora de seguir aprendiendo.
Nunca vi una introduccion más épica!!
Bueno, tremenda intro, debería ser así con todos los cursos jajaja.
Siento que estoy viendo el tráiler de avengers.
Por fin voy hacer un curso recién salido del horno 😄
Diego es por mucho uno de los mejores profesores de platzi… no tengo dudas de eso
Mi proyecto inspirado en el contenido que se vera en el curso:
¡Que buena intro! 😄😄 motiva mucho para seguir aprendiendo y Diego es uno de mis profes favoritos, su manera de explicar a detalle todo es impresionante!
¡Necesitamos más intros así!
Documentación final del Curso de Responsive Design: Maquetación Mobile First
📌Repositorio Proyecto en github
📌Tutoriales con el paso a paso de las clases:
💪 Se usa mobile first por la gran cantidad de móviles existente y su creciente uso
wow gran introduccion ya estoy motivado 😃
Todos los cursos deberían tener una presentación como esta
Solo con ver este intro y saber que lo dictará Diego de Granda, se sabe que estará EXCELENTE!
Responsive design no es una tendencia, es una necesidad, es el estándar de cualquier sitio o aplicación web. Considerando que más del 50% del tráfico web es visto en dispositivos móviles.
¿Te imaginas crear tu sitio web personal y cuando un reclutador lo abra desde su móvil se vea todo movido? Es allí donde te das cuenta lo importante que es responsive design.
¡A por más contenido!
te motiva a iniciar
Este diego es un crackkkk!!!
¿Responsive Design es una tendencia hoy en día?
¿Cuál es el porcentaje del tráfico de internet que se hace en dispositivos móviles?
¿Cuál es la prioridad que existe hoy en día a la hora de desarrollar un sitio web?
¿Cual es la pieza clave para adaptar sitios web a cualquier pantalla?
¿Qué se aprenderá en este curso?
recién termine el curso definitivo de html y css vamos a ver que nos ofrece este curso tengo altas expectativas
Gran introduccion ,genera muchas expectativas , no se podia esperar menos de este profesor, asi que aqui vamos
Diego De Granda es un buen instructor!
muy buen curso! 😃
Pfff la introducción fue waoo!!
A seguir aprendiendo!! mucho éxito compañeros!
ni con las intro de Marvel me sentí tan emocionado! #grandeDegranda
Wow, la intro motiva bastante!
Entrar a este curso y saber que Diego será el instructor es Genial, aunque todos son muy buenos explicando resalto el empeño de Diego me agradan sus clases.
Tremenda intro!!! Con toda a complementar el curso de CSS y HTML en medio del Road to code 2.0.
#NuncaParesDeAprender
Alguien más esta aquí luego de completar el Curso Definitivo de HTML y CSS, tomó el examen de este curso y lo pasó?
Demasiado tiempo esperando este curso. Vale la pena esperar por lo que vale la pena estudiar. 😄
Nunca espere tanto un curso, sin duda Diego es un master con mucho conocimiento por brindar. De los mejores profesores de Platzi, espero poder conocerlo.
Madre mía! Esta es la intro a un curso mejor montada de todo platzi! Si el curso es la mitad de bueno que la intro…
P.D: Diego explica genial!
La mejor introducción que he visto en cursos de Platzi. Motiva un chingo.
Ah shit, here we go again 💚
deme 100 cursos por favor 🔥
Vengo de terminar los cursos de HTML y CSS (tanto el definitivo como el práctico) y no saben la emoción que me causó esta intro de este curso. Sin duda alguna amo Platzi y amo programar 😍😍
Woow… ansioso de seguir…
Me encanta, tiene justo lo que necesito para mi proyecto! ❤️
Y aquí vamos con uno de los mejores profesores de Platzi!
Independientemente al area que se vayan a dedicar, yO les recomiendo que vean un poco la carrera de UX & UI Designer
precisamente para que no cometan los errores que cometio Platzi con la nueva actualizacion de su App que esta HORRIBLE ji ji ji el User Experience & el User Interface es de lo peor que he visto y antes de subir/presentar su aplicacion de cualquier tipo de manera oficial a su cliente, ponganse en los zapatos como si fueran un Software Tester y prueben su aplicacion como si quisieran romperla de tal manera para encontrar errores y poder correjirlos…
.
Me alegra que Diego de Granda aprendiera que las clases se pueden llamar directamente sin necesidad de acceder primero a su contenedor padre, como hacía él en el curso práctico de HTML y CSS.
wow que emocion😊
Acá falta la opción de likes y así podría petarlo 😮😁
Waoo que gran introducción!
Estoy muy entusiasmado por este curso!!
Esta introducción es muy motivadora. Espero hacer este curso por completo, luego de terminar los cursos de HTML y CSS
Buena presentación
Motivado para hacer este curso!
Genial!
OUUUU Que Energía AMÉ!
Buena intro!
Muy buena presentación Diego!!!
Aquí vamos con todo …
Que introducción tan heavy excelente curso e instructor
Muy buenas presentación…
Muy interesante esta introducción, y este profesor es super! A practicar
VAMOS CON ESTE CURSO AHORA PARA COMPLETAR EL DESAFIO
Excelente introducción 🔥🔥🔥🔥
Súper genial la Introducción al curso…
Vamos a empezar otro curso de nuevo con El mejor
Diego es uno de mis profesores favoritos de Platzi, y ya por esta intro se ve que el curso estará genial !!
¡¡¡ A darle con todo !!!
¡Vamoooo a darlee!
Woooooooooow que introducción tan cool y motivadora!!! El mejor docente en Platzi. 💚
He venido del futuro! Aquí tienen el curso comiteado por lecciones. Pueden hacer git checkout de cada lección para ver que parte de código se ha añadido en cada lección. No contiene los retos, solo lo que ha ido haciendo el Diego.
https://github.com/GuillermoBaldan/course-responsive-design-mobile-first.git
(Los commits correspondientes a cada lección están en la rama develop)
Este curso me viene como anillo al dedo, debido a que tengo varias ideas y no sabia como empezar… ahh que emocion comenzarlo!!!
Excelente, aquí vamos!
Emocionado de empezar este gran curso 😍
Con muchas ganas! Diego es excelente profesor, vengo de los cursos de HTML y CSS que impartió y quiero seguir aprendiendo!
Gran introducción!!
Grandiosa introducción, me emocionó aún más de lo que ya venía…
Este curso es justo lo que necesitábamos para adaptarnos a la industria en la parte del frontdev.
Maravillosa Intro
¡vaya que introducción mas loca!
Con este curso espero entender mejor los patrones de RWD
GRACIAS
Mas del 50% del trafico en internet se realiza con dispositivos móviles
Se ve cool, estoy seguro que se pasará muy rápido el curso:)
¡Que intro, estoy que exploto de emoción por tomar el curso! 🔥
😃 Vamos a por ello, excelente intro
HERE WE GO!!! Con esa intro ya me anime
Here we go!
Comenzamos! Excelente Diego.
Here we go ! 💚💻
El curso es nuevo por lo que veo, es reciente. Genial! gran intro!
Véanlo en velocidad .85% para que aprovechen mejor la idea del video 😄
comenzando un nuevo curso !!!
Ahora si viene lo chido xD
🛬 aterrizando del Curso Definitivo de HTML y CSS, y este pinta mejor todavía…
Excelente!
Hasta ahora, es la mejor introducción que he visto a un curso de Platzi, me encanta
Me encantó esta nueva intro!
A darle!
Por fin haré un curso reciente!!!
Excelente introducción, mucha expectativa para este curso
Por fin está disponible. A trabajar duro.
¡Excelente intro me interesa saber mas!
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?