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

Conhecendo o AngularJS

Avatar for Daniel Cavalcante Daniel Cavalcante
December 23, 2015
Programming
1
87

Conhecendo o AngularJS

Slide da palestra ministrada na Mostra Asper no dia 28 de outubro de 2015.

Avatar for Daniel Cavalcante

Daniel Cavalcante

December 23, 2015
Tweet

More Decks by Daniel Cavalcante

See All by Daniel Cavalcante
Arquiteturas modulares com Node.JS
Avatar for Daniel Cavalcante danielcdesouza
1
58
React Native e GraphQL na construção de mobile apps
Avatar for Daniel Cavalcante danielcdesouza
0
45
Nest Framework
Avatar for Daniel Cavalcante danielcdesouza
0
110
"Go" da Alemanha! Sete passos para começar a desenvolver em Go
Avatar for Daniel Cavalcante danielcdesouza
0
79
Novidades do Ruby on Rails 5
Avatar for Daniel Cavalcante danielcdesouza
0
60
Minerando jóias: como extrair o melhor do Ruby
Avatar for Daniel Cavalcante danielcdesouza
0
55
Nos trilhos do Ruby
Avatar for Daniel Cavalcante danielcdesouza
0
57
Começando com Ruby on Rails
Avatar for Daniel Cavalcante danielcdesouza
0
96
Apresentação sobre Framework VRaptor
Avatar for Daniel Cavalcante danielcdesouza
0
130

Other Decks in Programming

See All in Programming
Oxlint JS plugins
Avatar for kazupon kazupon
1
770
LLM Observabilityによる 対話型音声AIアプリケーションの安定運用
Avatar for Hiroyuki Moriya gekko0114
2
420
20260127_試行錯誤の結晶を1冊に。著者が解説 先輩データサイエンティストからの指南書 / author's_commentary_ds_instructions_guide
Avatar for nash_efp nash_efp
0
920
例外処理とどう使い分ける？Result型を使ったエラー設計 #burikaigi
Avatar for Takuma Kajikawa kajitack
16
6k
「ブロックテーマでは再現できない」は本当か？
Avatar for Takashi Kitajima inc2734
0
660
Smart Handoff/Pickup ガイド - Claude Code セッション管理
Avatar for rasshii yukiigarashi
0
130
AI によるインシデント初動調査の自動化を行う AI インシデントコマンダーを作った話
Avatar for azukiazusa azukiazusa1
1
690
MDN Web Docs に日本語翻訳でコントリビュート
Avatar for uutan1108 ohmori_yusuke
0
640
FOSDEM 2026: STUNMESH-go: Building P2P WireGuard Mesh Without Self-Hosted Infrastructure
Avatar for Date Huang tjjh89017
0
150
なぜSQLはAIぽく見えるのか/why does SQL look AI like
Avatar for florets1 florets1
0
450
CSC307 Lecture 02
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
770
Implementation Patterns
Avatar for Denys Poltorak denyspoltorak
0
280

Featured

See All Featured
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
26
3.3k
The innovator’s Mindset - 
Leading Through an Era of Exponential Change - McGill University 2025
Avatar for Jean-Marc De Jonghe jdejongh
PRO
1
88
The Limits of Empathy - UXLibs8
Avatar for Cassini Nazir cassininazir
1
210
Building a A Zero-Code AI SEO Workflow
Avatar for Ian Lurie portentint
PRO
0
300
End of SEO as We Know It (SMX Advanced Version)
Avatar for Michael King ipullrank
3
3.9k
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
Avatar for MADOX madoxten
57
50k
How to build a perfect <img>
Avatar for Jono Alderson jonoalderson
1
4.9k
Google's AI Overviews - The New Search
Avatar for Barry Adams badams
0
900
Navigating Algorithm Shifts & AI Overviews - #SMXNext
Avatar for Aleyda Solis aleyda
0
1.1k
Odyssey Design
Avatar for Ryan Kendrick rkendrick25
PRO
1
490
A better future with KSS
Avatar for Kyle Neath kneath
240
18k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.3k

Transcript

  1. Conhecendo o AngularJS

  2. Insanidade é continuar fazendo sempre a mesma coisa e esperar

    resultados diferentes. Albert Einstein

  3. Daniel Cavalcante

  4. None

  5. SchoolDev

  6. None

  7. O que é?

  8. Framework Mantido pelo Google

  9. MVC

  10. Porque usar?

  11. Funciona como uma extensão ao documento HTML.

  12. Single Page Application

  13. Single Page Application

  14. Two-way Data Bind

  15. index.html <!DOCTYPE html> <html ng-app> <head> <title>Hello World</title> <script src="https://ajax.googleapis.com/ajax/libs/

    angularjs/1.4.7/angular.min.js"> </script> </head> <body> Hello <input type="text" ng-model="yourName"> <h1>Hello {{yourName}}</h1> </body> </html>

  16. <!DOCTYPE html> <html ng-app> <head> <title>Hello World</title> <script src="https://ajax.googleapis.com/ajax/libs/ angularjs/1.4.7/angular.min.js">

    </script> </head> <body> Hello <input type="text" ng-model="yourName"> <h1>Hello {{yourName}}</h1> </body> </html> index.html Fronteira da aplicação

  17. <!DOCTYPE html> <html ng-app> <head> <title>Hello World</title> <script src="https://ajax.googleapis.com/ajax/libs/ angularjs/1.4.7/angular.min.js">

    </script> </head> <body> Hello <input type="text" ng-model="yourName"> <h1>Hello {{yourName}}</h1> </body> </html> index.html Fronteira da aplicação Model

  18. <!DOCTYPE html> <html ng-app> <head> <title>Hello World</title> <script src="https://ajax.googleapis.com/ajax/libs/ angularjs/1.4.7/angular.min.js">

    </script> </head> <body> Hello <input type="text" ng-model="yourName"> <h1>Hello {{yourName}}</h1> </body> </html> index.html Fronteira da aplicação Model Template

  19. Two-way Data Binding

  20. Directives

  21. Diretivas permitem estender o HTML para criar componentes customizados.

  22. Controllers

  23. Como configurar?

  24. Site oficial

  25. index.html <!DOCTYPE html> <html ng-app> <head> <script src="https://ajax.googleapis.com/ajax/libs/ angularjs/1.4.7/angular.min.js"> </script>

    </head> </html>

  26. Por onde começar?

  27. Documentação

  28. Code School

  29. Obrigado! @danielcdesouza