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
37
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
27
Criando apps real-time com Angular e Firebase
weslley39
0
190
Criando apps com React Native
weslley39
1
330
Criando REST API's sem programar
weslley39
0
49
Clean Code para Front Enders
weslley39
0
68
Other Decks in Programming
See All in Programming
SIMD Parallel Programming with the Vector API
josepaumard
0
180
Apache Hive 4 on Treasure Data
ryukobayashi
0
330
Tailwind CSSを本気でカスタマイズする方法
fsubal
13
5.3k
StoreKit2によるiOSのアプリ内課金のリニューアル
kangnux
0
110
1BRC--Nerd Sniping the Java Community
gunnarmorling
0
340
Blue/Greenデプロイの導入による 運用フローの改善
kudoas
1
380
ADRを一年運用してみた/adr_after_a_year
hanhan1978
7
2.4k
新宿ダンジョンを可視化してみた
satoshi7190
2
260
PHPはいつから死んでいるかの調査
chiroruxx
1
400
[技育CAMPアカデミア]アイディアを形に!【超入門】スマホアプリ開発〜リリースまでの流れをご紹介
teamlab
PRO
0
380
Goのエラースタックトレースの歴史と今後
sonatard
9
1.5k
DMMプラットフォームがTiDB Cloudを採用した背景
pospome
8
4.1k
Featured
See All Featured
No one is an island. Learnings from fostering a developers community.
thoeni
16
2.1k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
659
120k
Build your cross-platform service in a week with App Engine
jlugia
225
17k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
322
20k
Optimising Largest Contentful Paint
csswizardry
8
2.4k
Learning to Love Humans: Emotional Interface Design
aarron
267
39k
The Pragmatic Product Professional
lauravandoore
25
5.8k
GraphQLの誤解/rethinking-graphql
sonatard
50
9.2k
Faster Mobile Websites
deanohume
299
30k
GraphQLとの向き合い方2022年版
quramy
32
12k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
17
1.4k
The World Runs on Bad Software
bkeepers
PRO
61
6.7k
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