Introduction à AngularJS

1 931 vues

Publié le

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

Publié dans : Technologie
0 commentaire
2 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
1 931
Sur SlideShare
0
Issues des intégrations
0
Intégrations
247
Actions
Partages
0
Téléchargements
12
Commentaires
0
J’aime
2
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

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

×