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
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
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
Kiroで創り、AgentCoreで繋ぐ!AWSで実践する「AI-DLC」から「AIエージェント統合」までの最新地図
licux
4
660
デプロイ直後のレイテンシスパイクを調べたら、 Railsの仕様にたどり着いた
nhsykym
0
120
RSSとCodexを使ってX投稿自動化してみた
ochtum
0
110
WebMCP Challenge に星空観察アプリで参加した話
okajun35
0
150
技術的負債を組織課題として解く-増えすぎたマイクロサービスとの戦い-
reimaru
1
510
世界の中心で、AI(App Intents)をさけぶ ー App Intents中心設計の実践ガイド
touyou
0
440
XHTMLが残したもの
yosuke_furukawa
PRO
2
710
モジュールの視点からSwiftを読み解く #iosdc
s_shimotori
0
120
Intent as Code
shoppingjaws
6
970
20260828_品質と開発生産性を両立させる、AI時代のE2Eテストの考え方
magicpod
0
200
Can LLMs Replicate 4 Years of Compose Migration? Exploring the boundaries of automation with 279 XML files from a real product
makun
0
130
ALB ログから Trace を気合で繋げる技術
fohte
7
890
Featured
See All Featured
The Language of Interfaces
destraynor
162
27k
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
helenjbeal
1
380
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
31
3.4k
技術選定の審美眼(2025年版) / Understanding the Spiral of Technologies 2025 edition
twada
PRO
120
120k
Bash Introduction
62gerente
615
220k
How to build an LLM SEO readiness audit: a practical framework
nmsamuel
1
900
The Illustrated Children's Guide to Kubernetes
chrisshort
51
53k
Redefining SEO in the New Era of Traffic Generation
szymonslowik
1
410
Crafting Experiences
bethany
1
330
How Fast Is Fast Enough? [PerfNow 2025]
tammyeverts
3
880
The browser strikes back
jonoalderson
0
1.7k
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
minecr
1
390
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