Introduction à“ HTML enhanced for web apps! ”
Qu’est-ce que AngularJS ? Framework JavaScript MVC MVP MVVM ???   MVW : Model View Whatever   W = "whatever works for y...
Ses caractéristiques   100% JavaScript (server side)   Data binding   Separating Data / Presentation / Logic   Modules...
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-t...
Frameworks concurrents   Backbone.js   Ember.js   Spine.js   KnockoutJS   Dojo   … Un peu de bonne lecture :    ht...
RennesJS : enfin un JS User Group à Rennes ? Google group « RennesJS »   http://groups.google.com/group/RennesJS Trello...
Upcoming SlideShare
Loading in …5
×

Introduction à AngularJS

1,827 views

Published on

Introduction pour découvrir AngularJS, le framework Javascript de Google pour créer des applications web.

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,827
On SlideShare
0
From Embeds
0
Number of Embeds
248
Actions
Shares
0
Downloads
12
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Introduction à AngularJS

  1. 1. Introduction à“ HTML enhanced for web apps! ”
  2. 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. 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. 4. Data binding avec AngularJS
  5. 5. Data binding avec AngularJS
  6. 6. Coding time
  7. 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. 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. 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

×