1. Introduction à
“ HTML enhanced for web apps! ”

2. Qu’est-ce que AngularJS ?
 Framework JavaScript MVC MVP MVVM ???
 MVW : Model View Whatever
 W = "whatever works for you!"
 « Super-powered by Google »
 Open source : MIT Licence / GitHub
 Création de Web Application
 Modulable et extensible

3. Ses caractéristiques
 100% JavaScript (server side)
 Data binding
 Separating Data / Presentation / Logic
 Modules & Dependecy Injection
 Services
 Directive
 Rooting & Deep Link
 Form Validation
 Testing

4. Data binding avec AngularJS

5. Data binding avec AngularJS

6. Coding time

7. Directives
<div ng-controller="Ctrl2">
Date format: <input ng-model="format">
Current time is: <span my-current-time="format"></span>
</div>
<div>
<button ng-click="show=true">show</button>
<dialog title="Hello {{username}}."
visible="show"
on-cancel="show = false"
on-ok="show = false; doSomething()">
Body goes here: {{username}} is {{title}}.
</dialog>
</div>

8. Frameworks concurrents
 Backbone.js
 Ember.js
 Spine.js
 KnockoutJS
 Dojo
 …
 Un peu de bonne lecture :
 http://coding.smashingmagazine.com/2012/07/27/journey-through-
the-javascript-mvc-jungle/
 http://sporto.github.io/blog/2013/04/12/comparison-angular-
backbone-can-ember/

9. RennesJS : enfin un JS User Group à Rennes ?
 Google group « RennesJS »
 http://groups.google.com/group/RennesJS
 Trello
 https://trello.com/board/rennesjs/516463cd93a6fa9c3a00acfc
 nico.pennec@gmail.com
 @NicoPennec