Introduction à AngularJS

Une petite introduction à AngularJS avec des explications globales pour comprendre comment s'insère cette technologie dans nos architectures actuelles, puis quelques petits cas pratiques pour s’apercevoir du temps que l'on peut gagner avec ce framework.

Transcript

1. in real life Bordeaux 15/04/2014
2. Learning curve is so big ! What's that garbage in the DOM ? It's too heavy, Backbone is leaner ! Yeah and SEO is a total mess ! It's a product of Google, it's evil ! WHAT ?! Another JS framework ?
3. No kidding...
4. Basic concepts of AngularJS
5. t DHTML EVOLUTION OF FRONTEND TOOLS
6. t DHTML EVOLUTION OF FRONTEND TOOLS
7. t DHTML EVOLUTION OF FRONTEND TOOLS
8. t DHTML EVOLUTION OF FRONTEND TOOLS
9. MODEL MODEL CONTROLLER CONTROLLER VIEW VIEW DB DB CLASSIC SERVER MVC
10. MODEL MODEL CONTROLLER CONTROLLER VIEW VIEW DB DB CLASSIC SERVER MVC Director's cut
11. MODEL MODEL CONTROLLER CONTROLLER DB DB ARCHITECTURE WITH ANGULAR JSON
12. CONTROLLER VIEW MODEL
13. CONTROLLER VIEW MODEL OBSERVE & UPDATE
14. CONTROLLER VIEW MODEL OBSERVE & UPDATE TWO-WAY BINDING
15. CONTROLLER VIEW MODEL OBSERVE & UPDATE TWO-WAY BINDING MANAGES NOTIFIES JSON
16. CONTROLLER VIEW MODEL OBSERVE & UPDATE TWO-WAY BINDING DIRECTIVES FILTERS SERVICES $scope JSON MANAGES NOTIFIES
17. THE BASICS OF ANGULAR JS ng-app, controllers, $scope, dependance injection two-way binding http://jsbin.com/xonadaba/1/edit
18. DIRECTIVES http://jsbin.com/bodibolo/2/edit
19. http://jsbin.com/giyuyiwu/2/edit?html,js,output
20. SERVICES http://jsbin.com/juzazuxo/3/edit
23. http://docs.angularjs.org/ http://www.ng-newsletter.com/ http://www.thinkster.io/angularjs/ http://ngmodules.org/ http://plnkr.co/ https://egghead.io/ http://www.frangular.com/
24. Thanks ! I'm Sylvain Peigney Grab me on twitter: @volpeo ! Freelance Webdevelopper Padawan product builder