AngularJS

Superheroic Javascript MVW Framework

Luis Felipe
Natividad Alejos
Bachiller en Ingeniera de Software de
la Universidad Nacional Mayor de San
Marcos.
Frontend developer en Grupo El
Comercio (Clicks & Bricks).
Colaborador en Frontend Labs
(frontendlabs.io)
@feluis23

Hablemos de AngularJS
AngularJS es un framework javascript del lado del
frontend mantenido por Google, nace en el 2009, pero
se hace popular a finales del 2012.
Framework MVW(Model-View-Whatever), donde
whatever nos indica lo que nos sirva a cada uno.

AngularJS extiende el HTML de tal

manera que podemos decir que le da
sper poderes, permitindonos crear
aplicaciones dinmicas, con mucha
interaccin del usuario y altamente
escalables.

Two-Way data
binding

Inyeccin de
dependencias
Este principio es muy usado por
AngularJS, y permite que se inyecten los
objetos o dependencias en vez que el
mismo mdulo donde estamos
trabajando sea quien lo cree. Esto
permite tener un cdigo desacoplado.

$scope

Scope es el mbito donde

interacta algun modulo o
componente definido por AngularJS

Mdulos(module)

Los mdulos son contenedores de

diferentes partes de nuestra
aplicacin.

Controladores(controller)

Los controladores en AngularJS son

objetos que permiten desarrollar la
lgica de la aplicacin, enlaza el
$scope con la vista y permite tener
un control total de los datos.

Directivas(directive)

Las directivas vienen a ser la forma

en que extendemos nuestro html,
permitindonos agregar una
porcin de cdigo hasta una
funcionalidad completa.

ng-app
ng-controller
ng-model
ng-view
ng-click

ng-init
ng-repeat
ng-change
ng-hide
ng-show

entre otros

Servicios(service) y
Fbricas(factory)

Los servicios y fbricas, son

mdulos que permiten agrupar una
funcionalidad especfica e
inyectarlos donde queramos.

Filtros(filter)

Los filtros son los encargados de

transformar los datos para luego
mostrarlos.

Consumir API Rest

con ngResource

Para tener en
cuenta

AngularJS es una solucin completa, por lo cual

no se puede comparar con Jquery.
Es un framework que est diseado para ser
testeable fcilmente.
Esta diseado para desarrollar aplicaciones no
pginas web.

Vs. Otros
BackboneJS
Framework javascript
MVC, que permite
trabajar aplicaciones
pequeas y
medianas, ligero y de
muy baja curva de
aprendizaje.
Jquery y Underscore

EmberJS
Framework javascript
MVC, permite
desarrollar
aplicaciones single
page de manera
ordenada y ptima.
Jquery y Handelbars.

ReactJS
Es un framework
javascript que ha
tomado mucha
relevancia
ltimamente en la
comunidad y permite
interfaces de usuarios
y no puede ser
comparado con
AngularJS.

AngularJS es genial!!!
Nos brinda un sin nmero de
herramientas, como routing, inyeccin
de dependencias, templates entre
otros, que hacen de este framework
muy completo.

Ionic Framework
The beautiful, open source
front-end SDK for developing
hybrid mobile apps with
HTML5.

Place your screenshot

here

Aplicaciones que
usan AngularJS

Plunker

Angular 2.0
Angular 2.0 es un nuevo framework, Cmo
asi?, Pues es cierto.
Igor Minar y Tobias Bosch, desarrolladores de
google anunciaron en el pasado ngEurope.
El equipo estaba preparando AngularJS 2.0
y esta nueva versin sera incompatible
hacia atrs y no habra una ruta de
migracin desde 1.x.

Thanks!
Preguntas?
Pueden ubicarme en:
@feluis23
lfna23@gmail.com
http://frontendlabs.io