Andres Felipe Blog's

My WordPress Blog

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.

Leer más

A GulpJS Tutorial With Example and Repo to Test


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.

Leer más

SASS – Instalación


Requerimientos del Sistema

  • Sistema Operativo: Cross – Plantform
  • Navegador: IE 8+, Firefox, Google Chrome, Safari, Opera
  • Lenguaje de Programación: Ruby

Leer más

SASS – Introducción


¿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 (


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.

Leer más

SASS – Bienvenida


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.


  • 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:

Leer más

Buscar registros repetidos en tabla de sql server / Search for duplicate records in sql

English Language Notes – Present Perfect with ‘For’ and ‘Since’

The aim of this post is to show how we can use the prepositions ‘for’ and ‘since’ to talk about the present perfect.

The perfect simple is an action in the past which is happening now.

Ex: I’ve lived in Bogota all my life

As a result, there are two preposition that can help us to indicate a link of the time. Firstly, I going to talk about “for“. Look at these examples:

  • I’ve worked at Bank for three years
  • He’s played tennis for two years and now he is a professional player

We use “for” to express how long is the situation, such as six month, one hour or ten years.

Now, we use “since” to express when the action starts or an exactly time in the past. Like day, year or season. Examples:

  • Alicia has left Paris since 1996
  • I’ve been ill since last saturday.


Subject + has/have or  haven’t/hasn’t or ‘ve/’s + past participle verb

English Language Notes – 6 ways to Talk About The Future

According to

Today, I going to show you different ways to talk about the Future. There are six ways and I am going to show some examples and particular uses for each. This is the list of several uses of the future in the English Language:

  1. Be going to
  2. Will
  3. Present continuous
  4. Present Simple (For Timetables)
  5. Be about to
  6. A group of words

Leer más

According to

In English, there are some words which have a close meaning but different uses, for example Tall – High and Big – Large. I’m going to explain you in which case you must use them.

Tall vs High: We don’t use high when we want to talk about people. We must use tall. For example:

  • I am 1.7 meters tall
  • I found a high mountains in the north of Colombia
  • The light switch is too high for my child

However, we can use tall to describe things high and thin in their shape. Such as, trees and buildings.

  • Bacata tower is the tallest building in Bogota City.

Big vs Large: We use big to describe real things or abstract ideas. In contrast, large has a more formal uses and only describe real things.

  • (real) London is a big tourist destination.
  • (abstract) I have a big business idea.
  • (real) A large percent of immigrants are women


In English language, which are the correct sentences?

  • My father is 1.70 mts high.
  • I looked down from high window to garden below.
  • Moving house is a large decision.

Página 1 de 7

Creado con WordPress & Tema de Anders Norén