O documento descreve o framework AngularJS da Google, incluindo que ele permite criar aplicações web de página única, aumenta a produtividade ao requerer menos código, e usa componentes estilizados de forma independente da lógica.

2. AngularJS
AngularJS
É um framework SPA (Single Page Applications) (Google), isto significa que você
pode criar aplicações web (webapps). Fazer páginas que funcionam sem precisar de
reload e que se comporte verdadeiramente como uma aplicação. (JAVASCRIPT)

3. Quem utiliza
https://stfalcon.com/en/blog/post/large-websites-using-AngularJS

4. AngularJS
Principais
Vantagens

5. AngularJS
Produtividade
O AngularJS foi pensando para que o desenvolvedor possa escrever o mínimo de
código possível, assim desenvolver uma aplicação com ele requer bem menos
código.
Framework concorrentes do mercado atual
Backbone
KnockoutAngularJS
AngularJS

6. AngularJS
Componentização
Os componentes (diretivas) do AngularJS podem ser
estilizados facilmente usando HTML e CSS de forma
independente das regras de negócio ou da lógica de
comportamento da tela.
(Criação de HTML personalizado)
<unidade-select ng-model=“ctrl.data.unidade”></unidade-select>

7. AngularJS
Exemplo de componente

8. Engenharia de Softwa
Engenharia de Software
https://github.com/johnpapa/angular-styleguide/blob/master/a1/README.md
Além de usar o AngularJS, aplicamos alguns conceitos de engenharia de software:
• Clean Code (Code review através do GIT);
• Modularização;
• Reutilização;
• Componentes;
• URL amigável
• Single responsibility;
• Uma função por arquivo, recomenda-se menos que 400 linhas de código;
• Uma função por arquivo promove testes independentes;
• Uma função por arquivo torna-se mais fácil de ler, manter e evitar colisões
com as equipes de controle de origem.
• Cada arquivo é responsável por uma tarefa;

9. AngularJS
Cenário Antigo
• PHP Estruturado;
• Página ‘suja’, com PHP, JavaScript, Jquery, HTML;
• Não utilização de componentes;
• Duplicidade de códigos;
• Difícil de manter;
• Regra de negocio separada ‘misto’ (PHP, JavaScript, Jquery e MYSQL);

10. AngularJS
Cenário Atual
• PHP PDO (Mais segurança);
• Página limpa, tudo separado no seu lugar (HTML, PHP e JavaScript).
• Utilização de componentes;
• Fácil de manter;
• Regra de negocio centralizada;
• Modularização;

11. AngularJS
Cenário Atual
• Rotas com URL amigáveis;
• Agilidade de 15% ~ 20% no desenvolvimento;
• Agilidade de 40% na manutenção;
• Um arquivo por função, facilita a manutenção e reaproveitamento do REST;
• Seguindo o modelo padrão de boas praticas (John Papa);
• Testes automatizados;