Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
TRUG#54 - Z czym się je VueJS
Search
Adam Okoń
August 24, 2016
Programming
0
200
TRUG#54 - Z czym się je VueJS
Adam Okoń
August 24, 2016
Tweet
Share
More Decks by Adam Okoń
See All by Adam Okoń
Ruby on Serverless
aokon
0
98
TRUG#69 - Make frontend development great again in Rails
aokon
0
220
TRUG#60 - Webpack 2
aokon
0
220
PostgreSQL - dlaczego moje zapytania są takie wolne?
aokon
0
300
TRUG#40 - Roda
aokon
0
180
Other Decks in Programming
See All in Programming
Microservices rules: What good looks like
cer
PRO
0
530
WebRTC、 綺麗に見るか滑らかに見るか
sublimer
1
140
ViewファーストなRailsアプリ開発のたのしさ
sugiwe
0
390
関数の挙動書き換える
takatofukui
4
770
宅宅自以為的浪漫:跟 AI 一起為自己辦的研討會寫一個售票系統
eddie
0
470
レイトレZ世代に捧ぐ、今からレイトレを始めるための小径
ichi_raven
0
490
開発に寄りそう自動テストの実現
goyoki
0
130
20251127_ぼっちのための懇親会対策会議
kokamoto01_metaps
2
400
手が足りない!兼業データエンジニアに必要だったアーキテクチャと立ち回り
zinkosuke
0
370
非同期処理の迷宮を抜ける: 初学者がつまづく構造的な原因
pd1xx
1
540
【レイトレ合宿11】kagayaki_v4
runningoutrate
0
220
Level up your Gemini CLI - D&D Style!
palladius
1
170
Featured
See All Featured
The Invisible Side of Design
smashingmag
302
51k
Why Our Code Smells
bkeepers
PRO
340
57k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
14k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
120
20k
Site-Speed That Sticks
csswizardry
13
990
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
46
7.8k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
25
1.6k
How to train your dragon (web standard)
notwaldorf
97
6.4k
Rebuilding a faster, lazier Slack
samanthasiow
84
9.3k
How GitHub (no longer) Works
holman
316
140k
Imperfection Machines: The Place of Print at Facebook
scottboms
269
13k
How STYLIGHT went responsive
nonsquared
100
5.9k
Transcript
Z CZYM SIĘ JE VUE.JS Adam Okoń @adamokon
None
None
zródło: http://www.slideshare.net/ZoeLandon/on-selecting-javascript-frameworks#5
zródło: http://www.theregister.co.uk/2016/03/23/npm_left_pad_chaos/
źródło: https://medium.com/friendship-dot-js/i-peeked-into-my-node-modules- directory-and-you-wont-believe-what-happened-next-b89f63d21558#.zebq07wlz
THE PROGRESSIVE FRAMEWORK
Zródło: https://docs.google.com/presentation/d/1zQ3Frm3DxSw_qY- KEuykkIUREO-ueFbOyMd1Kd8nqKE/edit#slide=id.g5fc474681_041
źródło: https://docs.google.com/presentation/d/1WnYsxRMiNEArT3xz7xXHdKeH1C- jT92VxmptghJb5Es/edit#slide=id.g1631867b25_0_108
DECLARATIVE RENDERING DEMO
źródło: https://docs.google.com/presentation/d/1WnYsxRMiNEArT3xz7xXHdKeH1C- jT92VxmptghJb5Es/edit#slide=id.g5fc474681_0412
<nav></nav> <cover></cover> <slider></slider> <tab> <article></article> </tab> <tab> <article></article> </tab>
COMPONENT SYSTEM DEMO
https://github.com/vuejs/vue-loader
VUE CLI * npm install -g vue-cli * vue init
webpack project_name * cd project_name * npm install —save-dev * npm start dev
CHROME EXTENSION
• https://github.com/vuejs/vue-hackernews-2.0 • http://vuikit.github.io/vuikit/#!/alert • http://quasar-framework.org
VUE RC JUŻ DOSTĘPNE HTTP://RC.VUEJS.ORG
PODSUMOWANIE * łatwy i przyjemny proces nauki * bardzo dobra
dokumentacja * całkiem sporo narzędzi jak na taki młody ekosystem * otwarte community * wydajny system renderowania * wbudowana obsługa animacji * sensowny proces wydawniczy
PYTANIA?
DZIĘKI! Adam Okoń (@adamokon) https://github.com/aokon