Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
Novidades Angular 4 e CLI
Loiane Groner
github.com/loiane
loiane.com
loiane.training
• 10+ XP TI
• Java, JavaScript, Sencha,
Phonegap/Ionic, Angular
• Blog: http://loiane.com
• Cursos: http://loiane.training
• Meus livros:
• Disponível (inglês) na amazon.com.br
• Também em português!!!
https://novatec.com.br/livros/estruturas-de-dados-algoritmos-em-javascript/
▸ Angular 3?
▸ Novidades Angular 4
▸ Novidades Angular CLI
AGENDA
Angular 3 ???
🙄
👍
Angular 4
é uma melhoria do
Angular 2
VERSÃO NOVA A CADA 6 MESES
#itsJustAngular
http://angularjs.blogspot.com.br/2016/12/ok-let-me-explain-its-going-to-be.html
http://angularjs.blogspot.com.br/2016/12/ok-let-me-explain-its-going-to-be.html
O que mudou?
▸ NgIf e NgFor melhorado
▸ Validações para Formulários
▸ Renderer (depreciado)
▸ Novo Módulo de animações (depreciado)
▸ T...
TYPESCRIPT 1.8 -> 2.1
▸ Support for Mix-in classes
▸ object type
▸ Support for new.target
▸ Better checking for null/
unde...
ANGULAR UNIVERSAL
https://github.com/robwormald/ng-universal-demo/
ANGULAR CLI
▸ Performance
▸ Mobile (PWA) (Experimental)
▸ Eject (Webpack)
Migrando do 2.x para 4.x
MIGRANDO DO 2.X -> 4.X
> npm install @angular/{common,compiler,compiler-
cli,core,forms,http,platform-browser,platform-
br...
MIGRANDO DO 2.X -> 4.X
> npm install @angular/common@latest @angular/
compiler@latest @angular/compiler-cli@latest
@angula...
SE CRIOU PROJETO COM CLI (BETA)
▸ Criar um branch (git) nova
▸ Criar um projeto com CLI (final) novo
▸ Copiar do antigo pro...
MAIS INFORMAÇÕES
▸ http://angularjs.blogspot.com.br/2017/03/
angular-400-now-available.html
▸ angular.io
http://loiane.training
http://loiane.com
facebook.com/loianegroner
twitter.com/loiane
https://github.com/loiane
youtube.com/loianegroner
http://l...
Novidades Angular 4.x e CLI
Nächste SlideShare
Wird geladen in …5
×

Novidades Angular 4.x e CLI

620 Aufrufe

Veröffentlicht am

Curso Angular 2.x e 4.x: https://goo.gl/MDKahw

Veröffentlicht in: Technologie
  • Login to see the comments

Novidades Angular 4.x e CLI

  1. 1. Novidades Angular 4 e CLI Loiane Groner github.com/loiane loiane.com loiane.training
  2. 2. • 10+ XP TI • Java, JavaScript, Sencha, Phonegap/Ionic, Angular • Blog: http://loiane.com • Cursos: http://loiane.training
  3. 3. • Meus livros: • Disponível (inglês) na amazon.com.br
  4. 4. • Também em português!!! https://novatec.com.br/livros/estruturas-de-dados-algoritmos-em-javascript/
  5. 5. ▸ Angular 3? ▸ Novidades Angular 4 ▸ Novidades Angular CLI AGENDA
  6. 6. Angular 3 ???
  7. 7. 🙄
  8. 8. 👍
  9. 9. Angular 4 é uma melhoria do Angular 2
  10. 10. VERSÃO NOVA A CADA 6 MESES
  11. 11. #itsJustAngular
  12. 12. http://angularjs.blogspot.com.br/2016/12/ok-let-me-explain-its-going-to-be.html
  13. 13. http://angularjs.blogspot.com.br/2016/12/ok-let-me-explain-its-going-to-be.html
  14. 14. O que mudou?
  15. 15. ▸ NgIf e NgFor melhorado ▸ Validações para Formulários ▸ Renderer (depreciado) ▸ Novo Módulo de animações (depreciado) ▸ TypeScript 2.1 ▸ Angular Universal ▸ Build menor e mais rápido NOVIDADES E MUDANÇAS
  16. 16. TYPESCRIPT 1.8 -> 2.1 ▸ Support for Mix-in classes ▸ object type ▸ Support for new.target ▸ Better checking for null/ undefined in operands of expressions ▸ Dotted property for types with string index signatures ▸ keyof and Lookup Types ▸ Mapped Types ▸ Partial, Readonly, Record, and Pick ▸ Object Spread and Rest ▸ Downlevel Async Functions ▸ Support for external helpers library (tslib) ▸ Untyped imports ▸ Support for --target ES2016, -- target ES2017 and --target ESNext ▸ Improved any Inference ▸ Implicit any errors ▸ Better inference for literal types https://github.com/Microsoft/TypeScript/wiki/What%27s-new-in-TypeScript
  17. 17. ANGULAR UNIVERSAL https://github.com/robwormald/ng-universal-demo/
  18. 18. ANGULAR CLI ▸ Performance ▸ Mobile (PWA) (Experimental) ▸ Eject (Webpack)
  19. 19. Migrando do 2.x para 4.x
  20. 20. MIGRANDO DO 2.X -> 4.X > npm install @angular/{common,compiler,compiler- cli,core,forms,http,platform-browser,platform- browser-dynamic,platform-server,router,animations} @latest typescript@latest --save ▸ Linux ou Mac OS
  21. 21. MIGRANDO DO 2.X -> 4.X > npm install @angular/common@latest @angular/ compiler@latest @angular/compiler-cli@latest @angular/core@latest @angular/forms@latest @angular/ http@latest @angular/platform-browser@latest @angular/platform-browser-dynamic@latest @angular/ platform-server@latest @angular/router@latest @angular/animations@latest typescript@latest --save ▸ Windows
  22. 22. SE CRIOU PROJETO COM CLI (BETA) ▸ Criar um branch (git) nova ▸ Criar um projeto com CLI (final) novo ▸ Copiar do antigo projeto para o novo projeto: ▸ diretório src/app ▸ configs de scripts e styles do .angular-cli.json ▸ Verificar index.html para import de css ou fontes ▸ Verificar arquivo styles.css
  23. 23. MAIS INFORMAÇÕES ▸ http://angularjs.blogspot.com.br/2017/03/ angular-400-now-available.html ▸ angular.io
  24. 24. http://loiane.training
  25. 25. http://loiane.com facebook.com/loianegroner twitter.com/loiane https://github.com/loiane youtube.com/loianegroner http://loiane.training

×