Vue Mastery: Шлях початківця
Моїм найамбітнішим планом на 2020 було воскресити цей блог. І ось непомітно підкрався кінець року, а в мене за цей час жодної публікації. Жодної. Звичайно, я звинувачую в цьому не себе, не свою лінь і прокрастинацію, а пандемію коронавірусу. Бо хто ж його знає, як би склалася ситуація, якби конференція KharkivCSS #5 відбулася, як і планувалося, 28 березня. Насичена програма, знамениті спікери (основоположник CSS Хокон Віум Лі) і — що не менш важливо — куплені завчасу квитки — все зависло в повітрі на невизначений час. А ніщо ж не віщувало біди! Ще в лютому я зібрала себе докупи, і таки завершила великий переклад статті Хейдона Пікерінґа про інклюзивні компоненти, яку опублікували на codeguida.com. І все. Тишина.
Самоізоляція неминуче призвела б до саморуйнації, якби не біг. Вечірні пробіжки по району врешті надихнули мене на створення невеличкого додатка для бігунів-початківців. Вирішила я його робити з допомогою Vue.js, оскільки мої романтичні стосунки з Ангуляром не просунулися далі to-do list application. Вже на етапі чернетки стало зрозуміло, що моїх знань недостатньо для створення повноцінного додатка, але замість того, аби з новою силою з цього приводу розпачати, я почала гуглити курси по Vue.js. Врешті, я зупинила свій вибір на Vue Mastery, і ось чому.
По-перше, Vue Mastery — це не просто курс, а ціла колекція курсів, розподілених за рівнем складності — beginner, intermediate та advanced. По-друге, курси постійно поповнюються. Із виходом Vue 3 у вересні 2020 на сайті миттєво з’явилися уроки, присвячені особливостям нової версії фреймворку. По-третє, перші два курси Intro to Vue.js та Intro to Vue 3 абсолютно безкоштовні (для доступу до всіх уроків треба зареєструватися на сайті). Доступ до інших курсів платний. Місячна підписка коштує 19$, але для мешканців країн з високим курсом долара передбачені знижки до 50%! Погодьтесь, непогана мотивація.
Кожен курс Vue Mastery складається з відеоуроків тривалістю 10–20 хвилин. Окрім відео, уроки містять супровідний текст із фрагментами коду, що дуже зручно, коли вам треба повернутися назад до якогось концепту, але ви не хочете вгадувати, коли це було висвітлено у відео. Самі відео та анімація — високої якості, і містять аналогії, які допоможуть краще зрозуміти ключові поняття Vue. Найприємніше ж у цьому те, що по завершенню всіх уроків ви отримуєте щось схоже на готовий проект (на кожному етапі ви можете звірятися з авторами курсу, завантажуючи відповідну версію з ґітхаба).
На момент написання цього посту, Vue Mastery має 7 курсів для початківців, включаючи Real World Vue 3. Найбільш захоплюючим для мене, однак, виявився Watch Us Build a Trello Clone. Співавтором курсу є Даміан Дуліш (Damian Dulisz) — активний учасник основної команди розробників Vue. Було цікаво спостерігати, як навчальний проект росте, ускладнюється і рефакториться. В результаті, ми отримали дошку, подібну до Trello, де можна створювати завдання / колонки, перетягувати їх і міняти місцями.
На Vue Mastery не було інструкцій, як забілдити проект і опублікувати його на github pages, тому довелося шукати самостійно. Завдяки цій статті це виявилося напрочуд просто. Якщо коротко, у корені проекту я створила файл vue.config.js:
module.exports = {
publicPath: process.env.NODE_ENV === 'production'
? '/REPO_NAME/'
: '/'
}де замість REPO_NAME вказала назву свого репозиторію. Після npm build, я запушила вміст папки dist на ґітхаб, і все — ni4yja.github.io/a-trello-clone— мій перший Vue застосунок тепер в мережі!
Замість висновку, наведу слова одного з першопрохідців Vue Mastery:
Після проходження вступного курсу, я думаю, ті, хто вчаться, як правило, поділяються на дві категорії. Мислителі, які намагаються якомога глибше зрозуміти новий матеріал перед тим, як почати щось будувати, та активні учні, які не можуть стриматися, щоби не “забруднити руки” і не створити щось, перш ніж вони насправді це зрозуміють. Vue Mastery добре підходить для обох категорій, так і для всіх, хто між ними.
Звичайно, я не стану Vue-джедаєм, пройшовши всього лише декілька курсів на Vue Mastery чи де завгодно. Для цього потрібен час і практичний досвід. Однак, мені достатньо того, що я з нетерпінням чекаю нових уроків і нових викликів. Це шлях!
