Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Getting Started with Angular.JS

Avatar for Cirdes Cirdes
August 14, 2013
Technology
2
480

Getting Started with Angular.JS

Apresentação sobre angular no 2nd Open Meeting do Pernambuco.JS

Avatar for Cirdes

Cirdes

August 14, 2013
Tweet

More Decks by Cirdes

See All by Cirdes
Testando aplicações Rails com Playwright
Avatar for Cirdes cirdes
0
61
Ferramentas para CTO`s
Avatar for Cirdes cirdes
0
58
Estratégias para tunar sua aplicação rails
Avatar for Cirdes cirdes
1
67
Aumentando O Poder Do Seu HTML Com AngularJS
Avatar for Cirdes cirdes
0
86
Como desenvolver um produto escalável com uma linguagem: Nova, lente e insegura
Avatar for Cirdes cirdes
0
170
Boas práticas usando RSpec
Avatar for Cirdes cirdes
0
290
Como construir uma Aplicação que consuma e produza updates no Twitter usando Python.
Avatar for Cirdes cirdes
0
39

Other Decks in Technology

See All in Technology
DevIO2025_継続的なサービス開発のための技術的意思決定のポイント / how-to-tech-decision-makaing-devio2025
Avatar for Logy nologyance
1
430
複数サービスを支える マルチテナント型 Batch MLプラットフォーム
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
1
730
初めてAWSを使うときのセキュリティ覚書〜初心者支部編〜
Avatar for cm-usuda-keisuke cmusudakeisuke
1
270
ハードウェアとソフトウェアをつなぐ全てを内製している企業の E2E テストの作り方 / How to create E2E tests for a company that builds everything connecting hardware and software in-house
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
1
150
Evolución del razonamiento matemático de GPT-4.1 a GPT-5 - Data Aventura Summit 2025 & VSCode DevDays
Avatar for Lautaro Carro lauchacarro
0
210
機械学習を扱うプラットフォーム開発と運用事例
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
500
新規プロダクトでプロトタイプから正式リリースまでNext.jsで開発したリアル
Avatar for かわりく / Kawano Riku kawanoriku0
1
160
Aurora DSQLはサーバーレスアーキテクチャの常識を変えるのか
Avatar for TomoyaIwata iwatatomoya
1
1.1k
普通のチームがスクラムを会得するたった一つの冴えたやり方 / the best way to scrum
Avatar for 岡本卓也 okamototakuyasr2
0
100
Webアプリケーションにオブザーバビリティを実装するRust入門ガイド
Avatar for nwiizo nwiizo
7
860
サラリーマンの小遣いで作るtoCサービス - Cloudflare Workersでスケールする開発戦略
Avatar for shinaps shinaps
2
460
フルカイテン株式会社 エンジニア向け採用資料
Avatar for FULL KAITEN fullkaiten
0
8.8k

Featured

See All Featured
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
462
33k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
303
21k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
207
24k
Code Review Best Practice
Avatar for Trisha Gee trishagee
70
19k
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
37
2.9k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
173
14k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
36
6.9k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
160
23k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
236
140k
Gamification - CAS2011
Avatar for David Bonilla davidbonilla
81
5.4k

Transcript

  1. Superheroic JavaScript MVW Framework Wednesday, August 14, 13

  2. Cirdes Henrique Bacharel em Engenharia da Computação pelo CIn/UFPE Wednesday,

    August 14, 13

  3. 29

  4. BAGUNÇA.JS JAVASCRIPT

  5. Design Stamina Hypothesis Wednesday, August 14, 13

  6. Ramon Victor Especialista em Design da Informação pela UFPE Wednesday,

    August 14, 13

  7. @RAMONVICTOR 2008 2013 OGILVY PARTEC JOY MARISTA UFPE DIVE

  8. 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

  9. Wednesday, August 14, 13

  10. Frameworks vs Libraries Wednesday, August 14, 13

  11. Início GOOGLE

  12. Início MISKO

  13. Google Trends Wednesday, August 14, 13

  14. Conceitos Client-Side templates MVC DATA

  15. Client-Side templates TEMPLATE

  16. Conceitos CLIENT-SIDE

  17. MVC 1970

  18. Conceitos CLIENT-SIDE

  19. Data Binding PROPRIEDADES

  20. Conceitos CLIENT-SIDE

  21. Dependency Injection LAW

  22. Conceitos CLIENT-SIDE

  23. Directives ng-app ng-controller ng-submit ng-repeat ng-view ng-model ng-change ng-hide ng-click

    Wednesday, August 14, 13

  24. Directives Built-in Wednesday, August 14, 13

  25. Directives Built-in Wednesday, August 14, 13

  26. Directives Built-in Wednesday, August 14, 13

  27. 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

  28. jQuery to Angular jQuery index.html clientes.html empresa.html busca.html main.js $(document).ready();

    Wednesday, August 14, 13

  29. jQuery to Angular AngularJS view.html my-controller.js my-directives.js my-services.js Wednesday, August

    14, 13

  30. jQuery to Angular Ex.: dropdown menu No AngularJS a view

    passa a ser o "registro oficial" dos comportamentos Wednesday, August 14, 13

  31. Services $http $timeout $location $locale $route +

  32. Testes automatizados KARMA JASMINE MOCHA QUNIT Wednesday, August 14, 13

  33. Karma DEVE

  34. Teste unitário EXEMPLO Wednesday, August 14, 13

  35. POR ONDE Legal,

  36. DOCUMENTACAO OFICIAL LIVROS VIDEO