Integrando AngularJS y Drupal

31 Pages·2012·1.39 MB·Spanish

Integrando AngularJS y Drupal
Iván G. Campaña N.
@icampana
Framework Javascript MVC de
código abierto desarrollado por
Google
¿Qué es
Utiliza HTML5, CSS3 + Javascript
AngularJS?
del lado del cliente.
Permite crear aplicaciones
enriquecidas que pueden funcionar
en el navegador o como apps
híbridas.
Conceptos básicos
● Se basa en MVC, pero no restringe a ese esquema.
● Elementos importantes:
○ Directivas
○ Controladores
○ Servicios (Factories)
○ Scopes ($scope, $rootScope)
● El procesamiento, filtrado y manipulación de datos sucede del lado del
cliente.
Alternativas a AngularJS
Backbone.js
●
Ember.js
●
Knockout
●
Agility.js
●
KendoUI
●
¿Para qué voy a mezclar Drupal con
Angular?
Razones para utilizar AngularJS
Mejorar rendimiento
de la web.
App. híbrida
Crear una estructura
decoupled
¿Con qué trabajamos?
Componentes en Drupal
Views
Services
https://www.drupal.org/project/services
Services Views https://www.drupal.
org/project/services_views
CORS
https://www.drupal.org/project/cors
Image URL Formatter
https://www.drupal.org/project/image_url_formatter
¿Qué vamos a utilizar?
Componentes de maquetación e interacción:
● Material Design Lite
http://www.getmdl.io/
● Angular Material
https://material.angularjs.org/
● AngularJS 1.4
http://angularjs.org/
¿Qué vamos a utilizar?