Introduction to AngularJS

6,805 views
6,459 views

Published on

Introduction to AngularJS

Published in: Technology

Introduction to AngularJS

  1. 1. AngularJS Introduction to FrontEnders Ticino
  2. 2. @aldopizzagalli Aldo Pizzagalli UX Designer
  3. 3. Why use AngularJS ??
  4. 4. Let’s go back to 3 months ago….
  5. 5. During a meeting…
  6. 6. Which Technology??
  7. 7. ok… we need to change our architecture… but how??
  8. 8. Which Framework?? http://todomvc.com/
  9. 9. Google Trends Follow the Blue line…
  10. 10. Two Way Data Binding Dependency Injection MVC - MVVM Ready for Web Component
  11. 11. I often say that AngularJS is what the web browser would have been, had it been designed for application Miško Hevery AngularJS Creator
  12. 12. Talk is cheap. Show me the code!!
  13. 13. Directives A directive is a behavior or DOM transformation which is triggered by the presence of a custom attribute, element name, or a class name. A directive allows you to extend the HTML vocabulary in a declarative fashion. AngularJS's developer guide (http://docs.angularjs.org/guide)
  14. 14. AngularJS Hello World
  15. 15. Controllers A controller is a JavaScript constructor function that is used to augment the Angular Scope. AngularJS's developer guide (http://docs.angularjs.org/guide)
  16. 16. Codice Controller
  17. 17. Modules You can think of a module as a container for the different parts of your app – controllers, services, filters, directives, etc.
  18. 18. Bower by Twitter A package manager for the web http://bower.io
  19. 19. Dependency Injection (DI) is a software design pattern that deals with how code gets hold of its dependencies. Dependency Injection
  20. 20. Services Angular services are singletons that carry out specific tasks.
  21. 21. Codice creazione di un servizio
  22. 22. Configurations
  23. 23. Routing AngularJS is perfect to build single page web applications. So… what about routing??
  24. 24. Routing
  25. 25. Test never forget… twice a day, everyday!! http://jasmine.github.io/
  26. 26. about.me/aldopizzagalliFrontEnders Ticino

×