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
50
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
39
Criando apps real-time com Angular e Firebase
weslley39
0
200
Criando apps com React Native
weslley39
1
340
Criando REST API's sem programar
weslley39
0
55
Clean Code para Front Enders
weslley39
0
76
Other Decks in Programming
See All in Programming
本当だってば!俺もTRICK 2022に入賞してたんだってば!
jinroq
0
280
CRE Meetup!ユーザー信頼性を支えるエンジニアリング実践例の発表資料です
tmnb
0
570
AIコーディングワークフローの試行 〜AIエージェント×ワークフローでの自動化を目指して〜
rkaga
2
1.8k
私の愛したLaravel 〜レールを超えたその先へ〜
kentaroutakeda
12
3.7k
AHC045_解説
shun_pi
0
320
DataStoreをテストする
mkeeda
0
260
Do Dumb Things
mitsuhiko
0
390
Kamal 2 – Get Out of the Cloud
aleksandrov
1
150
AtCoder Heuristic First-step Vol.1 講義スライド
terryu16
3
1.1k
snacks.nvim内のセットアップ不要なプラグインを紹介 / introduce_snacks_nvim
uhooi
0
370
Preact、HooksとSignalsの両立 / Preact: Harmonizing Hooks and Signals
ssssota
1
1.1k
Fluent UI Blazor 5 (alpha)の紹介
tomokusaba
0
160
Featured
See All Featured
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
129
19k
Product Roadmaps are Hard
iamctodd
PRO
52
11k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
118
51k
Embracing the Ebb and Flow
colly
85
4.6k
Statistics for Hackers
jakevdp
798
220k
A Modern Web Designer's Workflow
chriscoyier
693
190k
It's Worth the Effort
3n
184
28k
What's in a price? How to price your products and services
michaelherold
245
12k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
17
1.1k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Become a Pro
speakerdeck
PRO
27
5.2k
Unsuck your backbone
ammeep
670
57k
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