Responsive Web Design

Curso: Responsive Web Design

intermedio
5 horas

También puedes acceder a todos los cursos con un solo pago

Sube a premium

Responsive Web Design

Toma este curso
Responsive Web Design

Curso: Responsive Web Design

intermedio
+5 horas
Sube a premium

Y accede a todos los cursos con un solo pago

#EDteamFunciona, compruébalo

#EDteamFunciona, compruébalo

Comienza este curso gratis
Comienza este curso gratis
Responsive Web Design

Responsive Web Design

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

Nivel: intermedio
Fecha de lanzamiento: 6 de Agosto
Duración: +5 horas
(Ver temario)
Calificación: 4.8
(Ver 256 opiniones)

Comparte:

Acerca de este curso

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.

¿Qué aprenderás?

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

¿A quién está dirigido este curso?

  • Personas que comprenden CSS a un nivel intermedio.
  • Frontend developers que quieren entender el diseño para dispositivos móviles.
  • Personas con conocimientos básicos de JavaScript y CSS.
Avatar

Prof. Alvaro Felipe

@alvaroVer perfil

CEO de EDteam

Temario del curso

Conceptos de RWD

  • 1.1 - Concepto

  • 1.2 - Viewport

  • 1.3 - Media Queries

  • 1.4 - Metodologías

RWD en la práctica

  • 2.1 - Unidades relativas: Porcentaje

  • 2.2 - Unidades relativas: em y rem

  • 2.3 - Unidades de viewport. (Parte 1)

  • 2.4 - Unidades de viewport. (Parte 2)

  • 2.5 - Responsive web design flexbox

  • 2.6 - Responsive web design css grid

  • 2.7 - Breakpoints

Imágenes y videos responsive

  • 3.1 - Video responsive con css

  • 3.2 - Video responsive con css grid

  • 3.3 - Imágenes responsive con css

  • 3.4 - Imágenes responsive con picture

  • 3.5 - Imágenes responsive con srcset

Javascript

  • 4.1 - CSSOM

  • 4.2 - Propiedad style. (Parte 1)

  • 4.3 - Propiedad style. (Parte 2)

  • 4.4 - Trabajando con variables css

  • 4.5 - Media queries con javascript

Proyecto final - Landing page responsive

  • 5.1 - Estructura básica

  • 5.2 - Trabajando con el header

  • 5.3 - Creando menú hamburguesa. (Parte 1)

  • 5.4 - Creando menú hamburguesa. (Parte 2)

Proyecto final - Clase Bonus

  • 6.1 - Creación del banner. (Parte 1)

  • 6.2 - Creación de banner. (Parte 2)

  • 6.3 - Corrección menú hamburguesa

  • 6.4 - Tipografía y variables css

  • 6.5 - Creación de cards

  • 6.6 - Creación de cards contenido

  • 6.7 - Creación de cards detalles finales

  • 6.8 - Detalles finales

Avatar

Prof. Alvaro Felipe

@alvaroVer perfil

CEO de EDteam

Sigue aprendiendo con

Firebase para la web

Firebase para la web

Avatar

Juan Guillermo Gomez

5

4.2

Animaciones con CSS

Animaciones con CSS

Avatar

Alvaro Felipe

5

4.8

Mi primera página web

Mi primera página web

Avatar

Beto Quiroga

5

4.8

Empieza a aprender Responsive Web Design

¿Aún no te decides? Mira una clase gratis

Mostrar precios en

Obtén cuatro meses gratis
al adquirir un plan anual

Por $ USD más obtén
una suscripción anual

Premium

Ahorra $120 USD
$360240USD

El mes te sale a $30 20 USD

Ahorra 33 %

Ahorra 33 %

Ahorra 33 %

Gráfico de tabla

Impulsa tu carrera con acceso a todos los cursos y especialidades

unicorn-head-smile¿Tienes un EDycupón?
  • ¡Paga 8 meses y obtén 12!

  • Todos los beneficios del plan gratis

  • Acceso completo a todo EDteam (+169 cursos)

  • Sin límite de reproducciones diarias

  • Certificado de culminación

  • 2 cursos nuevos por semana

  • Reproducción automática de clases

  • Descarga recursos adicionales de cursos

  • Clases y talleres bonus en cursos

  • ¡Paga 8 meses y obtén 12!

  • Todos los beneficios del plan gratis

  • Acceso completo a todo EDteam (+169 cursos)

  • Sin límite de reproducciones diarias

  • Certificado de culminación

  • 2 cursos nuevos por semana

  • Reproducción automática de clases

  • Descarga recursos adicionales de cursos

  • Clases y talleres bonus en cursos

  • Ver todas las características

* Los planes premium no tienen permanencia obligatoria. Cancela cuando quieras

Sólo este curso

$24USD

$30 20 USD

Gráfico de tabla

Conserva este curso de por vida y obtén un certificado con un único pago.

  • Acceso de por vida a este curso

  • Certificado de culminación

  • Red social educativa

  • Sin límite de reproducciones diarias

  • Sin anuncios

  • Guarda tus apuntes de clases

  • Reproducción automática de clases

  • Guarda el avance de tus estudios

  • Descarga los recursos de las clases

  • Acceso de por vida a este curso

  • Certificado de culminación

  • Red social educativa

  • Ver todas las características

¿Quieres regalar este curso?

256 calificaciones de los estudiantes (4.8)

Cargando Calificaciones...

Sigue aprendiendo con

Firebase para la web

Firebase para la web

Avatar

Juan Guillermo Gomez

5

4.2

Animaciones con CSS

Animaciones con CSS

Avatar

Alvaro Felipe

5

4.8

Mi primera página web

Mi primera página web

Avatar

Beto Quiroga

5

4.8