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
なぜあなたのオブザーバビリティ導入は頓挫するのか
ryota_hnk
5
590
画像コンペでのベースラインモデルの育て方
tattaka
3
1.6k
新しいモバイルアプリ勉強会(仮)について
uetyo
1
250
Google I/O Extended Incheon 2025 ~ What's new in Android development tools
pluu
1
270
技術的負債で信頼性が限界だったWordPress運用をShifterで完全復活させた話
rvirus0817
1
1.5k
0から始めるモジュラーモノリス-クリーンなモノリスを目指して
sushi0120
0
280
CLI ツールを Go ライブラリ として再実装する理由 / Why reimplement a CLI tool as a Go library
ktr_0731
3
1.1k
[DevinMeetupTokyo2025] コード書かせないDevinの使い方
takumiyoshikawa
2
280
LLMは麻雀を知らなすぎるから俺が教育してやる
po3rin
3
2.1k
ライブ配信サービスの インフラのジレンマ -マルチクラウドに至ったワケ-
mirrativ
1
180
大規模FlutterプロジェクトのCI実行時間を約8割削減した話
teamlab
PRO
0
470
物語を動かす行動"量" #エンジニアニメ
konifar
14
4.7k
Featured
See All Featured
Rails Girls Zürich Keynote
gr2m
95
14k
Why You Should Never Use an ORM
jnunemaker
PRO
58
9.5k
Become a Pro
speakerdeck
PRO
29
5.5k
Site-Speed That Sticks
csswizardry
10
770
Writing Fast Ruby
sferik
628
62k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.8k
[RailsConf 2023] Rails as a piece of cake
palkan
56
5.8k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Side Projects
sachag
455
43k
Being A Developer After 40
akosma
90
590k
4 Signs Your Business is Dying
shpigford
184
22k
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