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
470

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
57
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
37

Other Decks in Technology

See All in Technology
Kotlinで学ぶ 代数的データ型
Avatar for Kanon ysknsid25
3
420
Nonaka Sensei
Avatar for Yasunobu Kawaguchi kawaguti
PRO
2
350
Kubernetesで作るAIプラットフォーム
Avatar for oracle4engineer oracle4engineer
PRO
2
180
これならできる！Kotlin・Spring・DDDを活用したAll in oneのマイクロサービス開発術
Avatar for 株式会社出前館 demaecan
0
130
20250514_未経験から Fintech実務参画まで。学生エンジニアの挑戦録
Avatar for Hideto1008 hideto1008
0
880
Sansan Engineering Unit 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
1
2k
AIエージェント実践集中コース LT
Avatar for Kaoru okaru
1
190
組織とセキュリティ文化と、自分の一歩
Avatar for mai miya maimyyym
3
1.4k
All About Sansan – for New Global Engineers
Avatar for Sansan, Inc. sansan33
PRO
1
1.2k
単一Gitリポジトリから独立しました
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
370
Drawing with LLMs
Avatar for Rist Inc. rist
0
230
データ戦略部門 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
1
3.2k

Featured

See All Featured
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
78
6.4k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
24
1.7k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
378
70k
Music & Morning Musume
Avatar for Bryan Veloso bryan
47
6.6k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
94
13k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
693
190k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
337
57k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
357
30k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
41
7.3k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
159
23k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
52
7.6k
Writing Fast Ruby
Avatar for Erik Berlin sferik
628
61k

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