Vue.js - одна из самых горячих тем в области веб-интерфейса.

Vue резко обогнал React и стал самым популярным JavaScript-фреймворком на Github.

Это был также фреймворк, который большинство разработчиков JavaScript заявили, что они хотели бы изучить его в 2018 году.

Главный вопрос: Как вы изучаете Vue.js?

Какие ресурсы самые лучшие? Какие источники вам следует читать, какие уроки вы должны посещать и многое другое?

Подход к обучению

Прежде чем углубиться в доступные ресурсы, давайте кратко поговорим о том, как мы учимся.

Если вы действительно хотите изучить Vue.js, я настоятельно рекомендую выбрать проект, в котором вы собираетесь его применить.

Не выполняйте просто игрушечные проекты или следуйте инструкциям - найдите что-то реальное, чего вы хотите достичь, и приступите к выполнению этого с помощью Vue.

Это поможет вам преодолевать трудности и заставит исследовать за пределами узких границ того, о чем думают авторы учебных пособий и преподаватели курсов.

Это также поможет вам определить актуальность некоторых более неясных тем. Многие более продвинутые концепции Vue (такие как многокорневые компоненты) не имели для меня смысла, пока я не столкнулся с проблемой в проекте, которая требовала их.

Начиная

Самый простой способ начать работу с Vue - это официальное руководство. Фактически, если вы введете в Google запрос learn vue, это будет одним из первых вещей, которые вы найдете.

Однако, когда я начинаю изучать новую технологию, такую ​​как Vue, я обычно начинаю с бесплатного или дешевого видеокурса, чтобы дать мне обзор. Как бы хорошо ни было официальное руководство, мне почему-то легче было разобраться с курсами.

Хорошие курсы для начинающих

К счастью, для начинающих есть несколько хороших курсов.

  1. Vue JS 2 - Полное руководство (включая Vue Router и Vuex). Я начал с этого курса - это платный курс, но он часто со скидкой примерно до 10 долларов. Я очень рекомендую это.
  2. Изучите Vue 2 шаг за шагом (ларакасты). Еще один отличный вводный курс. Я не думаю, что он так же хорошо справляется с задачей секвенирования, как описанный выше курс, но, с другой стороны, он бесплатный.
  3. Введение в Vue.JS (VueMaster). Это более короткий курс, чем любой из двух вышеупомянутых, и я думаю, что видео не так хороши, но VueMaster отлично справляется с предоставлением вам большего, чем просто видео. Вы также получаете урок в текстовом формате, загружаете любые используемые ресурсы и участвуете в упражнениях на основе CodePen. О, и это бесплатно!
  4. Курс для разработчиков Ultimate Vue JS 2. Возможно, немного переоценен как окончательный курс, но отличный курс учись на практике, который фокусируется на 3 проектах по ознакомлению с концепциями Vue. Если у вас возникли проблемы с созданием собственного проекта, это может быть для вас хорошим курсом, так как вы можете следовать вместе с проектами преподавателя.

Бонусная возможность обучения для новичков: LearnVueJS.com
Это мой проект, который я только что запустил, сосредоточившись на дополнительных возможностях живого обучения. В большинстве возможностей обучения Vue не хватало возможности проводить живые вопросы и ответы с инструкторами, поэтому я запустил это. Первым был запущен бесплатный веб-семинар по основам Vue.js, и скоро их будет больше.

Продвинутые курсы

Также начинают появляться более продвинутые видеокурсы. Вот пара хороших вариантов:

  1. Расширенные компоненты (VueMaster). Глубокое погружение в то, как работает Vue, в комплекте с несколькими уроками с Эваном Ю, создателем Vue. Как только вы начнете чувствовать себя комфортно и захотите погрузиться глубже, я пойду именно сюда.
  2. Мастер-класс VueJS (VueSchool.io). Курс, ориентированный на проект, который создает полное приложение с нуля и попутно охватывает практически все аспекты Vue.js. Преподает Алекс Кириакидис, член основной команды Vue и автор книги The Majesty of Vue.js.

Продолжая обучение

По мере того, как вы выйдете за рамки простого объяснения «как эта штука вообще работает», вам захочется расширить круг ресурсов, которые вы используете для обучения.

Существует ряд ресурсов, которые вы можете использовать для получения потока более сложных статей, руководств и инструментов.

  1. Vue News, подкаст и еженедельный информационный бюллетень по электронной почте, в котором освещаются последние новости и руководства. Официальный источник новостей, одобренный основной командой Vue.
  2. Vuejsdevelopers.com, как блог, так и еженедельный информационный бюллетень с подробными статьями.
  3. Vue Feed, веб-сайт, информационный бюллетень и Twitter-канал, на котором представлены тщательно отобранные новости Vue, учебные руководства, плагины и многое другое.
  4. Уловки CSS, возможно, и начали сосредотачиваться на CSS, но они собрали впечатляющее количество высококачественных статей о Vue.
  5. Просмотры на Vue - это еженедельный подкаст в сети devchat.tv, посвященный Vue с участием ряда основных членов команды.
  6. Vue Land Discord - это чат, ориентированный на Vue, где вы можете задавать вопросы, устанавливать связи и учиться.

Заключение

Как видите, для изучения Vue.js. доступно множество ресурсов.

Вопрос только в том, какой стиль обучения вам подходит и потратите ли вы время и усилия на обучение?

Если у вас хорошо получается учиться самоуправлению, начните с официального руководства.

Если вам нравятся видеокурсы, существует множество вариантов, поэтому просмотрите курсы для начинающих и выберите, какой из них лучше всего подходит.

Или, если вам нравится более интерактивное обучение и возможность задать вопросы эксперту, посетите LearnVueJS.com.

Если вам понравился этот пост, пожалуйста, похлопайте в ладоши. Вы можете отдать до 50!

Первоначально опубликовано на zendev.com 18 октября 2018 г.