Baixar para ler offline
Angular 2 with TypeScript
- 1. Cipriano Freitas 04-03-2015DevScope CSICipriano Freitas
- 2.
- 3.
- 4. • Melhor performance!(Prometem ser até 10x mais rápido do que o ng1) • Melhor coesão na implementação de standards • Maior foco no obrigação de nos regermos a boas práticas (Shadow DOM, ...) • O Angular 1 já tem 6 anos www.devscope.net 4
- 5. Existe alguém ausá-lo?
- 6.
- 7.
- 8.
- 9.
- 10. www.devscope.net 10 import {Component}from 'angular2/angular2' @Component({ selector: 'my-component', template: '<div>Hello my name is {{name}}. <button (click)="sayMyName()">Say my name</button></div>' }) export class MyComponent { constructor() { this.name = 'Max' } sayMyName() { console.log('My name is', this.name) } }
- 11. www.devscope.net 11 import {HEROES}from './mock-heroes'; import {Injectable} from 'angular2/core'; @Injectable() export class HeroService { getHeroes() { return HEROES; } }
- 12.
- 13.
- 14. www.devscope.net 14 • Observablessão uma parte do que se chama Reactive Programming • Observables são Lazy • Observables podem-se interromper • Uma web app já não é só submeter um form para o backend
- 15.
- 16. • Fortemente tipado •Erros em tempo de compilação • O debug é fácil • O suporte de IDEs permite uma melhor experiência de refactoring • Implementa funcionalidades do ES6 e ES7 www.devscope.net 16
- 17.
- 18. Angular 1.x paraAngular 2
- 19. • Utilizar umModule Loader • Evitar o uso do $scope • Desenvolver com TypeScript • Utilizar os Components (chegaram com o Angular 1.5) • Estrutura de pastas por funcionalidade www.devscope.net 19 /app /articles /directives /services /controllers /products /directives /services /controllers
- 20.
- 21.