Categorías
Tutorial

Tutorial sobre AngularJS: (9) Lógica de negocio

Al igual que ocurre en cualquier lenguaje de programación y con cualquier framework del tipo MV*, nunca deberías tener tu lógica de negocio en un controlador, sino inyectar a este servicios que te provean de esta.   Otra de las cosas que tienes que tener en cuenta es la separación de cada clase/function de JavaScript […]

Categorías
Tutorial

Tutorial sobre AngularJS: (8) Forms

Una vez que ya conoces el funcionamiento de controller, scope y la potencia de los binding en Angularjs, es hora de dedicar un capítulo completo a la directivas form y ngForm. El motivo de esto no es otro que la importancia que van a jugar estas dos directivas en el desarrollo de una app.   […]

Categorías
Tutorial

Tutorial sobre AngularJS: (7) Bindings

Una de los aspectos más importantes de angular son los bindings, que los los enlaces que las plantillas de angular utilizan para mostrar y sincronizar los datos en el HTML.   Como se comentó en el capítulo de arquitectura es muy importante cambiar la mentalidad de lo que normalmente se hace con JavaScript / jQuery. […]

Categorías
Tutorial

Tutorial sobre AngularJS: (6) Scope

Si has leído el capítulo de arquitectura, quizá te preguntes cómo enlazar la vista con tus datos, para ello en Angularjs se utiliza el $scope. Los puntos que vamos a abordar en este capítulo son:   Separación del modelo de datos. Herencia de scopes. Principales métodos y propiedades de scope. Eventos Isolated Scope Depuración   […]

Categorías
Tutorial

Tutorial sobre AngularJS: (5) Controladores

Los controladores son clases que se encargan de gestionar el flujo de ejecución de la capa de presentación. En concreto se encarga de añadir y manipular la información que está el en $scope (view-model en la arquitectura MVVM o MVW) y añadir funciones de código JavaScript que luego será invocado desde los eventos del DOM. […]

Categorías
Tutorial

Tutorial sobre AngularJS: (4) Modulo

El objetivo de este capítulo no es explicar el concepto de módulo en JavaScript ,que asumimos que como lector lo conoces, sino más bien explicar cómo funciona un módulo en Angular y qué cosas podemos definir dentro de este módulo.   En Angular todo gira en torno a la inyección de dependencias y piensa que […]

Categorías
Tutorial

Tutorial sobre AngularJS: (3) BootStrap en Angular

Para poder iniciar una app angular, lo podemos hacer de varias formas.   1. De forma declarativa(Inicialización automática). Para ello solo necesitamos crear un archivo html de la siguiente forma.   Fijate que en la etiqueta body hemos puesto ng-app y referenciado el script angular.js. Se recomienda que el script se ponga al final del […]

Categorías
Tutorial

Tutorial sobre AngularJS: (2) Arquitectura

Angular es una librería que permite realizar aplicaciones de una forma muy sencilla y muy rápida. Para ello es necesario organizar el código de una forma especial basada en directivas, módulos, factorías, … que iremos poco a poco desgranando, pero lo más importante es hacer un cambio de mentalidad en cuanto a la arquitectura que […]

Categorías
Tutorial

Tutorial sobre AngularJS: (1) Introducción (por @_PedroHurtado y @XaviPaper)

Con este post empezamos una serie de publicaciones que pretenden ser una introducción a AngularJS. El objetivo no es simplemente hacer un visión aerea de lo que es, sino llegar a aterrizar en algunos puntos que creemos que pueden ser clave para no quedarnos en el típico “Hola Mundo” que funciona hasta que lo implementas […]