Álvaro Felipe
https://app.ed.team/cursos/variables-css?46
¿Qué aprenderás?
- Utilizar variables CSS en tus proyectos
- Saber cuando usar variables CSS y cuando variables Sass
- Manipular variables CSS con JavaScript
¿Qué conocimientos necesitas?
Intermedio
- +3 horas
- Certificado
- Proyecto final
-
Clases grabadas
Temario del curso
EDteam tiene los temarios más detallados en español
1. ¿Qué son las variables CSS?
- Definición
- Invocación
- Cuando usarlas y cuando no
2. Scope
- Scope de bloque vs Scope de DOM
- Redefinir variables con cascada
- Variables CSS desde varios archivos
- Debug desde el navegador
- Variables CSS inline
3. Variables CSS vs variables Sass
- Interpolación
- Scope
- Operaciones y cálculos
- En que casos usar CSS y en qué casos usar Sass
4. Variables CSS en Responsive Web Design
- Aprovechar la cascada en media queries
- Ejercicio: tipografías rwd
- Ejercicio: columnas rwd
5. Obtener y manipular variables CSS con JavaScript
- CSSOM
- Estilos computados en root y en elementos
- Setear variables CSS
6. Ejercicio: Indicador de scroll Ver gratis
- Leer scroll con JavaScript
- Modificar variables según la posición del scroll
7. Ejercicio: selector de color RGB
- Manipular colores con variables CSS
- Setear variables css con inputs de HTML
8. Variables CSS en variaciones de componentes
- Buenas prácticas para variaciones
- Crear variaciones de botones
- Crear variaciones de tarjetas de productos
9. Crear temas con variables CSS
- Buenas prácticas: Separar estilos de layout de estilos de temas
- Crear temas con variables CSS
- Crear objetos javascript para almacenar temas CSS
- Crear selector de tema para que el usuario escoja
¿Por qué estudiar en 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.
Suscripción o compra
Compra los cursos que necesites con acceso de por vida o suscribete y accede a todos nuestros cursos y especialidades
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.
asd123
0
0
Profesor
Variables CSS
46
Acceso de por vida a este curso
PremiumAcceso a todos los cursos de EDteam