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
480
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
39
Other Decks in Technology
See All in Technology
Why React!?? Next.jsそしてReactを改めてイチから選ぶ
ypresto
10
4.5k
Shirankedo NOCで見えてきたeduroam/OpenRoaming運用ノウハウと課題 - BAKUCHIKU BANBAN #2
marokiki
0
160
PLaMoの事後学習を支える技術 / PFN LLMセミナー
pfn
PRO
9
3.9k
多様な事業ドメインのクリエイターへ 価値を届けるための営みについて
massyuu
1
440
生成AI_その前_に_マルチクラウド時代の信頼できるデータを支えるSnowflakeメタデータ活用術.pdf
cm_mikami
0
120
業務自動化プラットフォーム Google Agentspace に入門してみる #devio2025
maroon1st
0
200
From Prompt to Product @ How to Web 2025, Bucharest, Romania
janwerner
0
120
Adapty_東京AI祭ハッカソン2025ピッチスライド
shinoyamada
0
110
OpenAI gpt-oss ファインチューニング入門
kmotohas
2
1.1k
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
11
78k
いまさら聞けない ABテスト入門
skmr2348
1
220
社内報はAIにやらせよう / Let AI handle the company newsletter
saka2jp
7
1.1k
Featured
See All Featured
Making the Leap to Tech Lead
cromwellryan
135
9.6k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
BBQ
matthewcrist
89
9.8k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
The Cost Of JavaScript in 2023
addyosmani
53
9k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3.1k
How STYLIGHT went responsive
nonsquared
100
5.8k
GraphQLの誤解/rethinking-graphql
sonatard
73
11k
Speed Design
sergeychernyshev
32
1.1k
A Modern Web Designer's Workflow
chriscoyier
697
190k
The World Runs on Bad Software
bkeepers
PRO
71
11k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
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