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
Conhecendo o AngularJS
Search
Daniel Cavalcante
December 23, 2015
Programming
1
85
Conhecendo o AngularJS
Slide da palestra ministrada na Mostra Asper no dia 28 de outubro de 2015.
Daniel Cavalcante
December 23, 2015
Tweet
Share
More Decks by Daniel Cavalcante
See All by Daniel Cavalcante
Arquiteturas modulares com Node.JS
danielcdesouza
1
58
React Native e GraphQL na construção de mobile apps
danielcdesouza
0
41
Nest Framework
danielcdesouza
0
100
"Go" da Alemanha! Sete passos para começar a desenvolver em Go
danielcdesouza
0
75
Novidades do Ruby on Rails 5
danielcdesouza
0
58
Minerando jóias: como extrair o melhor do Ruby
danielcdesouza
0
54
Nos trilhos do Ruby
danielcdesouza
0
55
Começando com Ruby on Rails
danielcdesouza
0
95
Apresentação sobre Framework VRaptor
danielcdesouza
0
130
Other Decks in Programming
See All in Programming
明示と暗黙 ー PHPとGoの インターフェイスの違いを知る
shimabox
2
370
Rubyでやりたい駆動開発 / Ruby driven development
chobishiba
1
460
deno-redisの紹介とJSRパッケージの運用について (toranoana.deno #21)
uki00a
0
150
Benchmark
sysong
0
270
プロダクト志向なエンジニアがもう一歩先の価値を目指すために意識したこと
nealle
0
110
Modern Angular with Signals and Signal Store:New Rules for Your Architecture @enterJS Advanced Angular Day 2025
manfredsteyer
PRO
0
130
What Spring Developers Should Know About Jakarta EE
ivargrimstad
0
280
ニーリーにおけるプロダクトエンジニア
nealle
0
580
Beyond Portability: Live Migration for Evolving WebAssembly Workloads
chikuwait
0
390
iOSアプリ開発で 関数型プログラミングを実現する The Composable Architectureの紹介
yimajo
2
220
プロダクト志向ってなんなんだろうね
righttouch
PRO
0
160
Bytecode Manipulation 으로 생산성 높이기
bigstark
2
380
Featured
See All Featured
Rebuilding a faster, lazier Slack
samanthasiow
82
9.1k
A better future with KSS
kneath
239
17k
A Modern Web Designer's Workflow
chriscoyier
694
190k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.5k
The Language of Interfaces
destraynor
158
25k
The Cult of Friendly URLs
andyhume
79
6.5k
Scaling GitHub
holman
459
140k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.1k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
Optimizing for Happiness
mojombo
379
70k
Rails Girls Zürich Keynote
gr2m
94
14k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Transcript
Conhecendo o AngularJS
Insanidade é continuar fazendo sempre a mesma coisa e esperar
resultados diferentes. Albert Einstein
Daniel Cavalcante
None
SchoolDev
None
O que é?
Framework Mantido pelo Google
MVC
Porque usar?
Funciona como uma extensão ao documento HTML.
Single Page Application
Single Page Application
Two-way Data Bind
index.html <!DOCTYPE html> <html ng-app> <head> <title>Hello World</title> <script src="https://ajax.googleapis.com/ajax/libs/
angularjs/1.4.7/angular.min.js"> </script> </head> <body> Hello <input type="text" ng-model="yourName"> <h1>Hello {{yourName}}</h1> </body> </html>
<!DOCTYPE html> <html ng-app> <head> <title>Hello World</title> <script src="https://ajax.googleapis.com/ajax/libs/ angularjs/1.4.7/angular.min.js">
</script> </head> <body> Hello <input type="text" ng-model="yourName"> <h1>Hello {{yourName}}</h1> </body> </html> index.html Fronteira da aplicação
<!DOCTYPE html> <html ng-app> <head> <title>Hello World</title> <script src="https://ajax.googleapis.com/ajax/libs/ angularjs/1.4.7/angular.min.js">
</script> </head> <body> Hello <input type="text" ng-model="yourName"> <h1>Hello {{yourName}}</h1> </body> </html> index.html Fronteira da aplicação Model
<!DOCTYPE html> <html ng-app> <head> <title>Hello World</title> <script src="https://ajax.googleapis.com/ajax/libs/ angularjs/1.4.7/angular.min.js">
</script> </head> <body> Hello <input type="text" ng-model="yourName"> <h1>Hello {{yourName}}</h1> </body> </html> index.html Fronteira da aplicação Model Template
Two-way Data Binding
Directives
Diretivas permitem estender o HTML para criar componentes customizados.
Controllers
Como configurar?
Site oficial
index.html <!DOCTYPE html> <html ng-app> <head> <script src="https://ajax.googleapis.com/ajax/libs/ angularjs/1.4.7/angular.min.js"> </script>
</head> </html>
Por onde começar?
Documentação
Code School
Obrigado! @danielcdesouza