O documento descreve o framework JavaScript AngularJS, explicando que ele é mantido pelo Google e facilita o desenvolvimento e teste de aplicações web. Também discute como o AngularJS funciona, lendo páginas HTML e vinculando partes de entrada/saída a um modelo JavaScript, e sua utilidade no desenvolvimento de aplicações de página única. Finalmente, menciona tecnologias semelhantes como React e Vue.js e discute vantagens do AngularJS como produtividade e suporte a MVC, e desvantagens como diferenças de sintaxe

1. Grupo: Lucas Kaibara,Gustavo Alves, Marcos Confortini,
Gabriel Patuci e Matheus Luiz

2. O que é
• O AngularJS é um framework JavaScript, de código aberto e que é mantido
pelo Google. Tem como objetivo aumentar o número de aplicações que
podem ser acessados por um navegador web em um esforço para facilitar
tanto o desenvolvimento quanto o teste destas aplicações.

3. O que é
• O AngularJS funciona através da leitura de páginas HTML, que tem
embutido nelas atributos adicionais personalizados em suas tags. O Angular
então interpreta esses atributos, ligando partes de entrada ou saída de
página para um modelo no padrão JavaScript. Esses valores podem ser
configurados manualmente no código ou recuperado a partir de recursos
JSON estáticos ou dinâmicos.

4. Qual sua utilidade
• OAngularJS é utilizado no desenvolvimento de SPA’s (single page
application – aplicações de página única). Em um SPA, todo o código
necessário - HTML, JavaScript, e CSS – ou é obtido com um único
carregamento de página, ou os recursos apropriados são carregados
dinamicamente e adicionados à página conforme necessário, geralmente
em resposta a ações do usuário.

5. Tecnologias semelhantes

6. Tecnologias semelhantes
• React:
O React é uma biblioteca JavaScript de código aberto que serve para criar
interfaces de usuário, sendo mantida pelo Facebook e uma comunidade de
desenvolvedores individuais e outras empresas.

7. Tecnologias semelhantes
• Vue.js:
O Vue.js é um framework JavaScript de código aberto utilizado para
construir interfaces de usuário. A integração em projetos que usam outras
bibliotecas JavaScript é simplificada com o Vue, pois o mesmo foi projetado
para ser adotado de forma incremental.

8. Tecnologias semelhantes
• jQuery:
O jQuery é uma biblioteca de funções JavaScript que interage com o
HTML, desenvolvida para simplificar os scripts interpretados no navegador do
cliente. É utilizada por cerca de 74.4% dos 10 mil sites mais visitados do
mundo.

9. Vantagens e desvantagens
VANTAGENS

10. Vantagens e desvantagens
• Produtividade:
Desenvolver uma aplicação com AngularJS requer bem menos código
do que usando jQuery, por exemplo. Isso se deve muito ao fato do AngularJS
ser orientado a componentes.

11. Vantagens e desvantagens
• MVC:
O AngularJS possui suporte a MVC, assim há uma boa separação de
responsabilidades do código escrito.

12. Vantagens e desvantagens
• Componentização:
As diretivas do AngularJS podem ser estilizados utilizando HTML e
CSS de forma independente das regras de negócio ou da lógica de
comportamento da tela.

13. Vantagens e desvantagens
DESVANTAGENS

14. Vantagens e desvantagens
• Sintaxe muito diferente:
O AngularJS possui uma sintaxe muito diferente de suas versões
posteriores, que são chamadas apenas de Angular (Angular 2, Angular 4 e
Angular 5). Muita coisa não pode ser reaproveitada do AngularJS para as
novas versões novas doAngular.

15. Vantagens e desvantagens

16. Vantagens e desvantagens
• Organização:
O AngularJS pode forçar a organização, podendo tirar uma certa
liberdade do desenvolvedor (porém muitas vezes não é tão ruim).

17. Vantagens e desvantagens
• Performance:
Caso a aplicação cresça muito, pode ser que haja problemas de
performance, para que o AngularJS consiga rodar o código independente do
browser.

18. EXEMPLO PRÁTICO