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

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: 06 de ago.
Duración: +5 horas
(Ver temario)
Calificación: 4.8
(Ver 205 opiniones)

* Accede a este y a todos los cursos, talleres y especialidades

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 en este curso?

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

Prof. Alvaro Felipe

@alvarofelipeVer perfil

Autodidacta. Obsesionado con el emprendimiento y el desarrollo personal. Todo lo puedo en EDteam que me fortalece. EDy es mi pastor y con él nada me faltará.

Temario del curso

Conceptos de RWD

  • 1.1 - Concepto

  • 1.2 - Viewport

  • 1.3 - Media Queries

  • 1.4 - Metodologias

RWD en la práctica

  • 2.1 - Unidades relativas: Porcentaje

  • 2.2 - Unidades relativas: em y rem

  • 2.3 - Unidades de viewport

  • 2.4 - Unidades de viewport II

  • 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 - Imagenes responsive con css

  • 3.4 - Imaganes responsive con picture

  • 3.5 - Imagenes responsive con srcset

Javascript

  • 4.1 - CSSOM

  • 4.2 - Propiedad style

  • 4.3 - Propiedad style II

  • 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 menu hamburguesa

  • 5.4 - Creando menu hamburguesa II

Proyecto final - Clase Bonus

  • 6.1 - Creación del banner

  • 6.2 - Creación de banner II

  • 6.3 - Corrección menu 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

@alvarofelipeVer perfil

Autodidacta. Obsesionado con el emprendimiento y el desarrollo personal. Todo lo puedo en EDteam que me fortalece. EDy es mi pastor y con él nada me faltará.

Sigue aprendiendo con

Firebase para la web

Firebase para la web

Avatar

Juan Guillermo Gomez

5

4.3

Animaciones con CSS

Animaciones con CSS

Avatar

Alvaro Felipe

5

5.0

Sass Desde Cero

Sass Desde Cero

Avatar

Alvaro Felipe

5

4.9

Empieza a aprender Responsive Web Design

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

Mostrar precios en

Premium

$3020USD

En un solo pago anual de $360 240 USD

Gráfico de tabla

Alcanza tus metas con todos los cursos y funciones premium.

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 (+141 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 (+141 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

$360 240 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?

205 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.3

Animaciones con CSS

Animaciones con CSS

Avatar

Alvaro Felipe

5

5.0

Sass Desde Cero

Sass Desde Cero

Avatar

Alvaro Felipe

5

4.9