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

Conhecendo o AngularJS

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Daniel Cavalcante Daniel Cavalcante
December 23, 2015
Programming
90
1

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

More Decks by Daniel Cavalcante

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

Other Decks in Programming

See All in Programming
柔軟なPDFレイアウトエディタを支える型システム設計 — Discriminated UnionとConditional Typeの実践
Avatar for minako-ph minako__ph
4
1.3k
Lemonade + Foundry Toolkit でお手軽アプリ開発
Avatar for 瀬尾佳隆 seosoft
1
260
Datadog × OpenTelemetry 入門と実践のあいだ
Avatar for Max Kento kn_to_maxpno
1
110
Make SRE Operations Easier with Azure SRE Agent
Avatar for KAMEGAWA Kazushi kkamegawa
0
2.9k
AI駆動開発で崩れていくコードベースを立て直す
Avatar for Kyoko NR kyoko_nr_nr
1
410
Claspは野良GASの夢をみるか
Avatar for てらうちたかし takter00
0
150
AI時代の仕事技芸論 — ソフトウェア開発で「遊ぶように働く」職人的熟達のすすめ
Avatar for Yoshihito Kuranuki / 倉貫義人 kuranuki
1
580
RailsTokyo 2026#4: AI様があれば、
Hotwireの弱点は消えるか？
Avatar for Naofumi Kagami naofumi
5
1k
タクシーアプリ『GO』の バックエンド開発のおける AI利活用と若者のすべて
Avatar for Kazuhiko Yamashita pyama86
3
1.8k
関係性から理解する"同一性"の型用語たち
Avatar for pvcresin pvcresin
2
630
代数的データ型って何が嬉しいの？ #frontend_phpcon_do
Avatar for Takuma Kajikawa kajitack
8
3k
jQueryをバージョンアップする前に使いたいjQuery Migrate
Avatar for Atsushi Matsuo matsuo_atsushi
0
160

Featured

See All Featured
Getting science done with accelerated Python computing platforms
Avatar for Jacob Tomlinson jacobtomlinson
2
220
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
Avatar for Ines Montani inesmontani
PRO
0
390
Reality Check: Gamification 10 Years Later
Avatar for Sebastian Deterding codingconduct
0
2.2k
Building AI with AI
Avatar for Ines Montani inesmontani
PRO
1
1k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
133
19k
The untapped power of vector embeddings
Avatar for Frank van Dijk frankvandijk
2
1.7k
The Mindset for Success: Future Career Progression
Avatar for Greg Gifford greggifford
PRO
0
350
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
61
9.9k
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
Avatar for David Neal reverentgeek
1
460
Amusing Abliteration
Avatar for ianozsvald ianozsvald
1
190
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
128
55k
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.7k

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