Saltar para o conteúdo

Angular (framework)

Origem: Wikipédia, a enciclopédia livre.
Angular
Angular logo
Desenvolvedor Google
Plataforma Multiplataforma, apenas navegadores modernos
Lançamento 14 setembro 2016; há 8 anos
Versão estável 10.2.0 (21 de outubro de 2020; há 4 anos [1])
Versão em teste 11.0.0-rc.0 (21 de outubro de 2020; há 4 anos [2])
Escrito em TypeScript
Gênero(s) JavaScript, Aplicativo de Página única Framework
Licença MIT License
Estado do desenvolvimento Ativo
Página oficial angular.io

Angular (comumente referido como "Angular 2+" ou "Angular 2") é uma plataforma de aplicações web de código-fonte aberto e front-end baseado em TypeScript liderado pela Equipe Angular do Google e por uma comunidade de indivíduos e corporações. Angular é uma reescrita completa do AngularJS, feito pela mesma equipe que o construiu.

Diferenças entre Angular e AngularJS

Arquitetura de uma aplicação Angular. Os principais blocos são módulos, componentes, templates, metadados, enlace de dados, directivas, serviços e injeção de dependência.

Angular foi uma base de reescrita do AngularJS.

  • Angular não tem um conceito de "escopo" ou controladores, em vez disso, ele usa uma hierarquia de componentes como o seu principal conceito arquitetônico
  • Angular tem uma expressão diferente de sintaxe, concentrando-se no uso de "[ ]" para a propriedade de ligação, e no uso de "( )" para ligação do evento
  • Modularidade – muito das funcionalidades principais foram movidas para os módulos
  • Angular recomenda o uso da linguagem da Microsoft, o TypeScript, que apresenta as seguintes características:
  • TypeScript é um superconjunto do ECMAScript 6 (ES6), e é compatível com ECMAScript 5 (i.e.: JavaScript). Angular também inclui ES6:
  • Carregamento dinâmico
  • Modelo de compilação assíncrono
  • A substituição de controladores e $escopo com componentes e diretrizes – um componente é uma directiva com um modelo
  • Programação reativa de suporte usando RxJS

História

Nomenclatura

Originalmente, a reescrita do AngularJS foi chamado de "Angular 2" pela equipe, mas isto levou à confusão entre os desenvolvedores. Para esclarecer, a equipe anunciou que termos separados devem ser usados para cada Framework, com "AngularJS", referindo-se a 1.X versões e "Angular" sem o "JS", referindo-se às versões à partir da 2 até a última.[3]

A versão 2.0

O Angular 2.0 foi anunciado no ng-Europe conference 22-23 de setembro de 2014.[4] As mudanças drásticas na versão 2.0 criou uma considerável controvérsia entre os desenvolvedores.[5] Em 30 de abril de 2015, os desenvolvedores Angular anunciaram que o Angular 2 foi transformado de Alfa a Developer Preview.[6] O Angular 2 mudou-se para o Beta em dezembro de 2015,[7] e a primeira versão foi publicada em Maio de 2016.[8] A versão final foi lançada em 14 de setembro de 2016.

Versão 4.0

Em 13 de dezembro de 2016 Angular 4 foi anunciado, ignorando o 3 para evitar uma confusão devido ao desalinhamento da versão do pacote do roteador que já foi distribuído como v3.3.0.[9] A versão final foi lançada em 23 de Março de 2017.[10] O Angular 4 é compatível com o Angular 2.[11]

O Angular versão 4.3 é uma versão menor, o que significa que ele contém alterações que não são de última hora e que é uma atualização pequena para 4.x.x.

Recursos na versão 4.3

  • Introdução de HttpClient, uma biblioteca menor, mais poderosa, e mais fácil de usar, para fazer Solicitações HTTP.
  • Novo roteador ciclo de vida de eventos para Guardas e Resoluções. Quatro novos eventos: GuardsCheckStart, GuardsCheckEnd, ResolveStart, ResolveEnd juntam-se ao conjunto existente de ciclo de vida, tais como a NavigationStart.
  • Condicionalmente desativa animações.

Versão 5.0

Angular 5 foi lançado em 1 de novembro de 2017.[12] Os principais aprimoramentos Angular 5 incluem suporte para web apps progressivos, uma compilação otimizadora e melhorias relacionadas ao Material Design.[13]

Versão 6.0

O lançamento da sexta versão do Angular ocorreu no dia quatro de Maio de 2018. Esta versão teve um foco menor na base do framework, e maior na cadeia de ferramentas e em como tornar mais fácil e rápida a migração com Angular nas atualizações futuras, como os comandos da CLI (Interface de Linha de Comando): ng update, ng add, Angular Elements, Componentes Angular Material + CDK, Componentes Iniciais Angular Material, CLI Workspaces, Suporte a biblioteca, Provedores de Árvore Shakable, Melhoramentos no desempenho de animações, e atualização do RxJS para a versão 6.

