Pasar al contenido principal

🔥 ¡Hoy clase gratis y en vivo! Crea tu propio CMS con PHP junto a Yesi Days. Regístrate. Comenzamos en: --:---:---:---

Alexys Lozada
José Luján
Manuel Rodriguez
José Luján
Luis Avilés
Álvaro Felipe
José Luján
Beto Quiroga
Jonathan MirCha
Jonathan MirCha
Álvaro Felipe
Alexys Lozada, Álvaro Felipe, Jonathan MirCha
Beto Quiroga
Alexys Lozada
Alexys Lozada
José Luján
José Luján
Álvaro Felipe
Álvaro Felipe
Jonathan MirCha
Jonathan MirCha
Alexys Lozada, José Luján
Alexys Lozada, José Luján
Alexys Lozada, José Luján
Camilo Adobe
Álvaro Felipe
José Luján
Jonathan MirCha
Álvaro Felipe
Álvaro Felipe
Beto Quiroga, Alexys Lozada
Álvaro Felipe
Juan Villalvazo
Luis Avilés
Jonathan MirCha
Jonathan MirCha
Jonathan MirCha
Alexys Lozada
José Luján
Manuel Rodriguez
José Luján
Luis Avilés
Álvaro Felipe
José Luján
Beto Quiroga
Jonathan MirCha
Jonathan MirCha
Álvaro Felipe
Alexys Lozada, Álvaro Felipe, Jonathan MirCha
Beto Quiroga
Alexys Lozada
Alexys Lozada
José Luján

Variables CSS Gratis (2018)

En este curso te enseñaré los trucos y tips que necesitas saber para usar las variables CSS. Porque no basta declararlas y luego invocarlas. Podemos redefinirlas, aprovechar su herencia o su cascada, manipularlas con JavaScript, crear templates, aprovecharlas en Responsive Web Design, utilizarlas en conjunto con Sass y mucho más.

🚀 Este curso pertenece a la especialidad Introducción al Desarrollo Web

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