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
23
IoT: Node.js e Arduino
vitornogueira
0
67
MEAN: JavaScript do navegador ao servidor
vitornogueira
3
66
IoT: Arduino e Node.js
vitornogueira
2
190
Priceapp
vitornogueira
0
65
Other Decks in Technology
See All in Technology
データエンジニアリング領域におけるDuckDBのユースケース
chanyou0311
9
2.6k
遷移の高速化 ヤフートップの試行錯誤
narirou
6
2k
Ruby on Railsで持続可能な開発を行うために取り組んでいること
am1157154
3
170
あなたが人生で成功するための5つの普遍的法則 #jawsug #jawsdays2025 / 20250301 HEROZ
yoshidashingo
2
400
Exadata Database Service on Cloud@Customer セキュリティ、ネットワーク、および管理について
oracle4engineer
PRO
2
1.6k
AIエージェント元年@日本生成AIユーザ会
shukob
1
260
Qiita Organizationを導入したら、アウトプッターが爆増して会社がちょっと有名になった件
minorun365
PRO
1
350
LayerXにおけるAI活用事例とその裏側(2025年2月) バクラクの目指す “業務の自動運転” の例 / layerx-ai-deim2025
yuya4
4
850
DevinでAI AWSエンジニア製造計画 序章 〜CDKを添えて〜/devin-load-to-aws-engineer
tomoki10
0
220
Pwned Labsのすゝめ
ken5scal
2
570
Oracle Database Technology Night #87-1 : Exadata Database Service on Exascale Infrastructure(ExaDB-XS)サービス詳細
oracle4engineer
PRO
1
220
User Story Mapping + Inclusive Team
kawaguti
PRO
3
490
Featured
See All Featured
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
40
2k
Docker and Python
trallard
44
3.3k
A Tale of Four Properties
chriscoyier
158
23k
Become a Pro
speakerdeck
PRO
26
5.2k
A Modern Web Designer's Workflow
chriscoyier
693
190k
How to Think Like a Performance Engineer
csswizardry
22
1.4k
Rebuilding a faster, lazier Slack
samanthasiow
80
8.9k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
11
540
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3k
GraphQLとの向き合い方2022年版
quramy
44
14k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
21
2.5k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
11
1.3k
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