Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Tech Track - Angular 2 (Part 1)

Tech Track - Angular 2 (Part 1)

Exploring this new way of development with Angular 2 and Typescript, what's that mean on development world web.

Avatar for Christian Fortes

Christian Fortes

March 28, 2017
Tweet

More Decks by Christian Fortes

Other Decks in Technology

Transcript

  1. História Angular 2.x criado em (2014) Com o objetivo principal

    de corrigir algumas decisões ruins do passado. @chrisgfortes
  2. Principais diferenças - TUDO, angular 2 foi projetado do zero

    - Mudança de conceito (Component) - Divisão de dependências em módulos (@angular/core) - Adoção do TypeScript (Microsoft) - Cross-Plataform (Angular Universal | NativeScript - Native Apps) - Browser Support (>= IE9 | >= Edge 11 | Chrome | Firefox | Safari) - Aperfeiçoamento na performance @chrisgfortes
  3. Angular 2 para o 4 @angular/core @angular/compiler @angular/compiler-cli @angular/http @angular/router

    v2.3.0 v2.3.0 v2.3.0 v2.3.0 v3.3.0 Erro de nomenclatura na escrita da versão do pacote (router) @chrisgfortes
  4. Angular CLI - O que é? A command line interface

    for Angular @chrisgfortes https://cli.angular.io
  5. Angular CLI - Some commands $ ng g component my-new-component

    $ ng g directive my-new-directive $ ng g service my-new-service $ ng g class my-new-class $ ng g interface my-new-interface $ ng g enum my-new-enum $ ng g module my-module @chrisgfortes Angular CLI, facilita a criação de componentes, diretivas, classes, etc… Agilizando o processo de desenvolvimento.