Convierte tus certificados en títulos universitarios en USA

Antes: $249

Currency
$209

Paga en 4 cuotas sin intereses

Paga en 4 cuotas sin intereses
Suscríbete

Termina en:

18 Días
7 Hrs
8 Min
49 Seg

Por qué aprender Responsive Design con Mobile First

1/32
Recursos
Transcripción

Te damos la bienvenida a este curso de Diseño adaptativo, es decir, pensado primero para móviles.

¿Por qué diseñar 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.

¿Qué aprenderás en este curso?

Algunos de los conocimientos que adquirirás son los siguientes:

  • Analizar la arquitectura de tu proyecto partiendo desde un wireframe
  • Aplicar estilos por cada breakpoint
  • Evaluar la calidad de tu diseño con Lighthouse
  • ¡Y mucho más!

¡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

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

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í!

💪 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!!!

Clase 1 - Por qué aprender Responsive Design con Mobile First


Repaso de la clase


¿Responsive Design es una tendencia hoy en día?

  • No. Hoy en día el Responsive Design es un estándar web.

¿Cuál es el porcentaje del tráfico de internet que se hace en dispositivos móviles?

  • Más del 50%.

¿Cuál es la prioridad que existe hoy en día a la hora de desarrollar un sitio web?

  • Que este se vea correctamente en dispositivos móviles.

¿Cual es la pieza clave para adaptar sitios web a cualquier pantalla?

  • Los Media Queries.

¿Qué se aprenderá en este curso?

  • A crear productos web que se adapten a cualquier pantalla que el usuario use.
  • Analizar la arquitectura del proyecto, esto empezando desde un wireframe.
  • Aplicar cada breakpoint junto con los Media Query.
  • Realizar control de calidad de nuestros productos web usando Lighthouse.

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 😍😍

Clase 1: El 50% del tráfico en internet se realiza desde dispositivos móviles, convirtiendo una prioridad el desarrollar frontend para smartphones, tablets y laptops. En este curso aprenderás todo lo necesario para crear proyectos que se adaptarán a las distintas vistas que utilicen tus usuarios * Crear y aplicar estilos con CSS que se puedan reutilizar * Realizar una auditoría con Lighthouse * Aplicar media queries para adaptar vistas de dispositivos * Analizar la arquitectura de tu proyecto partiendo de un wireframe

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.

que gran intro y gran profesor 😎👍

Here we go ! 💚💻

Esta Super la presentación

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!