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
42
Nest Framework
danielcdesouza
0
100
"Go" da Alemanha! Sete passos para começar a desenvolver em Go
danielcdesouza
0
76
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
Blazing Fast UI Development with Compose Hot Reload (droidcon New York 2025)
zsmb
1
290
テストから始めるAgentic Coding 〜Claude Codeと共に行うTDD〜 / Agentic Coding starts with testing
rkaga
12
4.5k
#QiitaBash MCPのセキュリティ
ryosukedtomita
1
1.3k
Agentic Coding: The Future of Software Development with Agents
mitsuhiko
0
100
技術同人誌をMCP Serverにしてみた
74th
1
650
AIともっと楽するE2Eテスト
myohei
6
2.6k
ペアプロ × 生成AI 現場での実践と課題について / generative-ai-in-pair-programming
codmoninc
1
18k
“いい感じ“な定量評価を求めて - Four Keysとアウトカムの間の探求 -
nealle
1
10k
ruby.wasmで多人数リアルタイム通信ゲームを作ろう
lnit
3
490
第9回 情シス転職ミートアップ 株式会社IVRy(アイブリー)の紹介
ivry_presentationmaterials
1
320
PHPでWebSocketサーバーを実装しよう2025
kubotak
0
290
効率的な開発手段として VRTを活用する
ishkawa
0
140
Featured
See All Featured
Git: the NoSQL Database
bkeepers
PRO
430
65k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.4k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
281
13k
Become a Pro
speakerdeck
PRO
29
5.4k
Bash Introduction
62gerente
613
210k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
740
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.9k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
5.9k
The Pragmatic Product Professional
lauravandoore
35
6.7k
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