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
260
TRUG#60 - Webpack 2
aokon
0
270
PostgreSQL - dlaczego moje zapytania są takie wolne?
aokon
0
350
TRUG#40 - Roda
aokon
0
230
Other Decks in Programming
See All in Programming
Vapor Mode でアクセシビリティは 壊れないか検証した話
fuqda
1
330
Next.js: The final boss of Web Performance
guaca
0
390
高橋メソッドでCVE解説シリーズ 〜CVE-2026-112816〜
hakkadaikon
0
230
Web3Dライブラリを作ってVue Custom Rendererの仕組みを理解しよう / lets learn vue custom renderer by making 3d library
drumath2237
1
130
TS 7.0 で baseUrl が使えなくなった今、パスエイリアスをどうするか
bicstone
2
570
flutter_test のその先へ — Flutter アプリの LLM 機能に「評価」という品質保証を
kosukesaigusa
0
200
AIがコードを書いてくれる時代、我々は何を確かめるのか
yosuke_furukawa
PRO
13
5.8k
AI時代のFlutter品質設計 — アプリ品質を守るQuality Layers
omatty198
0
360
Rails初心者がパスキーを実装してみて大変だったこと
ktombow
0
160
Python Lambdaにおけるテストしやすい設計とAI支援の活用 / Designing Testable Python Lambda Functions with AI
kitano_yuichi
1
310
そのデザイントークン、Flutterでも同じ見た目になりますか?
nakamizu
0
320
baseline으로 마이그레이션, 리팩토링 안전하게 맡기기
fornewid
1
960
Featured
See All Featured
Code Reviewing Like a Champion
maltzj
529
40k
Building Flexible Design Systems
yeseniaperezcruz
330
41k
How Software Deployment tools have changed in the past 20 years
geshan
3
35k
Writing Fast Ruby
sferik
630
63k
Rails Girls Zürich Keynote
gr2m
96
14k
Building a Modern Day E-commerce SEO Strategy
aleyda
45
9.3k
Side Projects
sachag
456
43k
Product Roadmaps are Hard
iamctodd
55
13k
Conquering PDFs: document understanding beyond plain text
inesmontani
PRO
4
3.3k
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
helenjbeal
2
440
Efficient Content Optimization with Google Search Console & Apps Script
katarinadahlin
PRO
1
980
Introduction to Domain-Driven Design and Collaborative software design
baasie
1
1.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