CSS Variables: Aprende las propiedades personalizadas CSS
0.0 (0 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
6 students enrolled

CSS Variables: Aprende las propiedades personalizadas CSS

Aprende a usar variables CSS para hacer que tus hojas de estilo sean menos repetitivas y más fáciles de mantener.
0.0 (0 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
6 students enrolled
Created by Luis Martínez
Last updated 8/2019
Spanish
Spanish [Auto]
Current price: $13.99 Original price: $19.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 1.5 hours on-demand video
  • 14 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Declaración y uso de variables CSS en Global y Local Scope
  • Variables CSS vs. Preprocesadores
  • Herencia
  • Sobrescribir valores de variables
  • Valores de respaldo
  • Valores de longitud
  • Variables CSS en Desarrollo Responsive
  • Variables CSS en archivos HTML
  • Variables CSS en imágenes SVG
  • Animaciones con Variables CSS
  • Variables CSS con emojis
  • Actualizar/Modificar Variables CSS con JavaScript
  • Mejores prácticas y consejos del uso de las variables CSS
Course content
Expand all 29 lectures 01:22:37
+ Fundamentos
6 lectures 18:42
Local Scope
02:35
Variables CSS vs. Preprocesadores
01:38
Herencia
04:20
Sobrescribir valores
01:21
+ Uso de Variables CSS
7 lectures 18:45
Valores de respaldo
01:21
Valores de longitud
01:32
Desarrollo Responsive
03:33
Variables en archivos HTML
01:43
Variables CSS en imágenes SVG
07:19
Animaciones con Variables CSS
01:59
Variables CSS con emojis
01:18
+ Manipulación de Variables CSS con JavaScript
2 lectures 12:19
Actualizando variables CSS con JavaScript
05:08
Creación de Temas de color con JavaScript
07:11
+ Mejores prácticas
1 lecture 01:10
Mejores prácticas y consejos del uso de las variables CSS
01:10
+ Quiz
0 lectures 00:00
Prueba tus conocimientos sobre las variables CSS
10 questions
+ Proyecto
11 lectures 29:07
Proyecto Final - Solución Punto 1
06:09
Proyecto Final - Solución Punto 2
01:20
Proyecto Final - Solución Punto 3
01:28
Proyecto Final - Solución Punto 4
02:14
Proyecto Final - Solución Punto 5
01:40
Proyecto Final - Solución Punto 6
04:39
Proyecto Final - Solución Punto 7
03:37
Proyecto Final - Solución Punto 8
01:03
Proyecto Final - Solución Punto 9
01:35
Proyecto Final - Solución Punto 10
02:35
+ Conclusión
1 lecture 00:45
Conclusión y despedida
00:45
Requirements
  • Nivel intermedio de HTML y CSS. Nivel básico de JavaScript.
Description

Las Variables CSS (también conocidas como Propiedades Personalizadas) son una gran victoria para los desarrolladores web front-end. Aportan el poder de las variables a CSS, lo que resulta en menos repetición, mejor legibilidad y más flexibilidad.


Además, a diferencia de las variables de los preprocesadores CSS, las variables CSS son en realidad una parte del DOM, que tiene muchos beneficios.


El curso contiene ocho secciones. Todas las clases son cortas y al grano. Al final de las clases teóricas pasaras a un examen de 10 preguntas donde pondrás a prueba los conocimientos aprendidos. Luego podrás realizar el proyecto final donde cambiarás el layout de una página utilizando Variables CSS.


Si no puedes resolver alguna asignación, el proyecto contiene videos con las soluciones a cada punto. Esta es una excelente manera de asegurarte de que el conocimiento que aprendiste se mantenga, y podrás verificar si su solución coincide con la del instructor.


Lo que aprenderás:

FUNDAMENTOS

  • Declaración y uso de variables CSS en el Global y Local Scope

  • Variables CSS vs. Preprocesadores

  • Herencia

  • Sobrescribir valores


USO DE VARIABLES CSS

  • Valores de respaldo

  • Valores de longitud

  • Desarrollo Responsive

  • Variables en archivos HTML

  • Variables CSS en imágenes SVG

  • Animaciones con Variables CSS

  • Variables CSS con emojis


MANIPULACIÓN DE VARIABLES CSS CON JAVASCRIPT

  • Actualizando variables CSS con JavaScript

  • Creación de Temas de color con JavaScript


Mejores prácticas y consejos del uso de las variables CSS


Examen 10 preguntas


Proyecto Final

Cambiar el layout de una página utilizando Variables CSS.

Who this course is for:
  • Diseñadores Web, Desarrolladores Web, Maquetadores Web, Programadores.