GridVids
Sign in with YouTube

Jakub Krupka - Úvod do Vue.js

Jsme PéHáPkaři Oct 26, 2017 09:47
Create an account to hide videos, mark them watched, or save them to Don't Miss.
Don't Miss
Create an account to hide videos, mark them watched, or save them to Don't Miss.
Mark watched
Create an account to hide videos, mark them watched, or save them to Don't Miss.
Hide
Open in popup Open on YouTube
Share video

Share video

Copy the GridVids link or iframe code.

Video link
Iframe code
Iframe content

Chtěli jste se naučit React, ale připadá vám příliš složitý a odlišný od běžně psaného Javascriptu na frontendu? Pak se vám možná bude líbit Vue, mladá knihovna pro renderování reaktivních UI. Přestaňte řešit DOM, a začněte se starat o model, metody a komponenty. Vue je ideální pro psaní větších single-page aplikací, stejně tak i pro psaní malých zapouzdřených komponent. Ukážeme si následující: - jak co nejrychleji začít s Vue - data-binding, atributy a props - event listenery - metody, computed properties - Vue devtools - komponenty, jejich kompozice a lifecycle - předávání dat pomocí props a global events - sloty - webpack a vue-cli, single-file komponenty, hot reloading - ajax pomocí Axios - formuláře - pokud bude čas, nakousneme: vue-router, sdílený state pomocí Vuex, code-splitting Vše si ukážeme na praktických příkladech, postupně vytvoříme malou SPA aplikaci. Budeme psát v ES6, takže pokud neznáte, doporučuju si projít minimálně arrow functions, method definitions, destructuring, template literals (https://github.com/lukehoban/es6features). Jakub o sobě: Jsem UI/UX developer a frontend competence leader ve společnosti Inventi. Pracoval jsem na velkých projektech např. pro ČSOB, Global Payments, Raiffeisen Bank nebo na startupech Angelcam, Tuddy Tuddy, Mámvybráno.cz cheatsheet: https://vuejs-tips.github.io/cheatsheet/ Laracasts tutorial: https://laracasts.com/series/learn-vue-2-step-by-step Bulma: https://bulma.io/ (edited) https://github.com/pehapkari/livestream/tree/master/2017-10-24-vue-js
Science & Technology
#VueJS #JavaScript