Successfully reported this slideshow.

Introduction à AngularJS

1 945 vues

Publié le

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

Publié dans : Technologie
  • Soyez le premier à commenter

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

×