Todo App Angular 2

We will talk about:
Angular 1
Angular 2
Angular 1 and ES6
Code of a Todo App in Angular 2

Transcript

1. Todo App Angular 2 Andres Osorio @codeandrop
2. Agenda • Angular 1 • Angular 2 • Angular 1 and ES6 • Demo time!
3. Angular 1 • The code base for Angular dates back to 2009 • Angular2 is 5x faster than Angular 1* • Angular 1.x has many concepts • Concepts have a learning curve
4. Angular 1 Concepts • Controller • Factory • Service • Provider • Directive • Transclusion • Module
5. Angular 2 • Work in progress • ES5, ES6, Dart or Typescript • Everything is a component • Components: Break UI into reusable pieces • Tree of components • Possible migration from Angular 1.5.x
6. Angular 2 - Component Syntax
7. Angular 2 - Component Syntax Annotation Controller
8. Angular 2 - Controller
9. Angular 2 - Template Syntax • Local Variables - #localvar • Event Handlers - (click) • Property Bindings - [innerText]
10. Angular 2 - Template Syntax
11. Angular 1 and ES6 http://www.michaelbromley.co.uk/blog/350/exploring-es6-classes-in-angularjs-1-x https://github.com/Swiip/generator-gulp-angular
12. Demo time!
13. THE END