¿Qué aprenderás?
Utilizar HTML, CSS y JavaScript en RWD, Arquitectura de proyecto para RWD, Mobile first
¿Qué conocimientos necesitas?
HTML, CSS, Flexbox, Grid, JavaScript, JavaScript en el navegador, Variables CSS, Sass
Nivel
intermedio
+ 10 horas
Certificado
Temario del curso
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
Todos nuestros profesores tienen experiencia real en aulas.Porque no basta saber un tema, sino saber enseñarlo.
Especialidades
Las especialidades son rutas de aprendizaje detalladas que te llevan a traves de cursos cortos a tu objetivo.
Aprende con proyectos
Somos la primera plataforma en incluir un proyecto del mundo real (no un examen) para completar los cursos.
Comunidad
No te quedes con dudas, busca apoyo en la comunidad, ayuda a tus compañeros y gana reputación.
Clases en vivo
Toda la semana tenemos clases en vivo en las que nuestros estudiantes interactuan con los profesores y sus compañeros.
Seguimiento de aprendizaje
Lleva seguimiento de tus avances, tomar notas y obtén un certificado de culminación desde nuestra plataforma.