Изучаем Vue.js в 2018 году

Изучаем Vue.js в 2018 году

От автора: Vue.js — одна из самых горячих тем в веб-разработке. Vue появился довольно недавно, но уже стал самой популярной JavaScript платформой на Github. Это также фреймворк, который, по заявлению большинства JavaScript-разработчиков, они хотят изучить в 2018 году. Итак, изучаем Vue js. Основной вопрос: как это сделать?

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

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

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

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

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

Фреймворк VUE JS: быстрый старт, первые результаты

Получите бесплатный курс и создайте веб-приложение на трендовой Frontend-технологии VUE JS с полного нуля

Узнать подробнее

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

Начинаем

Самое очевидное место для начала работы с Vue — это официальное руководство. На самом деле, если вы прогуглите «learn vue», то это одна из первых вещей, которые вы найдете.

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

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

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

Vue JS 2 — The Complete Guide (incl. Vue Router & Vuex). Это курс, с которого я начинал — это платный курс, но часто со скидками его стоимость составляет всего 10 долларов. Я очень его рекомендую.

Learn Vue 2 Step By Step (Laracasts). Еще один отличный вводный курс. Я не думаю, что он так же хорошо, как указанный выше, но, с другой стороны, он бесплатный.

Intro to Vue.JS (VueMastery). Это более короткий курс, чем два предыдущих, и я думаю, что видео не столь же хорошо, но VueMastery делает все, чтобы дать вам больше, чем просто видео. Вы также получаете текстовые руководства, можете загрузить любой из используемых ресурсов и использовать любой из примеров на основе CodePen. О, и это бесплатно!

The Ultimate Vue JS 2 Developers Course. Возможно, «ultimate» — это небольшое преувеличение, но это отличный курс, чтобы «учиться на практике», в нем рассматриваются три проекта, чтобы изучить концепции Vue. Если у вас возникнут проблемы с созданием собственного проекта, это может вам помочь, поскольку вы можете следить за проектами преподавателя.

Бонусная возможность для начинающих: LearnVueJS.com

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

Фреймворк VUE JS: быстрый старт, первые результаты

Получите бесплатный курс и создайте веб-приложение на трендовой Frontend-технологии VUE JS с полного нуля

Узнать подробнее

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

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

Advanced Components (VueMastery). Углубленное изучение того, как работает Vue, в комплекте с несколькими уроками Эвана Ю, создателя Vue. Как только вы почувствуете себя более уверенно и захотите идти дальше, это то, куда я рекомендую вам отправиться.

The VueJS Master Class (VueSchool.io). Курс, ориентированный на проект, в котором с нуля создается полное приложение и в процессе освещаются все практически аспекты Vue.js. Преподает Алекс Кириакидис, член основной команды Vue и автор книги «Величие Vue.js»

Последующее обучение

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

Vue News, подкаст и еженедельная рассылка, в которых освещены последние новости. Официальный источник новостей, получивший одобрение основной команды Vue.

Vuejsdevelopers.com, блог и еженедельные рассылки, посвященные продвинутым темам.

Vue Feed, веб-сайт, информационные рассылки и твиттер, с руководствами, плагинами и многим другим.

CSS Tricks, возможно, начинали с CSS, но сейчас вы можете найти у них внушительное количество качественных статей по Vue.

Views on Vue — это еженедельный подкаст в сети devchat.tv, ориентированный на Vue, с участием нескольких членов основной команды.

Vue Land Discord — это чат, ориентированный на Vue, в котором вы можете задавать вопросы, устанавливать связи и учиться.

Заключение

Как вы можете видеть, доступно много ресурсов для изучения Vue.js. Вопрос только в том, какой стиль обучения подойдет для вас, и сколько времени и сил вы потратите на изучение?

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

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

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

Источник: https://zendev.com/

Редакция: Команда webformyself.

Фреймворк VUE JS: быстрый старт, первые результаты

Получите бесплатный курс и создайте веб-приложение на трендовой Frontend-технологии VUE JS с полного нуля

Узнать подробнее

VUE JS. Быстрый старт

Практический курс по созданию веб-приложения на VUE JS с полного нуля

Получить

Метки:

Похожие статьи:

Комментарии Вконтакте:

Комментарии Facebook:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

Я не робот.

Spam Protection by WP-SpamFree