diseño web

diseño web 

Los preprocesadores CSS son herramientas que permiten solventar algunas de las carencias de las hojas de estilo en cascada y el lenguaje CSS. LESS y Sass son los dos máximos exponentes de estas herramientas y con este curso aprenderás su sintaxis, reglas y beneficios y a configurarlos para poder integrarlos en un flujo de trabajo totalmente profesional de diseño web.

La web moderna exprime al máximo las capacidades de cada uno de los componentes que la conforman y el lenguaje CSS empleado en las hojas de estilo en cascada ha sido hasta no hace demasiado uno de los elementos más limitados. Si bien en cada especificación nueva se han añadido funcionalidades y mecanismos muy interesantes para su uso con las nuevas capacidades de HTML5, es cierto que los profesionales del front-end siempre han demandado características más avanzadas.

Los preprocesadores CSS permiten a partir de un lenguaje previo compilar los ficheros para obtener sus correspondientes CSS totalmente compatibles con el estándar, pero por el camino nos ofrecen grandes ventajas y funcionalidades adicionales para mejorar la creación, edición y mantenimiento de las hojas de estilo en cascada. 

LESS y Sass son los principales preprocesadores CSS existentes en la actualidad, muy populares y empleados en algunos de los proyectos más importantes en el panorama front-end a nivel global, como por ejemplo el framework Bootstrap 3. Con este curso conocerás en detalle sus capacidades, aprenderás a configurarlos en un entorno compatible con diferentes sistemas operativos y conseguirás establecer un entorno de trabajo totalmente profesional para su uso gracias NodeJS y Grunt.

Después de haber visto este curso verás mejoradas tus habilidades para trabajar con estándares web logrando una mayor velocidad y eficiencia en tus proyectos que se verá reflejada durante el desarrollo, las pruebas y el mantenimiento del proyecto. Además podrás contrastar los dos lenguajes para tener la capacidad de decidir cual se adapta mejor a tus necesidades o a los requerimientos de tus proyectos.

 

Primeros pasos en CSS con Sass y LESS

  • Archivos base de CSS con Sass y LESS
  • Qué son las CSS. Inconvenientes 
  • Qué son los preprocesadores CSS 
  • Beneficios de los preprocesadores CSS
  • Cómo elegir entre Sass o LESS 

Preparando el entorno de trabajo en CSS

  • MAMP, Sublime Text 2, Node y Grunt
  • Instalando LESS, Sass y otros paquetes de Node 
  • Configurando las tareas en Grunt 
  • Uso de Grunt y recarga del navegador en vivo

El preprocesador LESS

  • Qué es LESS 
  • Formas de emplear LESS 
  • Configurando Sublime Text para trabajar con LESS 
  • Mi primer CSS con LESS 
  • Errores de compilación en LESS 
  • LESS básico Sintaxis anidada en LESS 
  • Comentarios en LESS 
  • Referencia al antecesor en LESS 
  • Variables en LESS 
  • Operaciones y funciones del lenguaje en LESS 
  • Extend en LESS 
  • Merge, uniendo valores. 
  • Usando imports en LESS
  • LESS: Estructuras de control Condicionales en LESS
  • Bucles en LESS 
  • LESS: Mixins Mixins en LESS 
  • Mixins como funciones y con parámetros en LESS
  • Conjuntos de reglas y mixins en LESS 
  • Mixins condicionales en LESS

El preprocesador de CSS Sass

  • Qué es Sass
  • Formas de usar Sass
  • Configurando Sublime Text para Sass
  • Sass y SCSS
  • Mi primer CSS con Sass
  • Errores de compilación en Sass

Sass básico

  • Sintaxis anidada en Sass 
  • Comentarios en Sass 
  • Referencia al antecesor en Sass
  • Variables y variables por defecto en Sass
  • Operaciones y funciones del lenguaje en Sass 
  • Extend en Sass 
  • Imports y partials en Sass 

Sass: Estructuras de control

  • Estructuras condicionales en Sass
  • Bucles e iteraciones en Sass 

Sass: Mixins

  • Mixins básicos en Sass 
  • Mixins con argumentos en Sass 
  • Pasando bloques a un mixin en Sass

Sass: Formato de salida

  • Formatos de salida con Sass

Posicionamiento WEB | Diseño Web | Hospedaje Web Linux | E-mail Marketing