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
Getting Started with Angular.JS
Search
Cirdes
August 14, 2013
Technology
2
470
Getting Started with Angular.JS
Apresentação sobre angular no 2nd Open Meeting do Pernambuco.JS
Cirdes
August 14, 2013
Tweet
Share
More Decks by Cirdes
See All by Cirdes
Testando aplicações Rails com Playwright
cirdes
0
61
Ferramentas para CTO`s
cirdes
0
57
Estratégias para tunar sua aplicação rails
cirdes
1
67
Aumentando O Poder Do Seu HTML Com AngularJS
cirdes
0
86
Como desenvolver um produto escalável com uma linguagem: Nova, lente e insegura
cirdes
0
170
Boas práticas usando RSpec
cirdes
0
290
Como construir uma Aplicação que consuma e produza updates no Twitter usando Python.
cirdes
0
37
Other Decks in Technology
See All in Technology
AWS テクニカルサポートとエンドカスタマーの中間地点から見えるより良いサポートの活用方法
kazzpapa3
2
600
KubeCon + CloudNativeCon Japan 2025 Recap by CA
ponkio_o
PRO
0
240
強化されたAmazon Location Serviceによる新機能と開発者体験
dayjournal
3
250
Tech-Verse 2025 Global CTO Session
lycorptech_jp
PRO
0
1.1k
KubeCon + CloudNativeCon Japan 2025 に行ってきた! & containerd の新機能紹介
honahuku
0
120
生成AI活用の組織格差を解消する 〜ビジネス職のCursor導入が開発効率に与えた好循環〜 / Closing the Organizational Gap in AI Adoption
upamune
5
4.5k
Core Audio tapを使ったリアルタイム音声処理のお話
yuta0306
0
150
Github Copilot エージェントモードで試してみた
ochtum
0
130
Zephyr RTOSを使った開発コンペに参加した件
iotengineer22
0
130
AWS Summit Japan 2025 Community Stage - App workflow automation by AWS Step Functions
matsuihidetoshi
1
310
CI/CD/IaC 久々に0から環境を作ったらこうなりました
kaz29
1
200
高速なプロダクト開発を実現、創業期から掲げるエンタープライズアーキテクチャ
kawauso
1
160
Featured
See All Featured
Visualization
eitanlees
146
16k
Agile that works and the tools we love
rasmusluckow
329
21k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
Become a Pro
speakerdeck
PRO
28
5.4k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.9k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
Navigating Team Friction
lara
187
15k
Unsuck your backbone
ammeep
671
58k
GraphQLとの向き合い方2022年版
quramy
49
14k
Building a Modern Day E-commerce SEO Strategy
aleyda
42
7.4k
How to Think Like a Performance Engineer
csswizardry
24
1.7k
The Cult of Friendly URLs
andyhume
79
6.5k
Transcript
Superheroic JavaScript MVW Framework Wednesday, August 14, 13
Cirdes Henrique Bacharel em Engenharia da Computação pelo CIn/UFPE Wednesday,
August 14, 13
29
BAGUNÇA.JS JAVASCRIPT
Design Stamina Hypothesis Wednesday, August 14, 13
Ramon Victor Especialista em Design da Informação pela UFPE Wednesday,
August 14, 13
@RAMONVICTOR 2008 2013 OGILVY PARTEC JOY MARISTA UFPE DIVE
Motivações Budstime: uma rede social de eventos ! Tudo no
$(document).ready(); MV* era um requisito Frustração com Backbone.js Wednesday, August 14, 13
Wednesday, August 14, 13
Frameworks vs Libraries Wednesday, August 14, 13
Início GOOGLE
Início MISKO
Google Trends Wednesday, August 14, 13
Conceitos Client-Side templates MVC DATA
Client-Side templates TEMPLATE
Conceitos CLIENT-SIDE
MVC 1970
Conceitos CLIENT-SIDE
Data Binding PROPRIEDADES
Conceitos CLIENT-SIDE
Dependency Injection LAW
Conceitos CLIENT-SIDE
Directives ng-app ng-controller ng-submit ng-repeat ng-view ng-model ng-change ng-hide ng-click
Wednesday, August 14, 13
Directives Built-in Wednesday, August 14, 13
Directives Built-in Wednesday, August 14, 13
Directives Built-in Wednesday, August 14, 13
Directives • E - Element name: <comment-box></comment-box> • A -
Attribute: <div comment-box="exp"> </div> • C - Class: <div class="comment-box: exp;"></div> • M - Comment: <!-- directive: comment-box exp --> Restrict: Built-in Wednesday, August 14, 13
jQuery to Angular jQuery index.html clientes.html empresa.html busca.html main.js $(document).ready();
Wednesday, August 14, 13
jQuery to Angular AngularJS view.html my-controller.js my-directives.js my-services.js Wednesday, August
14, 13
jQuery to Angular Ex.: dropdown menu No AngularJS a view
passa a ser o "registro oficial" dos comportamentos Wednesday, August 14, 13
Services $http $timeout $location $locale $route +
Testes automatizados KARMA JASMINE MOCHA QUNIT Wednesday, August 14, 13
Karma DEVE
Teste unitário EXEMPLO Wednesday, August 14, 13
POR ONDE Legal,
DOCUMENTACAO OFICIAL LIVROS VIDEO