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
TRUG#54 - Z czym się je VueJS
Search
Adam Okoń
August 24, 2016
Programming
0
120
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
53
TRUG#69 - Make frontend development great again in Rails
aokon
0
140
TRUG#60 - Webpack 2
aokon
0
130
PostgreSQL - dlaczego moje zapytania są takie wolne?
aokon
0
220
TRUG#40 - Roda
aokon
0
87
Other Decks in Programming
See All in Programming
TiDB Serverless ~理想のServerless DBを考える~
soso_15315
1
160
Clean Architecture by TypeScript & NestJS
ryounasso
0
150
CSC307 Lecture 14
javiergs
PRO
0
220
入社1ヶ月でここまでやった!Findy Toolsインフラ支援の最適化
rvirus0817
6
1.4k
I/O Extended Android in Korea 2024 ~ Whats new in Android development tools
pluu
0
250
CSC307 Lecture 13
javiergs
PRO
0
150
今こそ始める、CDKコンストラクトライブラリ開発 ― 入門から実践まで
tmokmss
1
930
Folding Cheat Sheet #7
philipschwarz
PRO
0
150
AWS CDKにおける「再利用性」を考える / aws-cdk-reusability
gotok365
6
1.3k
SRE チーム立ち上げ前に考えたこと・取り組んだこと / Considerations and Preparations Before Establishing an SRE Team
mackey0225
3
320
20240706_CDKConf
takuyay0ne
0
1.2k
最近追加した型の紹介とその振り返り
aki19035vc
0
180
Featured
See All Featured
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
155
14k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
90
47k
StorybookのUI Testing Handbookを読んだ
zakiyama
15
4.9k
How to name files
jennybc
67
96k
Speed Design
sergeychernyshev
9
270
Pencils Down: Stop Designing & Start Developing
hursman
118
11k
What's in a price? How to price your products and services
michaelherold
239
11k
Optimizing for Happiness
mojombo
373
69k
The Brand Is Dead. Long Live the Brand.
mthomps
52
36k
Building a Scalable Design System with Sketch
lauravandoore
458
32k
GitHub's CSS Performance
jonrohan
1026
450k
For a Future-Friendly Web
brad_frost
173
9.2k
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