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 имеет простой интерфейс, содержит массу полезной информации. С помощью ресурса можно не только освоить создание приложений и интерфейсов на базе эффективной платформы, но познакомиться с разработчиками из других стран мира.