Курсы программирования на Vue.js
Лучшие курсы программирования на Vue.js 2024 года. Информация постоянно обновляется и добавляются новые курсы. Изучите программирование на Vue.js с нуля на онлайн-курсах от лучших школ.
Курс Фреймворк Vue.js Skillbox
Курс для практикующих веб- и frontend-разработчиков. Расширьте свои компетенции, изучив трендовый фреймворк Vue.js
| Школа | Skillbox ⭐ Читать отзывы |
| Цель | Изучение навыка |
| Тип обучения | Самостоятельно с наставником |
| Уровень | Для опытных |
| Результат обучения | Сертификат |
| Форматы обучения | Сообщество, Домашняя работа, Видеоуроки, Тексты |
Программа обучения
Основы Vue
Введение. Что такое Vue. – Онлайн-сервисы для работы с кодом. Настройки окружения в codepen.io для Vue. – Обзор возможностей Vue. – Классы и стили. Анимации.
Создание проекта
Установка проекта через Vue CLI. – Структура проекта на Vue. – Работа с системами контроля версий: решения на рынке. Удалённые репозитории. – Работа с системами контроля версий. Установка и работа с Git. – Подготовка среды для работы над проектом. – Разбираем проект-пример.
Каталог товаров
Компонент в одном файле. – Состояние. Работа с циклами. – Выводим список товаров. – Основы компонентов. Входные параметры. – Делаем компонент для товара.
Пагинация и фильтрация
Инструмент разработчика Vue. – Вычисляемые свойства, события, методы и наблюдатели. – Организуем пагинацию. – Модели (V-Model) и наследование компонентов. – Организуем фильтрацию.
Страница товара
Роутинг. Страница ошибок. – Делаем страницу товара. – Вывод цены с использованием фильтра.
Корзина
Паттерн управления состоянием Vuex. – Слоты. – Организуем добавление товаров в корзину. – Организуем список товаров в корзине.
Работа с API. Список товаров
Обзор REST API (HTTP). – Обзор технологии XHR. Инструменты для работы с асинхронностью. Обработка ошибок и исключений. – Выводим список товаров и пагинацию из API. – Прелоадеры и обработка ошибок. – Фильтр из API. Состояние «Товары не найдены». – Выводим страницу товара через API. – Выводим корзину и добавляем товары из API.
Работа с API. Оформление заказа
Работа с формами. – Делаем страницу оформления заказа.
Деплой
Сборка для продакшна. – Публикация на GitHub.
Vue 3.0
Установка и обновление. – Новое API — v-model, emits, и рефакторинг проекта. – Фрагменты, атрибуты и события. – Телепорты и асинхронные компоненты. – Composition API. – Рефакторинг страницы товаров на Composition. – Будущее и настоящее Vue 3.0.
Курс Vue.js разработчик OTUS
О курсе
Курс поможет вам быстро овладеть Vue.js на продвинутом уровне. Хотя этот фреймворк считается легче других в экосистеме JavaScript, за интуитивно понятным и простым синтаксисом скрываются широкие возможности, часть которых можно упустить при самостоятельном освоении.
Курс раскроет продвинутые практичные решения Vue.js, которые расширят ваш стек технологий.
- Для JavaScript-разработчиков с навыками HTML/CSS. Вы сможете использовать решения, ускоряющие и упрощающие процесс разработки
- Для backend-разработчиков, желающих стать Fullstack. Vue.js идеально подходит для тех, кто хочет быстро пополнить пул скиллов работой с фронтендом
- Для начинающих Vue-разработчиков. Курс поможет расширить и углубить навыки работы с фреймворком, чтобы выделиться среди других соискателей
Программа обучения
Модуль 1: Основы Vue
- Введение в курс и современную веб-разработку.
- Знакомство с Vue, установка и настройка.
- Основы шаблонов и встроенных директив Vue.
- Создание собственных компонентов и работа с ними.
- Расширенные свойства компонентов для сложных UI.
Модуль 2: Уверенная разработка на Vue
- Использование Vue router для многостраничности.
- Освоение Vuex и Pinia для управления состоянием.
- Тестирование Vue приложений и добавление анимации.
- Основы работы с реактивными данными и MVVM.
- Исследование возможностей Vue 3 и работа с библиотеками.
Модуль 3: Продвинутые и практические решения
- Интеграция Vue с GraphQL и web sockets.
- Изучение Typescript для улучшения кода.
- Консультации и рекомендации по дипломному проекту.
- Создание десктопных приложений с Electron.
- Реализация SSR с Nuxt и использование современных инструментов.
Модуль 4: Проектная работа и заключение
- Индивидуальная консультация по проектам и заданиям.
- Защита и обсуждение проектных работ.
js и Node.js на курсе от Яндекса Практикума
О курсе
Middle Frontend-разработчик» от сервиса Яндекс Практикум. 5 месяцев обучения, 2 проекта в портфолио, код-ревью и наставничество от экспертов. Обучаем на frontend-developer онлайн.
| Цель | Обучение профессии |
| Тип обучения | В группе с наставником |
| Уровень | Для опытных |
| Результат обучения | Диплом |
| Бесплатная часть | Eсть |
| Форматы обучения | Тренажеры, Домашняя работа, Вебинары, Тексты |
Программа обучения
Бесплатная вводная часть
Чтобы принять взвешенное решение о курсе, нужно изучить программу, формат обучения и оценить свои силы.
Проект «Веб-мессенджер»
Этот модуль как испытательный период — вы погружаетесь в интенсивную разработку, изучаете внутренности, нюансы работы технологий. Займётесь не только чистым фронтом на JS с типизацией TS, но и узнаете больше о тестировании, DevOps, работе с API.
Командный проект
Вы объединитесь в команды из 3–4 человек и создадите свою веб-игру с нуля: от продумывания макетов и логики до деплоя в облако. Реализуете клиентскую часть игры и её бэкенд, развернёте результат в Яндекс.Облаке. Вы сможете использовать любые библиотеки на клиенте, которые не касаются части с игрой. Игру вы напишете используя React, TypeScript, Canvas API.
Алгоритмы и структуры данных. Включённый курс
Вам предстоит изучать этот блок на протяжении всей программы. Вы познакомитесь с распространёнными
Карьерный трек
После основной программы вы сможете пройти подготовку к получению job offer.
Часто задаваемые вопросы про Vue.js
Что такое Vue.js?
Vue.js – это прогрессивный JavaScript-фреймворк для создания пользовательских интерфейсов. Он позволяет разработчикам создавать масштабируемые и эффективные веб-приложения, используя декларативный подход и компонентную архитектуру.
Как начать работу с Vue.js?
Для начала работы с Vue.js вам понадобится включить Vue.js в ваш проект, используя либо ссылку на CDN, либо установив его через npm. Затем вы можете создать экземпляр Vue и привязать его к элементу на странице, чтобы начать разработку интерфейса.
Что такое директивы в Vue.js?
Директивы в Vue.js – это специальные атрибуты, которые можно добавлять к элементам DOM с целью применения определенного поведения. Например, директива v-if используется для условного отображения элементов, а директива v-for позволяет итерировать по данным и создавать списки.
Какие возможности предлагает Vue.js для обработки событий?
В Vue.js вы можете прослушивать и обрабатывать события с помощью директивы v-on или сокращенной формы @. Вы можете привязать методы или выражения к событиям, таким как клик, ввод или навигация, и выполнять соответствующие действия.
Что такое Vuex в Vue.js?
Vuex – это официальное состояние управления для приложений Vue.js. Он предоставляет централизованное хранилище, где можно хранить состояние приложения и выполнять мутации для его изменения. Vuex облегчает управление состоянием и синхронизацией данных между компонентами.
Как реагирует Vue.js на изменение данных?
Vue.js использует реактивный подход к обновлению пользовательского интерфейса. Когда данные, связанные с Vue-компонентом, изменяются, Vue обнаруживает эти изменения и автоматически обновляет соответствующие части интерфейса без необходимости явного обновления.
