<commit_before># Angular

![](https://github.com/Webschool-io/be-mean-instagram/tree/master/Apostila/module-angular1/pt-br/imgs/angularjs-logo.png)
  
O Angular é um framework JavaScript, criado pelo Google, no estilo MVC/MVVW e usa o conceito de SPA (Single Page Application). No SPA, apenas uma parte da *view* muda e a outra permanece fixa. Isso traz melhoras na experiência do usuário e diminuição no tráfego de dados por não precisar renderizar tudo toda vez.

Ele foi desenvolvido por <NAME> e <NAME>, em 2009, como um [SaaS](https://pt.wikipedia.org/wiki/Software_como_servi%C3%A7o) de armazenamento de JSON online, que teria seu preço estimado por megabyte, para aplicações pré-construídas (easy-to-make) para as empresas.

*fonte: [](https://pt.wikipedia.org/wiki/AngularJS)*

E já estamos indo para sua [segunda versão](https://angular.io/)  onde ele foi completamente re-escrito, utilizando das melhores novidades do [ES6](http://es6-features.org/), porém isso é assunto para um módulo futuro, aguarde...

Como vimos anteriormente o Angular é um framework, mas o que isso significa?

> Um framework (ou arcabouço), em desenvolvimento de software, é uma abstração que une códigos comuns entre vários projetos de software provendo uma funcionalidade genérica. Um framework pode atingir uma funcionalidade específica, por configuração, durante a programação de uma aplicação. Ao contrário das bibliotecas, é o framework quem dita o fluxo de controle da aplicação, chamado de Inversão de Controle.

*fonte: [https://pt.wikipedia.org/wiki/Framework](https://pt.wikipedia.org/wiki/Framework)*

![](https://github.com/Webschool-io/be-mean-instagram/tree/master/Apostila/module-angular1/pt-br/imgs/framework-structure.png)

framework
suporte
numeros sobre uso/devs
arquitetura
modularização
two-way
performance
scope


criar uma var no socpe e mostrar ela sendo imprimida com ng-bind e {{}} e mostrar q dando ero nao mostra com ng-bind mas q geral usa a sgunda pois fica mais explicita na programação e rola concatenação e utras coisas q oo bind nao.


ng-repeat
tr contato in contatos
  td (key, value) in contato

ng-model
angular.copy


roteiro

*usar materializa*

two-way
ng-model
controller
*nunca ler dados, apenas escrever
ng-repeat
cadastra um novo
ng-click
ng-disable
ng-filter
ng-sort
ng-options
  as, for, group by
ng-class

crud

delete: usar .filter mas tb moostrar splice<commit_msg>Angular vaiiii<commit_after># Angular

![](./imgs/angularjs-logo.png)

O Angular é um framework JavaScript, criado pelo Google, no estilo MVC/MVVW e usa o conceito de SPA (Single Page Application). No SPA, apenas uma parte da *view* muda e a outra permanece fixa. Isso traz melhoras na experiência do usuário e diminuição no tráfego de dados por não precisar renderizar tudo toda vez.

Ele foi desenvolvido por <NAME> e <NAME>, em 2009, como um [SaaS](https://pt.wikipedia.org/wiki/Software_como_servi%C3%A7o) de armazenamento de JSON online, que teria seu preço estimado por megabyte, para aplicações pré-construídas (easy-to-make) para as empresas.

*fonte: [](https://pt.wikipedia.org/wiki/AngularJS)*

E já estamos indo para sua [segunda versão](https://angular.io/)  onde ele foi completamente re-escrito, utilizando das melhores novidades do [ES6](http://es6-features.org/), porém isso é assunto para um módulo futuro, aguarde...

Como vimos anteriormente o Angular é um framework, mas o que isso significa?

> Um framework (ou arcabouço), em desenvolvimento de software, é uma abstração que une códigos comuns entre vários projetos de software provendo uma funcionalidade genérica. Um framework pode atingir uma funcionalidade específica, por configuração, durante a programação de uma aplicação. Ao contrário das bibliotecas, é o framework quem dita o fluxo de controle da aplicação, chamado de Inversão de Controle.

*fonte: [https://pt.wikipedia.org/wiki/Framework](https://pt.wikipedia.org/wiki/Framework)*

![](./imgs/framework-structure.png)

framework
suporte
numeros sobre uso/devs
arquitetura
modularização
two-way
performance
scope


criar uma var no socpe e mostrar ela sendo imprimida com ng-bind e {{}} e mostrar q dando ero nao mostra com ng-bind mas q geral usa a sgunda pois fica mais explicita na programação e rola concatenação e utras coisas q oo bind nao.


ng-repeat
tr contato in contatos
  td (key, value) in contato

ng-model
angular.copy


roteiro

*usar materializa*

two-way
ng-model
controller
*nunca ler dados, apenas escrever
ng-repeat
cadastra um novo
ng-click
ng-disable
ng-filter
ng-sort
ng-options
  as, for, group by
ng-class

crud

delete: usar .filter mas tb moostrar splice
{'fraction_non_alphanumeric': 0.07762075511495466, 'fraction_numerical': 0.0037966673697532164, 'mean_word_length': 4.023305084745763, 'pattern_counts': {'":': 0, '<': 7, '<?xml version=': 0, '>': 9, 'https://': 12, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2875538', 'n_tokens_mistral': 1710, 'n_tokens_neox': 1591, 'n_words': 584}