A ES2015 Tutorial with Babel & Gulp

babel (1)

What is Babel?

Basically, Babel is a ECMAScript 6 to ECMACScript 5 compiler. This tool allows to use ES6 features in our projects. The process is simple, firstly, you should learn about new standard, such as let and const vars, arrow functions, classes, template string, default values and modules. Secondly, prepare a task with gulp and gulp-babel (see more later) and finally use other plugins such as  browserSync, plumber and concat. Seguir leyendo “A ES2015 Tutorial with Babel & Gulp”

Anuncios

A GulpJS Tutorial With Example and Repo to Test

what-is-gulpjs

First of all, Gulp is a task runner which helps us to deploy front-end or large-scale web applications. It uses NodeJS as a platform and builds an automated system to set up CSS, JS and HTML minification process, concatenating libraries, compiling SASS or LESS files and many others.

As a result of Gulp itself has a few functions to help you build files or tests. Therefore, it is a shorter, simpler and faster than others task runners in comparison. It uses SASS and LESS as CSS processor. Also uses an automated refresh web tool (Live Reload) after editing a file and uses a simple javascript file called gulpfile.js.

Seguir leyendo “A GulpJS Tutorial With Example and Repo to Test”

SASS – Introducción

sass

¿Que es SASS?

SASS (Syntactically Awesome Stylesheet) es un metalenguaje de hojas de estilo CSS. Es un procesador de CSS que ayuda a reducir el tiempo de codificación de hoja de estilo y aplica buenas técnicas una vez se compila. Posee un lenguaje de script llamado SassScript (extensión .scss), su implementación es open-source y fue escrita con Ruby pero tambien existe otra escrita en PHP (http://leafo.net/scssphp/)

Historia

Inicialmente, SASS fue diseñado por Hampton Catlin (@hcatlin) y desarrollado por Natalie Weizenbaum (@nex3) en el 2006. Actualmente Weizenbaum y Chris Eppstein (@chriseppstein) mantienen el proyecto y lo siguen extendiendo. Seguir leyendo “SASS – Introducción”

SASS – Bienvenida

sass

SASS (Syntactically Awesome Stylesheet) es un pre-procesador de CSS que ayuda a reducir la repetición de código CSS y ahorrar algo de tiempo. El siguiente cursos cubrirá los conceptos básicos de SASS y es considerado como uno los lenguajes extensibles más poderosos y estables que podemos encontrar para el procesamiento de hojas de estilo.

Dirigido a:

El curso está dirigido a estudiantes y profesionales que deseen aprender a optimizar un página web y mejorar los tiempos de respuesta.

Pre-requisitos:

  • Un Editor de texto de preferencia.
  • Manejo de simple de directorios.
  • Navegador web en su última versión.
  • Experiencia en el desarrollo de paginas web simples.
  • Una club colombia negra 😀

Si los términos HTML y XHTML son nuevos, sugiero tomar un tutorial antes de empezar.

 

18. Directivas Personalizadas con AngularJS

Las directivas personalizadas son utilizadas en AngularJS para extender funcionalidad del HTML. Las directivas se definen con la función directive(). Esta directiva simplemente remplaza los elementos por los cuales son activados. Durante la fase de despliegue, AngularJS busca los elementos en el HTML y lo hace por medio de las funciones compile() y link() asigna a cada elemento la estructura y estilos. AngularJS soporta la creación de directivas personalizadas por lo siguientes elementos:

Seguir leyendo “18. Directivas Personalizadas con AngularJS”