Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
AngularJS
Search
Vítor Nogueira
September 13, 2014
Technology
3
160
AngularJS
Talk sobre AngularJS
Vítor Nogueira
September 13, 2014
Tweet
Share
More Decks by Vítor Nogueira
See All by Vítor Nogueira
Continuous Delivery
vitornogueira
0
24
IoT: Node.js e Arduino
vitornogueira
0
70
MEAN: JavaScript do navegador ao servidor
vitornogueira
3
68
IoT: Arduino e Node.js
vitornogueira
2
190
Priceapp
vitornogueira
0
66
Other Decks in Technology
See All in Technology
Introduction to Sansan, inc / Sansan Global Development Center, Inc.
sansan33
PRO
0
2.6k
技術書典18結果報告
mutsumix
2
180
GigaViewerにおけるMackerel APM導入の裏側
7474
0
460
SmartHRの複数のチームにおけるMCPサーバーの活用事例と課題
yukisnow1823
2
1.2k
從開發到架構設計的可觀測性實踐
philipz
0
120
データ戦略部門 紹介資料
sansan33
PRO
1
3.1k
AIとSREの未来 / AI and SRE
ymotongpoo
2
1.3k
セキュリティSaaS企業が実践するCursor運用ルールと知見 / How a Security SaaS Company Runs Cursor: Rules & Insights
tetsuzawa
0
460
“⾞が通れるほど⼤きな”セキュリティーホールを抑えながらログインしたい
taiseiue
0
160
Swiftは最高だよの話
yuukiw00w
2
290
積み上げられた技術資産と向き合いながら、プロダクトの信頼性をどう守るか
plaidtech
PRO
0
940
Data Hubグループ 紹介資料
sansan33
PRO
0
1.7k
Featured
See All Featured
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.3k
Embracing the Ebb and Flow
colly
85
4.7k
Facilitating Awesome Meetings
lara
54
6.4k
Scaling GitHub
holman
459
140k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
Being A Developer After 40
akosma
91
590k
KATA
mclloyd
29
14k
Docker and Python
trallard
44
3.4k
A Modern Web Designer's Workflow
chriscoyier
693
190k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
GraphQLとの向き合い方2022年版
quramy
46
14k
Fontdeck: Realign not Redesign
paulrobertlloyd
84
5.5k
Transcript
#angularjs
Vitor Nogueira Desenvolvedor Front-end - Jaws Digital FATEC Itapetininga SENAC
Itapetininga
- Framework JavaScript para criação de Web Apps - Criado
em 2010 - Hoje é mantido pelo Google O que é?
Two Way Data Binding
- É o processo que estabelece uma conexão entre a
interface da aplicação e o lógica de negócio ¹ https://gist.github.com/diegoeis/1033b3f7a91cb8a337d8 [1] Data Binding
- Vínculo entre dois componentes da sua aplicação - Ao
alterar o valor de um componente, este valor é automaticamente alterado no outro Two Way Data Binding
None
None
bit.ly/angularjs-1 bit.ly/angularjs-2
Module
- Local onde são “adicionadas” as diferentes partes do seu
aplicativo: Controllers, Services, Filters, Directives Module
bit.ly/angularjs-3 bit.ly/angularjs-4
Controller
- No Angular um controller é uma função JavaScript onde
se manipula o escopo ($scope) Controller
Não use um Controller para: - Manipular o DOM -
Controlar entradas (ex.: validação de formulários) - Filtrar saídas Controller
bit.ly/angularjs-2
Directives
- Estendem o codigo HTML, atribuindo funcionalidades aos componentes ¹
- Diretivas são o lugar onde você irá manipular o DOM na sua aplicação ² http://tableless.com.br/diretivas-angularjs-abas/ [1] http://pedronauck.com/angularjs/sobre-diretivas-e-como-usar- corretamente-plugins-jquery-com-angularjs [2] Directives
- Permite a criação de componentes reutilizáveis Directives
bit.ly/angularjs-5
Services
- Função ou objeto utilizado para compartilhar dados ou comportamentos
entre controllers, filters, directives e outros serviços ¹ Services http://lostechies.com/gabrielschenker/2014/02/26/angular-jspart-13-services [1]
- O Angular tem diferentes tipos de serviços ² Services
http://pedronauck.com/angularjs/entendendo-os-tipos-de-servico-do-angularjs [2]
bit.ly/angularjs-4
Filters
- Usados para formatação dos dados exibidos para o usuário
Filters
bit.ly/angularjs-6
- Backbone JS - Ember JS - Knockout JS -
Can JS http://blog.codeschool.com/post/85819292538/angular-backbone-or-ember-which-is- best-for-your http://sporto.github.io/blog/2013/04/12/comparison-angular-backbone-can-ember/ Alternativas
https://github.com/angular/angular.js/wiki/Projects-using-AngularJS https://builtwith.angularjs.org/ https://play.google.com/store/apps/details?id=com.clickbus.mobile http://ionicframework.com/ Cases
- CRUD - Google Maps App Exemplos
http://campus.codeschool.com/courses/shaping-up-with-angular-js/intro http://www.angularcourse.com/#/ https://www.youtube.com/playlist? list=PLgMNBa0XaIgcD9IGiqvAQxPrUEyW_i87I https://www.facebook.com/groups/angularjsbrasil/ Referências e Materiais
github.com/vitornogueira facebook.com/vitornogueiraa twitter.com/vitornogueiraa