Responsive Web Design

Responsive Web Design

Diseña sitios web y aplicaciones que se vean perfectas en cualquier tamaño de pantalla.

El Responsive Web Desgin es un conjunto de técnicas con HTML, CSS y JavaScript para que nuestros diseños web se vean correctamente en cualquier tamaño de pantalla. Si todavía creías que el Responsive Web Design es solo saber media queries, actualízate con este curso.

Diseño webRWD
44 calificaciones
Poster del curso
Alvaro Felipe

Alvaro Felipe

Responsive Web Design

$ 30 USD

Obtendrás acceso de por vida a este curso con un único pago.

Accede a todos los cursos de EDteam pagando cada 1, 6 ó 12 meses. Cancela cuando quieras.

¿Qué aprenderás?

  • Utilizar HTML, CSS y JavaScript en RWD
  • Arquitectura de proyecto para RWD
  • Mobile first

¿Qué conocimientos necesitas?

Nivel

intermedio

Temario del curso

¿Eres estudiante premium o has comprado este curso? Empieza aquí

Conceptos de RWD

  • 1.1 - Concepto11:54
  • 1.2 - Viewport13:34
  • 1.3 - Media Queries14:10
  • 1.4 - Metodologias05:06

RWD en la práctica

  • 2.1 - Unidades relativas: Porcentaje04:12
  • 2.2 - Unidades relativas: em y rem14:29
  • 2.3 - Unidades de viewport11:33
  • 2.4 - Unidades de viewport II05:04
  • 2.5 - Responsive web design flexbox07:31
  • 2.6 - Responsive web design css grid05:39
  • 2.7 - Breakpoints12:37

Imágenes y videos responsive

  • 3.1 - Video responsive con css08:30
  • 3.2 - Video responsive con css grid09:34
  • 3.3 - Imagenes responsive con css07:13
  • 3.4 - Imaganes responsive con picture10:38
  • 3.5 - Imagenes responsive con srcset10:01

Javascript

  • 4.1 - CSSOM08:56
  • 4.2 - Propiedad style09:09
  • 4.3 - Propiedad style II08:01
  • 4.4 - Trabajando con variables css05:12
  • 4.5 - Media queries con javascript11:43

Proyecto final - Landing page responsive

  • 5.1 - Estructura básica08:55
  • 5.2 - Trabajando con el header14:04
  • 5.3 - Creando menu hamburguesa08:49
  • 5.4 - Creando menu hamburguesa II13:08

Proyecto final - Clase Bonus

  • 6.1 - Creación del banner09:31
  • 6.2 - Creación de banner II06:11
  • 6.3 - Corrección menu hamburguesa03:38
  • 6.4 - Tipografía y variables css10:35
  • 6.5 - Creación de cards07:25
  • 6.6 - Creación de cards contenido11:49
  • 6.7 - Creación de cards detalles finales16:30
  • 6.8 - Detalles finales08:25

¿Por qué elegir EDteam?

Profesores reales

Profesores reales

Todos nuestros profesores tienen experiencia real en aulas.Porque no basta saber un tema, sino saber enseñarlo.

Especialidades

Especialidades

Las especialidades son rutas de aprendizaje detalladas que te llevan a traves de cursos cortos a tu objetivo.

Aprende con proyectos

Aprende con proyectos

Somos la primera plataforma en incluir un proyecto del mundo real (no un examen) para completar los cursos.

Comunidad

Comunidad

No te quedes con dudas, busca apoyo en la comunidad, ayuda a tus compañeros y gana reputación.

Seguimiento de aprendizaje

Seguimiento de aprendizaje

Lleva seguimiento de tus avances, tomar notas y obtén un certificado de culminación desde nuestra plataforma.

Clases en vivo

Clases en vivo

Toda la semana tenemos clases en vivo en las que nuestros estudiantes interactuan con los profesores y sus compañeros.