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
64
Ferramentas para CTO`s
cirdes
0
59
Estratégias para tunar sua aplicação rails
cirdes
1
68
Aumentando O Poder Do Seu HTML Com AngularJS
cirdes
0
88
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
40
Other Decks in Technology
See All in Technology
だいたい分かった気になる 『SREの知識地図』 / introduction-to-sre-knowledge-map-book
katsuhisa91
PRO
0
560
AWS UG Grantでグローバル20名に選出されてre:Inventに行く話と、マルチクラウドセキュリティの教科書を執筆した話 / The Story of Being Selected for the AWS UG Grant to Attending re:Invent, and Writing a Multi-Cloud Security Textbook
yuj1osm
1
110
フレームワークを意識させないワークショップづくり
keigosuda
0
230
Claude Codeを駆使した初めてのiOSアプリ開発 ~ゼロから3週間でグローバルハッカソンで入賞するまで~
oikon48
10
5.2k
ソースを読むプロセスの例
sat
PRO
15
9.6k
「REALITY」3Dアバターシステムの7年分の拡張の歴史について
gree_tech
PRO
0
110
Wasmの気になる最新情報
askua
0
180
Click A, Buy B: Rethinking Conversion Attribution in ECommerce Recommendations
lycorptech_jp
PRO
0
120
サイバーエージェント流クラウドコスト削減施策「みんなで金塊堀太郎」
kurochan
4
2.2k
Claude Code Subagents 再入門 ~cc-sddの実装で学んだこと~
gotalab555
10
17k
もう外には出ない。より快適なフルリモート環境を目指して
mottyzzz
7
3.2k
研究開発部メンバーの働き⽅ / Sansan R&D Profile
sansan33
PRO
3
20k
Featured
See All Featured
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
1.7k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Intergalactic Javascript Robots from Outer Space
tanoku
273
27k
How GitHub (no longer) Works
holman
315
140k
Context Engineering - Making Every Token Count
addyosmani
7
280
Embracing the Ebb and Flow
colly
88
4.9k
GraphQLの誤解/rethinking-graphql
sonatard
73
11k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.1k
Into the Great Unknown - MozCon
thekraken
40
2.1k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.5k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
9.7k
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