AngularJS es un framework JavaScript de código abierto mantenido por Google que facilita el desarrollo de aplicaciones web dinámicas y complejas. Se trata de un framework MVW que permite la creación de aplicaciones con enlace de datos bidireccional, inyección de dependencias, módulos, controladores, directivas, servicios, filtros y más. AngularJS es una solución completa para el desarrollo frontend que facilita pruebas y permite crear aplicaciones escalables.

1. AngularJS
Superheroic Javascript MVW Framework

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

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

4. “
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.

5. Two-Way data
binding

6. Inyección de dependencias
Este 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.

7. $scope
Scope es el ámbito donde interactúa
algun modulo o componente
definido por AngularJS
1

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

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

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

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

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

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

14. Vs. Otros
BackboneJS
Framework javascript
MVC, que permite
trabajar aplicaciones
pequeñas 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
No 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.

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

16. Ionic Framework
The beautiful, open source front-
end SDK for developing hybrid
mobile apps with HTML5.
Place your screenshot here

17. Aplicaciones que
usan AngularJS
Plunker

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