LESS de cero a experto

Curso completo de LESS para aprender la base de todos los preprocesadores CSS.
4.4 (307 ratings) Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
7,725 students enrolled
Free
Start Learning Now
  • Lectures 12
  • Length 3.5 hours
  • Skill Level All Levels
  • Languages Spanish
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 7/2013 Spanish

Course Description

Al finalizar el curso obtendrás un certificado por parte de LESS.

No podrás escribir CSS sin preprocesadores después de hacer este curso.

Los preprocesadores CSS han entrado con fuerza en el desarrollo front-end y cualquier profesional que trabaje con CSS debería utilizarlos, o por lo menos conocerlos. 

Este curso te proporcionará, en tres horas aproximadas, los conocimientos necesarios para ganar precioso tiempo en tu día a día y en cada proyecto, por pequeño que sea.

Para todos los profesionales que se dedican al front-end hay una cosa cierta: antes o después acabarán necesitando usar los preprocesadores. 

Te garantizo que al acabar este curso no querrás volver a escribir CSS sin un preprocesador.

What are the requirements?

  • Conocimientos básicos de CSS
  • Conocimientos básicos de HTML
  • Preferiblemente utilizar un editor de código como SublimeText2, Dreamweaver, Coda, etc..

What am I going to get from this course?

  • Acelerar la creación de CSS
  • Modularizar nuestro código CSS
  • Aprender la base de todos los preprocesadores
  • Entender las posibilidades y alcances de LESS
  • Organizar de manera efectiva nuestro propio framework o plantilla CSS

What is the target audience?

  • Desarrolladores Web
  • Diseñadores Web
  • Front End Developer
  • Maquetadores web
  • Cualquiera que trabaje con CSS

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Instalación y funcionamiento
04:46
Usando una aplicación para que compile: Cómo hacer que LESS funcione en nuestro ordenador y las diferentes aplicaciones que podemos utilizar para su compilación.

No he querido utilizar métodos complicados como la consola o JavaScript al considerarlos casi obsoletos con la cantidad de aplicaciones completas que existen, y que seguirán creando. En este capítulo vemos una lista de esas aplicaciones para que elijáis vuestra favorita.
06:51
En este capítulo veremos como se comporta LESS en nuestro entorno de desarrollo, como configurar nuestro compilador y que va a pasar una vez que hagamos nuestra primera línea de LESS.
19:54
La mejor manera de organizar ese desastre de archivos que iremos creando a medida que vayamos modularizando el código CSS.
Section 2: Sintaxis
27:49
Las variables y su uso: que pueden contener y que podemos hacer con ese contenido. 
15:28
Aprenderemos a utilizar anidaciones en el momento apropiado y a no utilizarlas cuando no sea necesario, todo en pro de un CSS óptimo.
20:56
Sumas de variables, restas, multiplicaciones, divisiones... Veremos como se comportan y como sacarles provecho.
Section 3: Mixins
15:03
Clases para reutilizar dentro de otras clases y el tiempo que nos ahorran no repitiéndonos al escribir código.
18:38
Una oportunidad que nos da LESS para introducir funciones dentro de CSS y utilizarlas a lo largo de nuestro código.
21:25
Asignar un mixin o una variable dependiendo de otro valor no siempre es fácil, en este capítulo veremos que opciones tenemos para crear condicionales en LESS.
Section 4: Ejemplos
16:21
Crearemos un mixin para estilizar un botón con solo una clase y con algunos parámetros, cambiar elementos de estilos sin modificar la clase ni duplicarla. 
22:12
Analizaremos el funcionamiento básico de un sistema de grids y como podemos crear uno en LESS, crearemos un sistema sencillo para poder potenciarlo en caso de necesidad.
Section 5: Buenas Prácticas
10:29
Un pequeño repaso de como organizan los archivos LESS para tomar como ejemplo y rutina de organización.

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Daniel Martínez, CSS, HTML, Diseño Web y responsive workflow

Diseño Web, fan del CSS y la optimización web. Soy tutor y profesor de varios cursos tanto online, en Escuela.It, como offline en diferentes compañías en España y en UK donde ofrezco asesorías y establecimiento de flujo de trabajo en CSS/HTML y responsive design.

Asesoro en:

  • CSS
  • HTML
  • Responsive Design
  • LESS
  • SASS
  • CSS Preprocesadores
  • Proceso de Diseño Web
  • Herramientas de diseño web

Ready to start learning?
Start Learning Now