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

Conhecendo o AngularJS

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
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
生成AI時代にこそ効くGo | Why Go Works in the Age of Generative AI
Avatar for mom0tomo mom0tomo
8
3.1k
Technical Debt: Understanding it Rightly, Engaging it Rightly #LaravelLiveJP
Avatar for shogogg shogogg
0
190
Oxlintのカスタムルールの現況
Avatar for syumai syumai
5
960
3Dシーンの圧縮
Avatar for Fadis fadis
1
570
PHPで使える日時の表現と、その知り方 #frontend_phpcon_do
Avatar for hideki kinjyo o0h
PRO
0
170
正しくソフトウェアを作る、前提を疑うための認知の視点 / doubt-premise
Avatar for MinoDriven minodriven
13
4.6k
The Arts and Crafts of Work in the AI Era — Toward Mastery in Software Development
Avatar for Yoshihito Kuranuki / 倉貫義人 kuranuki
1
700
Old Dog, New Tricks: The Java 25 Reinvention - JNation
Avatar for A N M Bazlur Rahman bazlur_rahman
0
140
Modding RubyKaigi for Myself
Avatar for yui-knk yui_knk
0
860
JavaDoc 再入門
Avatar for nagise nagise
0
240
柔軟なPDFレイアウトエディタを支える型システム設計 — Discriminated UnionとConditional Typeの実践
Avatar for minako-ph minako__ph
4
1.3k
LLM Plugin for Node-REDの利用方法と開発について
Avatar for 404background 404background
0
150

Featured

See All Featured
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.7k
The Language of Interfaces
Avatar for Des Traynor destraynor
162
26k
Exploring anti-patterns in Rails
Avatar for Elle Meredith aemeredith
3
380
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
96
14k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
330
40k
Highjacked: Video Game Concept Design
Avatar for Ryan Kendrick rkendrick25
PRO
1
380
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
Avatar for konakalab konakalab
0
440
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
Stewardship and Sustainability of Urban and Community Forests
Avatar for Eric Wiseman pwiseman
0
220
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
91
590k
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
Avatar for Tomoya Matsuura tomoyanonymous
2
840
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
61
9.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