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
38
Other Decks in Technology
See All in Technology
Zero Data Loss Autonomous Recovery Service サービス概要
oracle4engineer
PRO
2
7.7k
敢えて生成AIを使わないマネジメント業務
kzkmaeda
2
430
LangChain Interrupt & LangChain Ambassadors meetingレポート
os1ma
2
310
開発生産性を組織全体の「生産性」へ! 部門間連携の壁を越える実践的ステップ
sudo5in5k
2
6.9k
生まれ変わった AWS Security Hub (Preview) を紹介 #reInforce_osaka / reInforce New Security Hub
masahirokawahara
0
470
開発生産性を測る前にやるべきこと - 組織改善の実践 / Before Measuring Dev Productivity
kaonavi
9
4k
How Do I Contact HP Printer Support? [Full 2025 Guide for U.S. Businesses]
harrry1211
0
110
20250705 Headlamp: 專注可擴展性的 Kubernetes 用戶界面
pichuang
0
260
赤煉瓦倉庫勉強会「Databricksを選んだ理由と、絶賛真っ只中のデータ基盤移行体験記」
ivry_presentationmaterials
2
360
Lufthansa ®️ USA Contact Numbers: Complete 2025 Support Guide
lufthanahelpsupport
0
180
NewSQLや分散データベースを支えるRaftの仕組み - 仕組みを理解して知る得意不得意
hacomono
PRO
1
100
B2C&B2B&社内向けサービスを抱える開発組織におけるサービス価値を最大化するイニシアチブ管理
belongadmin
1
6.8k
Featured
See All Featured
What's in a price? How to price your products and services
michaelherold
246
12k
It's Worth the Effort
3n
185
28k
Making the Leap to Tech Lead
cromwellryan
134
9.4k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
20
1.3k
Optimizing for Happiness
mojombo
379
70k
Scaling GitHub
holman
460
140k
A Tale of Four Properties
chriscoyier
160
23k
Balancing Empowerment & Direction
lara
1
430
The Art of Programming - Codeland 2020
erikaheidi
54
13k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
690
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
Side Projects
sachag
455
42k
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