Angular JS: A Brief Introduction

Angular JS: A Brief Introduction

• 1.
  A Brief Introduction FernandoMano
• 2.
  What is AngularJS? Not(only) a library "AngularJS is a structural framework for dynamic web apps" (AngularJS' official website)
• 3.
  Philosophy "Angular is whatHTML would have been, had it been designed for applications" (AngularJS' official website) "Angular is built around the belief that declarative code is better than imperative when it comes to building UIs and wiring software components together," (AngularJS' official website)
• 4.
  Key Concepts Directives Filters Two-waydata binding Expressions Scopes Templating Dependency Injection Services
• 5.
  Key Concepts -Directives
• 6.
  Key Concepts -Two-way Data Binding
• 7.
  Key Concepts -Scopes
• 8.
  Key Concepts -Dependency Injection
• 9.
  Key Concepts -Filters
• 10.
  Key Concepts -Expressions Angular expressions are JavaScript-like code snippets that are usually placed in bindings such as {{ expression }}. For example, these are valid expressions in Angular: 1+2 a+b user.name items[index]
• 11.
  Key Concepts -Templating
• 12.
  Key Concepts -Services
• 13.
  Why AngularJS? Uses andextends HTML Declarative templating Easily testable Encourages the use of MVC/MVVM design pattern Reusable Single-page applications
• 14.
  When NOT touse AngularJS? Intensive or tricky DOM manipulations → poor performance - GUI editors and games
• 15.
  Useful Sources https://angularjs.org/ https://github.com/angular/angular.js http://campus.codeschool.com/courses/shaping-up-with-angular-js/intro https://www.codecademy.com/en/courses/learn-angularjs
• 16.
  Thanks!