Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
TRUG#54 - Z czym się je VueJS
Search
Adam Okoń
August 24, 2016
Programming
230
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
TRUG#54 - Z czym się je VueJS
Adam Okoń
August 24, 2016
More Decks by Adam Okoń
See All by Adam Okoń
Ruby on Serverless
aokon
0
120
TRUG#69 - Make frontend development great again in Rails
aokon
0
250
TRUG#60 - Webpack 2
aokon
0
260
PostgreSQL - dlaczego moje zapytania są takie wolne?
aokon
0
350
TRUG#40 - Roda
aokon
0
220
Other Decks in Programming
See All in Programming
【DroidKaigi 2026】「アクセシビリティを利用するとき、 アクセシビリティもまたこちらを利用している」 〜マルウェアによる攻撃と防衛について〜
halunoyo
0
450
Streamlitで実現する自然言語データアプリ開発
ayumu_yamaguchi
0
200
『寄り添うラジオ』をAIで作る 体験価値から逆算した、会話しないUXと品質設計
theoriatec2024
3
150
GraphRAGのKnowledge Graphを 直接!見る/View-GraphRAG's-KnowledgeGraph-directly!
tyumugi1113
1
290
ALB ログから Trace を気合で繋げる技術
fohte
7
890
Jetpack Compose メカニズム
skydoves
0
130
The Good Stuff, Not the Slop: Engineering High-Quality Android Apps with Modern AI Tooling
danybony
1
240
初心者DevRelとして参加者だった私が、DevRel Talks!#2に登壇するまでにしてきたこと
sokohirai
0
370
AWS Step Functions 大規模並列の壁を越える / jaws-sonic-2026-niigata-step-functions
kasacchiful
PRO
1
440
20260828_品質と開発生産性を両立させる、AI時代のE2Eテストの考え方
magicpod
0
200
思考垂れ流し開発 ~音声入力 × AIエージェント × 開発ハーネスによる試行錯誤~
npostring
0
1.1k
Vibes Containers 〜AIで変わるコンテナ設計と運用〜
tkikuc
3
530
Featured
See All Featured
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
202
76k
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
baasie
0
520
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
greggifford
PRO
0
330
A Modern Web Designer's Workflow
chriscoyier
699
190k
Discover your Explorer Soul
emna__ayadi
2
1.3k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.6k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
128
56k
Navigating the moral maze — ethical principles for Al-driven product design
skipperchong
2
530
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
auna
0
280
jQuery: Nuts, Bolts and Bling
dougneiner
66
8.6k
Speed Design
sergeychernyshev
33
2.1k
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