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

Getting Started with Angular.JS

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
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
65
Ferramentas para CTO`s
Avatar for Cirdes cirdes
0
61
Estratégias para tunar sua aplicação rails
Avatar for Cirdes cirdes
1
68
Aumentando O Poder Do Seu HTML Com AngularJS
Avatar for Cirdes cirdes
0
91
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
43

Other Decks in Technology

See All in Technology
データの整合性を保ちたいだけなんだ
Avatar for ShoheiMitani shoheimitani
8
3k
日本の85%が使う公共SaaSは、どう育ったのか
Avatar for たけだ taketakekaho
1
140
Tebiki Engineering Team Deck
Avatar for Tebiki, Inc. tebiki
0
24k
入社1ヶ月でデータパイプライン講座を作った話
Avatar for Yuta Ozaki waiwai2111
1
250
あたらしい上流工程の形。 0日導入からはじめるAI駆動PM
Avatar for 熊井悠 kumaiu
5
760
All About Sansan – for New Global Engineers
Avatar for Sansan, Inc. sansan33
PRO
1
1.3k
Introduction to Sansan, inc / Sansan Global Development Center, Inc.
Avatar for Sansan, Inc. sansan33
PRO
0
3k
Stately
Avatar for mu7889yoon / Yuta Nakamura mu7889yoon
1
110
プロダクト成長を支える開発基盤とスケールに伴う課題
Avatar for yuu26 yuu26
4
1.3k
Webhook best practices for rock solid and resilient deployments
Avatar for Guillaume Laforge glaforge
1
270
SREのプラクティスを用いた3領域同時 マネジメントへの挑戦 〜SRE・情シス・セキュリティを統合した チーム運営術〜
Avatar for coconala_engineer coconala_engineer
2
610
学生・新卒・ジュニアから目指すSRE
Avatar for Hiroya Onoe hiroyaonoe
2
570

Featured

See All Featured
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
49
9.8k
HDC tutorial
Avatar for Michiel Stock michielstock
1
360
Tips & Tricks on How to Get Your First Job In Tech
Avatar for Honza Javorek honzajavorek
0
430
What the history of the web can teach us about the future of AI
Avatar for Ines Montani inesmontani
PRO
1
430
Joys of Absence: A Defence of Solitary Play
Avatar for Sebastian Deterding codingconduct
1
290
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
37
6.3k
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
9
1.6k
SEO Brein meetup: CTRL+C is not how to scale international SEO
Avatar for Linda Hogenes lindahogenes
0
2.3k
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
17k
How Fast Is Fast Enough? [PerfNow 2025]
Avatar for Tammy Everts tammyeverts
3
450
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.6k
Information Architects: The Missing Link in Design Systems
Avatar for Michelle Chin soysaucechin
0
770

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