Introduction à

“ HTML enhanced for web apps! ”

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

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

Data binding avec AngularJS

Data binding avec AngularJS

Coding time

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>

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/

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