Grandiosa introducción, esperé mucho este curso 🔥🤩
Bienvenida al curso
Por qué aprender Responsive Design con Mobile First
Setup inicial
Analizando el diseño: proyecto del curso
El valor de Mobile First
Arquitectura inicial
Assets de nuestro proyecto
Fuentes de nuestro proyecto
Estilos base
Sección de Header
Maquetación del header
Implementando BEM
Uso de linear-gradient
Uso de position para botón flotante
Sección de Intercambios
Estructura base de la sección de intercambio
Imagen de background
Estructura de tabla de monedas
Estilos base de tabla de monedas
Detallando estilos de tabla de monedas
Finalizando estilos de tabla de monedas
Sección de Beneficios
Estructura base de la sección de beneficios
Estilos de la sección de beneficios
Maquetando tarjetas de beneficios
Sección de Planes
Maquetando sección comodín
Estructura de sección de planes
Aplicando estilos a sección de planes
Aplicando estilos a las tarjetas de la sección de planes
Detallando estilos en tarjetas de planes
Aplicando estilos al botón de call to action
Scroll horizontal con CSS
Sección de Footer
Footer
Media Queries
Aplicando media queries
Lighthouse
Análisis con Lighthouse
Próximos pasos
Cierre y próximos pasos
Comparte tu proyecto y certifícate
Convierte tus certificados en títulos universitarios en USA
Antes: $249
Paga en 4 cuotas sin intereses
Termina en:
Diego De Granda
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?