Introducción a AngularJS

AngularJSSuperheroic Javascript MVW Framework

Luis Felipe Natividad Alejos◇ Ingeniero de Software de la Universidad

Nacional Mayor de San Marcos.◇ Jefe de Proyectos en Grupo El Comercio

(Orbis Ventures).◇ Colaborador en Frontend Labs

(frontendlabs.io)◇ @feluis23

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”.

Hablemos de AngularJS

“AngularJS extiende el HTML de tal manera que podemos decir que le da súper poderes, permitiéndonos crear aplicaciones dinámicas, con mucha interacción del usuario y altamente escalables.

Two-Way data binding

Inyección de dependenciasEste principio es muy usado por AngularJS, y permite que se inyecten los objetos o dependencias en vez que el mismo módulo donde estamos trabajando sea quien lo cree. Esto permite tener un código desacoplado.

$scopeScope es el ámbito donde interactúa algun modulo o componente definido por AngularJS

1

Módulos(module)Los módulos son contenedores de diferentes partes de nuestra aplicación.

2

Controladores(controller)Los controladores en AngularJS son objetos que permiten desarrollar la lógica de la aplicación, enlaza el $scope con la vista y permite tener un control total de los datos.

3

Directivas(directive)Las directivas vienen a ser la forma en que extendemos nuestro html, permitiéndonos agregar una porción de código hasta una funcionalidad completa.

4● 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 Fábricas(factory)Los servicios y fábricas, son módulos que permiten agrupar una funcionalidad específica e inyectarlos donde queramos.5

Filtros(filter)Los filtros son los encargados de transformar los datos para luego mostrarlos.6

Para tener en cuenta

◇ AngularJS es una solución completa, por lo cual no se puede comparar con Jquery.

◇ Es un framework que está diseñado para ser testeable fácilmente.

◇ Esta diseñado para desarrollar aplicaciones no páginas web.

Vs. OtrosBackboneJSFramework javascript MVC, que permite trabajar aplicaciones pequeñas y medianas, ligero y de muy baja curva de aprendizaje.Jquery y Underscore

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

ReactJSNo es un framework javascript, es una librería 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 número de herramientas, como routing, inyección de dependencias, templates entre otros, que hacen de este framework muy completo.

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

Place your screenshot here

Aplicaciones que usan AngularJS

Plunker

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