Improving the Yeoman Generator Gulp Angular 6

Improving the Yeoman Generator Gulp Angular
The Yeoman generator generator-gulp-angular is a great tool for building AngularJS and in my opinion is much better than the official Yeoman generator for AngularJS (generator-angular), because it uses Gulp and not Grunt as the task runner, it has a component-like folder structure for the code instead of the “drawer” style, it uses libsass instead of compass (ruby), it supports Typescript ...

Angular Gulp Generator Package List 2

Angular Gulp Generator Package List
This post is a reference list of all the npm packages that are found in generator-gulp-angular, the most complete Yeoman generator for AngularJS projects that uses Gulp, along with their descriptions and a link to each npm package page.

Working with Sass, Bootstrap and Gulp 35

Working with Sass, Bootstrap and Gulp
For frontend developers, the days when you manually linked css files to your index.html are over. Modern workflows needs some compilation steps before having a css file that can be use in development or production. Most notably, sass has become the most important language that extends css functionalities, while gulp has won the battle on the ...

Introduction to the Typescript Transpiler 1

Introduction to the Typescript Transpiler
Typescript is the new kid on the block, a newly attempt to bring order to the javascript chaos. ES6 is around the corner and is a fantastic step forward for frontend development (classes!) but it will take years to be fully implemented in all major browsers. That’s when Typescript comes to the rescue. Typescript goal is ...

Curso de Scrum

Curso de Scrum
Láminas del curso de la metodología Scrum dictado por el Ing. David Barreto Llano. Metodología Scrum (Ing. David Barreto) from barretollano

Curso de AWK

Curso de AWK
AWK es un excelente lenguaje para procesamiento de grandes datos, las siguientes láminas forman parte de un curso impartido por el ing. David Barreto. Curso de AWK (David Barreto) from barretollano

Abstract/Concrete Inheritance Model in AngularJS

Abstract/Concrete Inheritance Model in AngularJS
In a previous post I showed how to create a “classic” inheritance model in AngularJS using directives. This time I will show another inheritance model: the abstract/concrete. In OOP, an abstract class cannot be instantiated, it serves only to provide common properties and functionality to child classes. In Angular, we have to make an analogy ...

Directive Inheritance in AngularJS 12

Directive Inheritance in AngularJS
Inheritance is a powerful way to extend directives functionality and at the same time, improve code reuse. Lets see how it works in Angular with a simple example. The first step is to create a directive called “outer” which is going to be our top-level directive in our hierarchy.