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
170
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
27
IoT: Node.js e Arduino
vitornogueira
0
73
MEAN: JavaScript do navegador ao servidor
vitornogueira
3
71
IoT: Arduino e Node.js
vitornogueira
2
190
Priceapp
vitornogueira
0
69
Other Decks in Technology
See All in Technology
Why React!?? Next.jsそしてReactを改めてイチから選ぶ
ypresto
10
4.2k
AIが書いたコードをAIが検証する!自律的なモバイルアプリ開発の実現
henteko
1
300
Windows で省エネ
murachiakira
0
150
pprof vs runtime/trace (FlightRecorder)
task4233
0
150
成長自己責任時代のあるきかた/How to navigate the era of personal responsibility for growth
kwappa
3
230
GC25 Recap+: Advancing Go Garbage Collection with Green Tea
logica0419
1
350
ZOZOのAI活用実践〜社内基盤からサービス応用まで〜
zozotech
PRO
0
140
コンテキストエンジニアリングとは? 考え方と応用方法
findy_eventslides
4
870
「Verify with Wallet API」を アプリに導入するために
hinakko
1
210
Flaky Testへの現実解をGoのプロポーザルから考える | Go Conference 2025
upamune
1
390
生成AIで「お客様の声」を ストーリーに変える 新潮流「Generative ETL」
ishikawa_satoru
1
280
Green Tea Garbage Collector の今
zchee
PRO
2
380
Featured
See All Featured
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
140
34k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.5k
Why You Should Never Use an ORM
jnunemaker
PRO
59
9.5k
How STYLIGHT went responsive
nonsquared
100
5.8k
Why Our Code Smells
bkeepers
PRO
339
57k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Music & Morning Musume
bryan
46
6.8k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.7k
Navigating Team Friction
lara
189
15k
Facilitating Awesome Meetings
lara
56
6.6k
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