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
490

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
69
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
Data Hubグループ 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
0
2.8k
Sansan Engineering Unit 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
1
4k
Introduction to Sansan for Engineers / エンジニア向け会社紹介
Avatar for Sansan, Inc. sansan33
PRO
6
71k
All About Sansan – for New Global Engineers
Avatar for Sansan, Inc. sansan33
PRO
1
1.4k
primeNumber DATA MANAGEMENT CAMP #2：
Avatar for 阿部 昌利 masatoshi0205
1
640
Introduction to Sansan, inc / Sansan Global Development Center, Inc.
Avatar for Sansan, Inc. sansan33
PRO
0
3k
NW構成図の自動描画は何が難しいのか?/netdevnight3
Avatar for m.hagiwara corestate55
2
520
社内ワークショップで終わらせない 業務改善AIエージェント開発
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
1
430
Snowflakeデータ基盤で挑むAI活用 〜4年間のDataOpsの基礎をもとに〜
Avatar for K.Mitsuhashi kaz3284
1
300
論文検索を日本語でできるアプリを作ってみた
Avatar for sai-lens sailen2
0
150
男（監査）はつらいよ - Policy as CodeからAIエージェントへ
Avatar for Kengo Suzuki ken5scal
5
680
サンタコンペ2025完全攻略 ～お前らの焼きなましは遅すぎる～
Avatar for terry-u16 terryu16
1
550

Featured

See All Featured
Efficient Content Optimization with Google Search Console & Apps Script
Avatar for Katarina Dahlin katarinadahlin
PRO
1
360
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
231
22k
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
Avatar for Sara Fernández Carmona sarafernandez
1
1.3k
Visual Storytelling: How to be a Superhuman Communicator
Avatar for David Neal reverentgeek
2
460
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
330
40k
Impact Scores and Hybrid Strategies: The future of link building
Avatar for Tamara Novitovic tamaranovitovic
0
220
Navigating the moral maze — ethical principles for Al-driven product design
Avatar for Skipper Chong Warson skipperchong
2
270
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
9.7k
Getting science done with accelerated Python computing platforms
Avatar for Jacob Tomlinson jacobtomlinson
2
130
[SF Ruby Conf 2025] Rails X
Avatar for Vladimir Dementyev palkan
2
800
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
432
66k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
141
35k

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