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
58
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
38
Other Decks in Technology
See All in Technology
LangSmith×Webhook連携で実現するプロンプトドリブンCI/CD
sergicalsix
1
230
成長し続けるアプリのためのテストと設計の関係、そして意思決定の記録。
sansantech
PRO
0
120
B2C&B2B&社内向けサービスを抱える開発組織におけるサービス価値を最大化するイニシアチブ管理
belongadmin
1
6.8k
生まれ変わった AWS Security Hub (Preview) を紹介 #reInforce_osaka / reInforce New Security Hub
masahirokawahara
0
470
Zephyr RTOSを使った開発コンペに参加した件
iotengineer22
1
220
Glacierだからってコストあきらめてない? / JAWS Meet Glacier Cost
taishin
1
160
CRE Camp #1 エンジニアリングを民主化するCREチームでありたい話
mntsq
1
120
「クラウドコスト絶対削減」を支える技術—FinOpsを超えた徹底的なクラウドコスト削減の実践論
delta_tech
4
170
ゼロからはじめる採用広報
yutadayo
3
910
ネットワーク保護はどう変わるのか?re:Inforce 2025最新アップデート解説
tokushun
0
200
20250707-AI活用の個人差を埋めるチームづくり
shnjtk
4
3.8k
タイミーのデータモデリング事例と今後のチャレンジ
ttccddtoki
6
2.4k
Featured
See All Featured
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
6
300
[RailsConf 2023] Rails as a piece of cake
palkan
55
5.7k
A Tale of Four Properties
chriscoyier
160
23k
Facilitating Awesome Meetings
lara
54
6.4k
A Modern Web Designer's Workflow
chriscoyier
695
190k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
820
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.7k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Into the Great Unknown - MozCon
thekraken
40
1.9k
Building an army of robots
kneath
306
45k
RailsConf 2023
tenderlove
30
1.1k
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