ТОП-10 бесплатных онлайн-курсов по Vue.js для начинающих с нуля 2024

1. «Уроки Vue JS» от itProger

Пройти курс

Длительность курса: 10 уроков.

Уровень: для начинающих.

Формат обучения: видеоуроки + практические занятия.

Обратная связь: при наличии полугодовой подписки.

Программа обучения:

Что такое Vue.js?
События, атрибуты и методы.
Обработанные свойства.
Условия, списки и циклы.
Работа с фильтрами (filters).
Создание компонентов.
Vue CLI и .vue файлы.
Компоненты и «.vue» файлы.
Связь компонентов.
Завершающий урок.

Чему научитесь:

Основам работы с Vue JS
Использованию компонентов
Применению событий, атрибутов и методов

Большие задания по курсу доступны при наличии подписки от 1 месяца за 400 рублей
Есть справочник и редактор кода

Кто проводит курс

Георгий Дударь

Основатель онлайн-школы программирования itProger
685 тысяч подписчиков на YouTube

2. «Бесплатный курс по Vue.js» от Илья Климов

Пройти курс

Длительность курса: 30 уроков.

Уровень: для начинающих.

Формат обучения: видеоуроки.

Обратная связь: нет.

Программа обучения:

Бесплатный курс по Vue.js: о структуре.
Зачем нужен Vue.js? — Vue.js: концепции.
Реактивность — Vue.js: концепции.
Двустороннее связывание — Vue.js: концепции.
Как во Vue.js использовать Х — Vue.js: нюансы.
Знакомство — Vue.js: практика.
Декларативность — Vue.js: концепции.
«Теория ограничений» — Vue.js.
Бизнес логика или детали реализации? — Vue.js: концепции.
Учимся учиться — Vue.js: практика.
Криптономикон-1 — Vue.js: практика.
Криптономикон-2 — Vue.js: практика.
Реализация реактивности — Vue.js: нюансы.
Компоненты — Vue.js: концепции.
Криптономикон-3: vue-cli и tailwind.
Криптономикон-4 — Самостоятельная работа (валидации).
Криптономикон-5: Работа со списком — Vue.js: практика.
Криптономикон: рефакторинг — Vue.js: практика.
Криптономикон: рефакторинг — Vue.js: практика.
Криптономикон: ещё раз о рефакторинге — Vue.js: практика.
YAGNI — Vue.js: практика.
Криптономикон: улучшаем API — Vue.js: практика.
Криптономикон: refs — Vue.js: практика.
nextTick — Vue.js: нюансы.
Криптономикон: компоненты — Vue.js: практика.
Нативные события — Vue.js: нюансы.
Всплытие событий — Vue.js: нюансы.
Знакомство со слотами — Vue.js: практика.
Попап и scoped slots — Vue.js: практика.
Попап и промисы — Vue.js: практика.

Чему научитесь:

Основам работы с Vue.js
Оценке преимуществ и недостатков Vue.js
Практическому применению Vue.js

Кто проводит курс

Илья Климов

Главный frontend-инженер Git Lab
Основатель проекта JavaScript.Ninja
Более чем 30 000+ подписчиков на YouTube

3. «Vue JS» от Евгения Ковальчука

Пройти курс

Длительность курса: 27 уроков.

Уровень: для начинающих.

Формат обучения: видеоуроки.

Обратная связь: нет.

Программа обучения:

