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
Data-Centric Kaggle
Avatar for ねぼすけAI isax1015
2
770
AI & Enginnering
Avatar for codelynx codelynx
0
110
生成AIを使ったコードレビューで定性的に品質カバー
Avatar for Chiaki Okamoto chiilog
1
270
AI Agent の開発と運用を支える Durable Execution #AgentsInProd
Avatar for izumin5210 izumin5210
7
2.3k
izumin5210のプロポーザルのネタ探し #tskaigi_msup
Avatar for izumin5210 izumin5210
1
130
Apache Iceberg V3 and migration to V3
Avatar for Tomohiro Tanaka tomtanaka
0
160
開発者から情シスまで - 多様なユーザー層に届けるAPI提供戦略 / Postman API Night Okinawa 2026 Winter
Avatar for tasshi tasshi
0
200
CSC307 Lecture 01
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
690
Rust 製のコードエディタ “Zed” を使ってみた
Avatar for NearMeの技術発表資料です nearme_tech
PRO
0
180
例外処理とどう使い分ける？Result型を使ったエラー設計 #burikaigi
Avatar for Takuma Kajikawa kajitack
16
6.1k
組織で育むオブザーバビリティ
Avatar for ryotaro kobayashi ryota_hnk
0
180
0→1 フロントエンド開発 Tips🚀 #レバテックMeetup
Avatar for 弁護士ドットコム bengo4com
0
570

Featured

See All Featured
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
34
2.6k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
74
5k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
5.8k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
37
7.1k
Efficient Content Optimization with Google Search Console & Apps Script
Avatar for Katarina Dahlin katarinadahlin
PRO
1
320
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
240
Amusing Abliteration
Avatar for ianozsvald ianozsvald
0
100
State of Search Keynote: SEO is Dead Long Live SEO
Avatar for Ryan Jones ryanjones
0
120
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
Avatar for Sophie Logan marketingsoph
0
75
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
Avatar for konakalab konakalab
0
350
How to build an LLM SEO readiness audit: a practical framework
Avatar for Nick Samuel nmsamuel
1
640
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
2.9k

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