wwwmarcos / aula-angularjs

Aula de angularjs ministrada na Unicesumar em 2017

aula-angularjs

Aula de angularjs 1.x

Ferramentas utilizadas

• Angular.js 1.x
• NPM
• bower
• Editor de texto

Introdução

Trata-se de um framework open source, iniciado em 2009 para a construção de single page applications (spa), e atualmente seu maior contribuidor é o google, sua comunidade sempre foi presente ajudando na contrução do projeto.

Atualmente angular possui uma segunda versão, utilizando typescript. Typescript  um superset de javascript, um conjuto de ferramentas para adicionar mais possibilidades a linguagem, uma delas a tipagem.

Principais caracteristicas

• MV*: Mvc trata-se de um padrão para dividir uma aplicação em diferentes partes (model, view e controller), cada uma com suas respectivas responsabilidades, porem o o angular não segue a risca o modelo mvc, mas algo próximo de um (model, view, viewmodel), logo seu time resolveu batizá-lo, de um framework mvw (model view whatever).

• Diretivas: Diretivas são extensões da linguagem html que permitem a implementação de novos comportamentos de forma declarativa, manilupando o DOM.

• Controllers: Objetos javascript responsaveis pelo controle de uma view.

• Modulos: São como container armazenam as partes da nossa aplicação (controllers, services, filters, etc). Isso facilita bastante na reutilização de código.

Parte Prática

• 01 - Hello Word
• 02 - Forms
• 03 - Services
• 04 - Diretivas
• 05 - SPA
• 06 - Testes

Exemplos funcionando em:

https://eptaccio.github.io/aula-angularjs/

Links para estudar:

https://rafaell-lycan.com/2015/angular-services-factories-providers/
https://pt.wikipedia.org/wiki/Singleton
http://airtonvancin.com/blog/angularjs-validacao-de-formulario/
https://github.com/suissa/angularjs-directive-manual
https://github.com/ericdouglas/traduz-ai/blob/master/angularjs/004-mais-magicas-angularjs-para-turbinar-sua-webapp.md
https://medium.com/@eptaccio/coisas-sobre-angularjs-que-eu-ficaria-feliz-em-ter-aprendido-antes-6de1a3174246#.65zgmtbhr
https://blog.codecasts.com.br/single-page-applications-onde-vivem-e-o-que-comem-4fc9a44f3de#.xro79ehf3
https://nandovieira.com.br/entendendo-um-pouco-mais-sobre-o-protocolo-http
https://tableless.com.br/fluxo-de-execucao-assincrono-em-javascript-promises/

Palavras chave para estudo:

SPA
CRUD
http
Promisse
Grunt
Gulp
NPM
Bower