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
Why React!?? Next.jsそしてReactを改めてイチから選ぶ
Avatar for ypresto ypresto
10
4.5k
Shirankedo NOCで見えてきたeduroam/OpenRoaming運用ノウハウと課題 - BAKUCHIKU BANBAN #2
Avatar for marokiki marokiki
0
160
PLaMoの事後学習を支える技術 / PFN LLMセミナー
Avatar for Preferred Networks pfn
PRO
9
3.9k
多様な事業ドメインのクリエイターへ 価値を届けるための営みについて
Avatar for massyuu massyuu
1
440
生成AI_その前_に_マルチクラウド時代の信頼できるデータを支えるSnowflakeメタデータ活用術.pdf
Avatar for mikami cm_mikami
0
120
業務自動化プラットフォーム Google Agentspace に入門してみる #devio2025
Avatar for maroon1st maroon1st
0
200
From Prompt to Product @ How to Web 2025, Bucharest, Romania
Avatar for Jan Werner janwerner
0
120
Adapty_東京AI祭ハッカソン2025ピッチスライド
Avatar for shino shinoyamada
0
110
OpenAI gpt-oss ファインチューニング入門
Avatar for kmotohas kmotohas
2
1.1k
Oracle Base Database Service 技術詳細
Avatar for oracle4engineer oracle4engineer
PRO
11
78k
いまさら聞けない ABテスト入門
Avatar for 木村彩恵（skmr2348） skmr2348
1
220
社内報はAIにやらせよう / Let AI handle the company newsletter
Avatar for Jumpei Sakatsu saka2jp
7
1.1k

Featured

See All Featured
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
9.6k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.5k
BBQ
Avatar for Matthew Crist matthewcrist
89
9.8k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
229
22k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
53
9k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
26
3.1k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
5.8k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
73
11k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
32
1.1k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
697
190k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
71
11k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
462
33k

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