Введение в курс (Introduction).
Экземпляр Vue (The Vue Instance).
Данные и методы (Data & Methods).
Привязка данных (Data Binding).
Списки и динамические классы (Lists & Dynamic CSS Classes).
События (Events).
Модификаторы события (Events Modifiers).
События клавиатуры (Keyboard Events).
Двусторонняя привязка данных (Two-Way Data Binding).
Вычисляемые свойства (Computed Properties).
Условный рендеринг (Conditionals).
Summary (To-Do App).
Множественные экземпляры Vue (Multiple Vue Instances).
Введение в компоненты (Intro to Components).
Ссылки на элементы (Refs).
The Vue CLI.
Файловая система Vue CLI (Vue CLI Files).
Вложенность и импорт компонентов (Nesting & Importing Components).
Хуки жизненного цикла (Lifecycle Hooks).
Динамические компоненты (Dynamic Components).
Slots.
Компонентые стили (Component CSS).
Пропсы (Props).
Пользовательские события (Custom Events).
Глобальная шина событий (The Event Bus).
Привязка данных в элементах формы (Input, Checkbox, Select Bindings).
Фильтры (Filters).

Чему научитесь:

Основам работы с Vue.js
Созданию событий

Кто проводит курс

Евгений Ковальчук

Инженер по программному обеспечению в EPAM Systems
Более чем 50 000+ подписчиков на YouTube
Выкладывает свои курсы по программированию на различных площадках, включая IT Academy

4. «Vue.js Fast Crash Course» от Эдвина Диаса

Пройти курс

Длительность курса: 28 уроков.

Уровень: для продвинутых.

Формат обучения: видеоуроки + тестовые задания.

Обратная связь: нет.

Start Here

Data Blinding

Vue Components

More Advanced Features

Чему научитесь:

Эффективно использовать JavaScript для создания приложений
Применять Vue.js для внедрения функций в приложения

Курс на английском языке
Требуются знания JavaScript

Кто проводит курс

Эдвин Диас

Инженер по программному обеспечению и веб-технологиям
Предприниматель, ведущий множество онлайн-бизнесов
Более чем 17 000+ подписчиков на YouTube

5. «Vue.js 2 Basics in Just 1 Hour» от Тима Шутца

Пройти курс

Длительность курса: 23 урока.

Уровень: для начинающих.

Формат обучения: видеоуроки.

Обратная связь: нет.

Программа обучения:

Introduction.
Install Atom.
Install Plugins.
Setup Layout.
Vue object.
Data object.
Methods.
Change vue values per console.
Directives: v-show.
Directives: v-html.
Databinding.
2 Way databinding.
Events.
Keyboard events.
Computed properties.
Add remove classes.
Css styling.
Conditions.
Dsiply list of items: v-for.
Checkbox.
Radio buttons.
Selection.
2 Vue objects & interaction.

Чему научитесь:

Эффективной работе с VueJS 2
Созданию качественного интерфейса

Курс на английском языке
Требуются минимальные знания VueJS 2

Кто проводит курс

Тим Шутц

Программист с 7-летним опытом работы
Работал над созданием Android-приложений c Java и JavaScript

6. «Vue.js for Beginners: Up and Running with Vue» от Дэна Веги

Пройти курс

Длительность курса: 17 уроков.

Уровень: для продвинутых.

Формат обучения: видеоуроки и тестовые задания.

Обратная связь: нет.

Introduction to Vue.js

Vue Core Concepts

Resourses & Next Steps

Чему научитесь:

Основам работы с VueJS
Переходу с jQuery на VueJS
Добавлению VueJS на простую веб-страницу
Созданию приложения на VueJS

Курс на английском языке
Для начала изучения курса вам понадобятся базовые знания HTML, CSS и JavaScript

Кто проводит курс

Дэн Вега

Программист-самоучка, занимающийся кодом более 20 лет
Онлайн-преподаватель с более чем 115 000+ студентов
10 000+ подписчиков на YouTube

7. «Vue.js — Complete Course For Beginners» от Демьяна Костельны

Пройти курс

Длительность курса: 25 уроков.

Уровень: для продвинутых.

Формат обучения: видеоуроки.

Обратная связь: нет.

Introduction

Building App by Vue CLI

Чему научитесь:

Основам веб-разработки
Созданию пользовательского интерфейса со Vue

Курс на английском языке
Для начала изучения курса требуются базовые знания HTML, CSS и HTML

Кто проводит курс

Демьян Костельны