Versão 7.0

A sétima versão do Angular foi lançada no dia dezoito de Outubro de 2018. Atualizações relacionadas ao desempenho de aplicativos, Angular Material & CDK, Rolagem Virtual, Melhor acessibilidade do elemento de formulário select (também conhecido por combobox ou dropdownlist), agora suporta Content Projection usando o padrão web para elementos personalizados, e atualizações de dependência em relação ao Typescript 3.1, RxJS 6.3, Node 10 (ainda suportando Node 8).

Versão 7.1

O lançamento do Angular 7[14] ocorreu em novembro de 2018 e está disponível para download no github.com[15]

Versão 8.0

O lançamento da mais nova versão do Angular ocorreu em maio de 2019 e conta com algumas melhorias no funcionamento dos formulários reativos, melhoria na sintaxe para declaração de rotas lazy-loading e a esperada disponibilização do compilador Ivy, que nesta versão ainda está em preview e precisa ser habilitado, mas não é recomendado que se utilize em produção.

Versão 9.0

O Angular 9 foi lançado em 6 de fevereiro de 2020. A versão 9 move todos os aplicativos para usar o compilador Angular Ivy por padrão. O Angular foi atualizado para funcionar com TypeScript 3.6 e 3.7. Além de centenas de correções de bugs, o compilador e o tempo de execução Ivy oferecem inúmeras vantagens[16]:

  • Tamanhos de pacote menores
  • Teste mais rápido
  • Melhor depuração
  • Melhor classe CSS e vinculação de estilo
  • Verificação de tipo aprimorada
  • Erros de compilação aprimorados
  • Tempos de compilação aprimorados, habilitando AOT por padrão
  • Melhor Internacionalização

Versão 10

O Angular 10 foi lançado em 24 de junho de 2020. [17]:

  • Novo seletor de intervalo de datas (biblioteca de IU de materiais)
  • Avisos sobre importações CommonJS
  • Configurações opcionais mais estritas
  • Mantendo-se atualizado com o ecossistema
  • Nova configuração de navegador padrão
  • Depreciações e Remoções

Futuros lançamentos

Desde a versão 9.0, a equipe do Angular mudou todos os novos aplicativos para usar o compilador e o tempo de execução Ivy. Eles trabalharão no Ivy para melhorar os tamanhos dos pacotes de saída e as velocidades de desenvolvimento.[18]

Cada versão está prevista para ser compatível com a versão anterior. Em geral, novas versões do Angular são lançadas a cada seis meses, com pequenas atualizações de correção quase toda semana.[19]

Referências

  1. «angular/CHANGELOG.md» (em inglês). Consultado em 24 de outubro de 2020 
  2. «angular/CHANGELOG.md» (em inglês). Consultado em 24 de outubro de 2020 
  3. «Angular: Branding Guidelines for AngularJS». Consultado em 4 de março de 2017 
  4. Coman Hamilton. «A sneak peek at the radically new Angular 2.0». Consultado em 21 de outubro de 2015 
  5. Coman Hamilton. «Angular 2.0 announcement backfires». Consultado em 21 de outubro de 2015 
  6. @angularjs (30 Apr 2015). «Angular 2 moves from Alpha to Developer Preview! Dev guide and API docs now available at ... angular.io/docs/js/latest» (Tweet). Consultado em 21 de outubro de 2015 – via Twitter  Verifique data em: |data= (ajuda)
  7. «Angular: Angular 2 Beta». angularjs.blogspot.it. Consultado em 13 de julho de 2016 
  8. «angular/angular». GitHub. Consultado em 4 de maio de 2016 
  9. «Ok... let me explain: it's going to be Angular 4.0». angularjs.blogspot.kr. Consultado em 14 de dezembro de 2016 
  10. «Angular 4.0.0 Now Available». angularjs.blogspot.ca. Consultado em 23 de março de 2017 
  11. «Angular 4 coming in 2017, to be backwards compatible with Angular 2». react-etc.net. Consultado em 14 de dezembro de 2016 
  12. Fluin, Stephen. «Version 5.0.0 of Angular Now Available». Consultado em 2 de novembro de 2017 
  13. «Angular 5 JavaScript framework delayed» 
  14. What´s new in Angular version 7.1 arrives
  15. Angular versão 7.1 disponível para download
  16. «Angular: Conhecendo Ivy». Consultado em 24 de outubro de 2020 
  17. «Version 10 of Angular Now Available». Consultado em 24 de outubro de 2020 
  18. «Version 9 of Angular Now Available — Project Ivy has arrived!» 
  19. «Angular Versioning and Releases». Consultado em 5 de dezembro de 2019