Vuejs.org

Сайт із офіційною документацією

VueJS – прогресивний фреймворк, за допомогою якого розробники можуть створювати односторінкові мобільні або десктопні програми та веб-інтерфейси. Особливістю цієї платформи є можливість поступового застосування. Базова бібліотека легко інтегрується з існуючими проектами або іншими бібліотеками.

Сайт Vuejs.org містить офіційну документацію VueJS, яка допоможе освоїти платформу та використати отримані знання при реалізації своїх проектів. Отримати базові знання можна за допомогою гіда, який знаходиться в основному меню сайту.

Введення у VueJS

Розробники сайту пропонують розпочати знайомство з VueJS за допомогою годинного відеокурсу. Для користувача достатньо мати базові знання JavaScript, HTML та CSS, щоб поринути у фреймворк.

За допомогою відеокурсу можна навчитися:

прив'язці атрибутів;
умовного рендерингу;
рендеринг списку;
обробку подій;
прив'язки класу та стилю.

У рамках відеокурсу користувач знайомиться з обчисленими властивостями, компонентами, повідомленнями про події, формами та v-моделями. В результаті можна швидко писати програми і завантажувати дані на веб-сторінку.

На сайті пропонуються уроки, які допоможуть засвоїти:

декларативну візуалізацію;
умовні оператори та цикли;
обробку введення користувача;
складання з компонентами;
зв'язок з елементами користувача.

Уроки деталізовані, написані зрозумілою мовою та супроводжуються відеороликами, які допоможуть краще зрозуміти тему та закріпити отримані знання. Після освоєння вступу до VueJS можна приступати до створення нового екземпляра Vue. Цьому на сайті присвячено окремий розділ.

Занурення у VueJS

Для написання програми необхідно створити новий екземпляр Vue. На сайті є приклад створення кореневого екземпляра із системою компонентів. У рамках вивчення цієї теми користувачі знайомляться з даними та методами, життєвими циклами. Щоб швидше розібратися з розділом VueJS, творці сайту пропонують познайомитися з діаграмою життєвого циклу. Візуалізація полегшує розуміння, а додатковою допомогою стають відеоуроки, які супроводжують кожен розділ.

Для подальшого освоєння VueJS пропонується детально поринути у наступні розділи:

синтаксис шаблону – освоюються інтерполяції, директиви, скорочення;
обчислювані властивості та спостерігачі – тут можна познайомитися з обчислювальним кешуванням, обчислюваним сетером та ресурсом;
прив'язка класів та стилів – освоюється зв'язування класів HTML, прив'язка вбудованих стилів,користувачі знайомляться із синтаксисом об'єктів та масиву;

умовний рендинг – проводиться ознайомлення з директивами та елементами;
рендинг списку – можна навчитися зіставляти масиви, підтримувати стани, виявляти зміни масиву;
обробка подій – розповідає про директиви, які застосовують під час прослуховування подій. Тут можна познайомитись з методами у вбудованих обробниках, модифікаторами подій, ключовими модифікаторами;
прив'язки введення форми – знайомить із функціями, які допоможуть виконати двосторонню прив'язку даних до введення форми. У розділі освоюється прив'язка значень, модифікатори;
основи компонентів – з урахуванням базового прикладу можна ознайомитися з компонентами, які далі розкриваються докладніше.

Усі розділи супроводжуються відеоуроками з візуалізацією.

Основні розділи VueJS

Продовжуючи знайомити з VueJS, творці сайту пропонують детально зупинитися на наступних розділах:

компоненти у деталях;
переходи та анімація;
можливості повторного використання;
інструменти;
масштабування;
нутрощі;
міграція.

Всі розділи описані детально, познайомитися з підрозділами можна в меню, що розкривається, розташованому з лівого боку сайту.

На завершення творці ресурсу пропонують порівняння VueJS з іншими популярними фреймворками. Аналізуються загальні риси та виділяються особливості платформ. Порівнюють VueJS з React, AngularJS, Angular, Ember, Knockout, Polymer, Riot.

Додаткові можливості сайту

Ознайомившись за допомогою гіда з основними можливостями VueJS, можна переходити до інших розділів основного меню сайту.

Тут є доступ до наступної інформації:

API – докладні дані про програмний інтерфейс програми;
Гід за стилем допоможе уникнути помилок, шаблонів. Цей довідник допоможе у роботі над проектами;
Приклади – живі приклади, які допоможуть ознайомитися з варіантами використання VueJS.

В окремі посилання винесені відеокурси з VueJS.

В основному меню є посилання на Екосистему. Тут можна спілкуватися на форумі та в чаті, отримати доступ до інструментів та основних бібліотек. Користувач може познайомитись із членами команди, які створили VueJS. Сайт надає можливість знайти таку людину поруч зі своїм місцем проживання та поспілкуватися за її спеціалізацією.

Сайт з офіційною документацією VueJS має простий інтерфейс, містить багато корисної інформації. За допомогою ресурсу можна не лише освоїти створення додатків та інтерфейсів на базі ефективної платформи, а й познайомитися з розробниками з інших країн світу.