Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
VueJS para desenvolvedores Angular
Search
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
Weslley Neri
December 01, 2016
Programming
0
58
VueJS para desenvolvedores Angular
Weslley Neri
December 01, 2016
Tweet
Share
More Decks by Weslley Neri
See All by Weslley Neri
Continuous Delivery com AppCenter
weslley39
0
41
Criando apps real-time com Angular e Firebase
weslley39
0
210
Criando apps com React Native
weslley39
1
350
Criando REST API's sem programar
weslley39
0
59
Clean Code para Front Enders
weslley39
0
85
Other Decks in Programming
See All in Programming
疑似コードによるプロンプト記述、どのくらい正確に実行される?
kokuyouwind
0
390
Best-Practices-for-Cortex-Analyst-and-AI-Agent
ryotaroikeda
1
110
Architectural Extensions
denyspoltorak
0
290
0→1 フロントエンド開発 Tips🚀 #レバテックMeetup
bengo4com
0
570
AI & Enginnering
codelynx
0
110
Fragmented Architectures
denyspoltorak
0
160
React 19でつくる「気持ちいいUI」- 楽観的UIのすすめ
himorishige
11
7.4k
生成AIを使ったコードレビューで定性的に品質カバー
chiilog
1
270
Basic Architectures
denyspoltorak
0
680
コントリビューターによるDenoのすゝめ / Deno Recommendations by a Contributor
petamoriken
0
200
KIKI_MBSD Cybersecurity Challenges 2025
ikema
0
1.3k
「ブロックテーマでは再現できない」は本当か?
inc2734
0
1k
Featured
See All Featured
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
49
9.9k
A designer walks into a library…
pauljervisheath
210
24k
Everyday Curiosity
cassininazir
0
130
Build your cross-platform service in a week with App Engine
jlugia
234
18k
The SEO identity crisis: Don't let AI make you average
varn
0
240
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
aleyda
1
1.1k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
128
55k
Conquering PDFs: document understanding beyond plain text
inesmontani
PRO
4
2.3k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
1.8k
Kristin Tynski - Automating Marketing Tasks With AI
techseoconnect
PRO
0
140
Agile Actions for Facilitating Distributed Teams - ADO2019
mkilby
0
110
30 Presentation Tips
portentint
PRO
1
220
Transcript
Vuejs para desenvolvedores Angular
Weslley Neri @weslley_neri weslley39 Front-End Dev - redspark
Evolução das tecnologias web
HTML5 REVOLUCIONOU A WEB
SIGNIFICADO DE REVOLUCIONAR "Interrompe totalmente a ordem estabelecida e altera
a dinâmica de tudo em volta "
E O FRONT-END REINOU E COM ISSO, O CÁOS
DEVO REALMENTE USAR UM FRAMEWORK
VANTAGENS • Não reinventar a roda • Faça mais com
menos código • Economizar tempo (& dinheiro) • Traz ordem ao caos
Pesquisa sobre frameworks Front-End +3k de respostas
DEVs que usaram cada “sabor” de JS
% de não usuários que querem aprender um framework
ENTÃO DEVO USAR VUEJS ??
DEPENDE
Depende do que ? • Quão experiente você é •
Quão grande é a sua equipe • Que tipo de projeto vai ser desenvolvido
DEVE ESCOLHER A FERRAMENTA CORRETA
O QUE É ESSE TAL DE Vuejs • Framework progressivo
open source • Primeira release em 2014 • +34k stars no github • +200k downloads por mês • Criado por Evan You (Meteor)
QUEM ESTA USANDO
O QUE VOCÊ REALMENTE DEVE SABER
None
Vuejs Não é “um angular mais simples” ou “um angular
melhorado” Uma aplicação Angular possui ao menos um módulo, um controller e um template. Uma aplicação Vuejs possui ao menos um componente.
Vuejs Angular Criar aplicações baseadas em componentes. Criar aplicações “baseadas
em templates”
==
BOOTSTRAP
BOOTSTRAP Vuejs Angular
INTERPOLAÇÃO DE TEXTO
BIND DE TEXTO
BIND DE HTML
BIND DE ATRIBUTOS
UTILIZAÇÃO DE FILTROS
MANIPULAÇÃO DO DOM
LISTAS
EVENT HANDLER
EVENT HANDLER
COMPONENTES
ANGULAR
VUE
ROTAS
Vuejs Angular
HTTP
Vuejs Angular RESOURCE
Vuejs Angular HTTP
MÉTODOS DATA/EVENT
Vuejs Angular WATCH
Vuejs Angular ON
SHOW TIME
COMO/ONDE APRENDER?
@weslley_neri weslley39