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
Weslley Neri
December 01, 2016
Programming
0
52
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
40
Criando apps real-time com Angular e Firebase
weslley39
0
200
Criando apps com React Native
weslley39
1
350
Criando REST API's sem programar
weslley39
0
56
Clean Code para Front Enders
weslley39
0
77
Other Decks in Programming
See All in Programming
Vibe Codingの幻想を超えて-生成AIを現場で使えるようにするまでの泥臭い話.ai
fumiyakume
16
7.4k
「テストは愚直&&網羅的に書くほどよい」という誤解 / Test Smarter, Not Harder
munetoshi
1
200
PicoRuby on Rails
makicamel
3
140
テストから始めるAgentic Coding 〜Claude Codeと共に行うTDD〜 / Agentic Coding starts with testing
rkaga
16
5.6k
オンコール⼊⾨〜ページャーが鳴る前に、あなたが備えられること〜 / Before The Pager Rings
yktakaha4
2
1k
はじめてのWeb API体験 ー 飲食店検索アプリを作ろうー
akinko_0915
0
140
『自分のデータだけ見せたい!』を叶える──Laravel × Casbin で複雑権限をスッキリ解きほぐす 25 分
akitotsukahara
2
660
チームで開発し事業を加速するための"良い"設計の考え方 @ サポーターズCoLab 2025-07-08
agatan
1
470
効率的な開発手段として VRTを活用する
ishkawa
1
170
PHPカンファレンス関西2025 基調講演
sugimotokei
4
280
MDN Web Docs に日本語翻訳でコントリビュートしたくなる
ohmori_yusuke
1
130
High-Level Programming Languages in AI Era -Human Thought and Mind-
hayat01sh1da
PRO
0
890
Featured
See All Featured
Making Projects Easy
brettharned
116
6.3k
Documentation Writing (for coders)
carmenintech
72
4.9k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
126
53k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Building Applications with DynamoDB
mza
95
6.5k
Why Our Code Smells
bkeepers
PRO
337
57k
It's Worth the Effort
3n
185
28k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
840
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
138
34k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
The Art of Programming - Codeland 2020
erikaheidi
54
13k
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