Introduction à AngularJS

  • 1,226 views
Uploaded on

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

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

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
1,226
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
8
Comments
0
Likes
2

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

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