Веб-разработчик с трёхлетним опытом работы
Специализируется на работе с Laravel, WordPress, Vue.js, Ionic и Angular

8. «Vue.js — подробный курс» от проекта «Java и скрипты»

Пройти курс

Длительность курса: 11 уроков.

Уровень: для продвинутых.

Формат обучения: видеоуроки.

Обратная связь: нет.

Программа обучения:

Постигаем Vue js: урок 0 — установка и основные понятия.
Постигаем Vue js: урок 1 — что такое v-for, computed, watch.
Постигаем Vue js: урок 2 — условная отрисовка и стили.
Постигаем Vue js: урок 3 — v-model, props и пользовательские события.
Постигаем Vue js: урок 4 — реактивность и решение ее основных проблем.
Постигаем Vue js: урок 5 — работа с формами, валидация с Vuelidate.
Постигаем Vue js: урок 6 — слоты, refs, жизненный цикл компонентов.
Постигаем Vue js: урок 7 миксины(примеси), плагины и фильтры.
Постигаем Vue js: урок 8 — vue-router продвинутая маршрутизация.
Постигаем Vue js: урок 9 — Vuex / Что такое глобальное хранилище.
Постигаем Vue js урок 10 работа с API fetch и axios.

Чему научитесь:

Основам работы с Vue.js
Взаимодействию с API
Решению проблем Vue.js

Для начала изучения курса требуются базовые знания вёрстки и JavaScript

Кто проводит курс

«Java и скрипты»

Проект, специализирующийся на обучении JavaScript
2,6 тысячи подписчиков на YouTube

9. «Практика Vue JS — создание CRM-системы» от Владилена Минина

Пройти курс

Длительность курса: 21 урок.

Уровень: для начинающих.

Формат обучения: видеоуроки.

Обратная связь: нет.

Программа обучения:

Введение.
Создание приложения с Vue CLI 3.
Страницы и layouts.
Основной layout.
Создание фильтра даты + меню.
Валидация с Vuelidate.
Как создать плагин сообщений.
Добавление Firebase.
Регистрация через Firebase.
Работа с API, валютами и компонентами.
Добавление категорий.
Редактирование категорий.
Добавление записей (через Firebase).
Создание tooltip директивы.
Как защитить роуты.
Вывод таблицы записей.
Страница с динамическим параметром.
Пагинация на mixins.
График с vue-chartjs.
Динамическая локализация (ru/en).
CRM на VueJS. SEO + Деплой на Firebase.

Чему научитесь:

Основам работы с Vue.js
Созданию интерфейса
Взаимодействию с API

Кто проводит курс

Владилен Минин

Окончил факультет информационных технологий СПбГУ
Frontend-разработчик с более чем 8-летним стажем
Специализируется на разработке сложных корпоративных модулей

10. «Интернет-магазин на Vue.js за 4 часа» от Антона Болтнёва

Пройти курс

Длительность курса: 14 уроков.

Уровень: для начинающих.

Формат обучения: видеоуроки.

Обратная связь: нет.

Программа обучения:

Создание сборки Vue приложения с использованием Node.js и Vue Cli 3.
Структура компонентов vue. Родители и дети.
Передача данных между компонентами vue. Props и v-bind.
Получение данных из API и работа с VUEX Store.
Добавление, удаление и изменение кол-ва товаров в корзине.
VUE-ROUTER. Навигация в приложении Vue.
Подсчет Total’a в корзине Vue. Кнопки «+» и «-» на товарах.
Refactoring приложения Vue. Best-practise..
Сортировка товаров по категориям на Vue.js. Онлайн-магазин на Vue.
Vue. Программная смена состояния приложения через VUEX в зависимости от ширины экрана.
Vue.js. Фильтрация товаров по цене через ползунки (range slider).
Vue.js компонент всплывающее модальное окно используя SLOT и $REFS.
Фильтры во Vue.js.
Поиск по каталогу с главной страницы Vue js магазина.

Чему научитесь: