Introduction à AngularJS

1,934 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,934
On SlideShare
0
From Embeds
0
Number of Embeds
247
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

×