Все курсы

Курс по Vue.js

Курс по профессиональной разработке веб-приложений с помощью Vue.js.

Vue.js

Цели курса

Курс посвящён разработке на Vue 3: от использования его как небольшой библиотеки до создания современного SPA приложения.

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

Как организовано обучение?

Курс идёт примерно 1.5 месяца.

До начала обучения: вводные материалы

За неделю до начала курса вы получите письмо с материалами для подготовки к курсу.

Мы также будем использовать систему Git/GitHub для обмена исходным кодом, так делает большинство проектов. Для тех, кому это в новинку - дадим крэш-курс и поможем разобраться.

Онлайн-занятия с преподавателем 2 раза в неделю

Занятие проходит в формате вебинара. Запись занятия доступна через 15 минут после окончания. Вы также сохраняете доступ к записям после окончания курса.

Домашние задания, обратная связь по ним

Ваши решения присылаете преподавателю, он проверяет качество кода, использование правильных шаблонов проектирования, даёт обратную связь. К ряду заданий прилагаются тесты, которые частично позволяют проверить правильность решения самому.

Чат

Между занятиями доступен групповой чат для общения и вопросов преподавателю.

Курсовой проект

Делаем курсовой проект: сервис организации митапов, большую часть которого Вы реализуете самостоятельено.

Результат

Вы владеете основными возможностями Vue и библиотек его экосистемы.

Вы умеете разрабатывать Vue-компоненты и применять для этого различные подходы.

Вы знакомы с особенностями работы Vue.

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

Сертификат

По окончанию курсов вы получаете сертификат в электронном виде на русском и английском языках.

Хотя сертификатам в нашей профессии обычно не придают значения. Главное - знания и умения, которые вы получите, если будете полноценно участвовать в курсе.

img

Программа курса

Блок 1

Знакомство с Vue.js

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

  • Основы Vue.js

    • Синтаксис шаблонов
    • Реактивность вычисляемые свойства, отслеживание
    • Работа с DOM событиями, атрибутами, формами
    • Хуки жизненного цикла
  • Компоненты во Vue.js

    • Компонентный подход
    • Создание компонентов
    • Параметры и события компонентов
    • Слоты

Блок 2

Разработка приложений на Vue.js

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

  • Инструменты разработки Frontend приложений
  • Однофайловые компоненты (SFC) и инкапсуляция стилей
  • Создание и разработка приложений с @vue/cli
  • Одностраничные приложения (SPA)
  • Маршрутизация на клиенте, vue-router
  • Unit-тестирование Vue.js приложения с Jest и vue-test-utils

Блок 3

Углубление во Vue.js и разработку компонентов

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

  • Компоненты-обёртки
  • Компоненты-формы и однонаправленный поток данных
  • Реактивность вне компонентов и реализация реактивности
  • Основы рендеринга, Virtual DOM, render-функции, JSX
  • Ограничения Vue.js, его зона ответственности и работа с другими библиотеками
  • Scoped-slots, Renderless компоненты и другие подходы к разработке компонентов

Блок 4

Другие взаимодействия компонентов, расширение Vue и Composition API

Рассмотрим другие варианты взаимодействия компонентов приложения, их применение, сильные и слабые стороны. Научимся расширять Vue.js. Изучим Composition API - новый подход определения компонентов во Vue 3.

  • Шина событий
  • Teleport
  • provide/inject и варианты его применения
  • Пользовательские директивы
  • Миксины
  • Плагины
  • Composition API

Блок 5

Vuex. Архитектура проекта

Познакомимся с глобальным хранилищем Vuex. Рассмотрим различные архитектурные аспекты разработки проекта.

  • Vuex: основы, модули, применение
  • Архитектура приложения, организация работы с API и другие вопросы за границами Vue

Блок 6

Завершение курса

В конце курса поговорим о проблемах SPA приложений и способы их решения: сравним prerendering и server-side rendering.

А после обсудим другие темы, по которым остались вопросы за время курса.

Результат обучения

  1. Вы хорошо понимаете возможности Vue.js и основных библиотек его экосистемы.
  2. Вы умеете разрабатывать компоненты на Vue.js и использовать их как в существующих проектах, так и разрабатывать SPA приложения на Vue.js.
  3. Вы используете различные инструменты разработки современных веб-приложений.
  4. Вы знакомы с Nuxt.js и серверным рендерингом на Vue.js.
  5. Вы знаете в каком направлении развиваться дальше.

Курсовой проект

Сервис для "митапов" (собраний, конференций)

  1. Одностраничное приложение: роутинг, динамическая подгрузка страниц.
  2. Вывод в виде календаря или списка.
  3. Работа с формами: компоненты форм, генерация.
  4. Сетевые запросы, HTTP API, аутентификация.
  5. Современная архитектура.

Предварительные требования

  • Знание основ HTML/CSS: умение работать с основными HTML элементами и готовой вёрсткой.
  • Знание JavaScript, включая ES2015+ и основы работы с HTTP API.
  • Интернет 256kb/s или быстрее для видео.

Преподаватель

Photo
Григорий ШарцевВедёт курс с 15 июня 2020

Веб-разработкой занимаюсь с 2014 года, с Vue.js начал работать с 2017 года. Сейчас занимаюсь разработкой внутренних приложений для компании Lukoil на Vue.js.

Также давно занимаюсь преподаванием. Веду свой курс веб-разработки в университете и несколько лет обучаю олимпиадному и промышленному программированию. Активно участвую в русскоязычных ИТ сообществах.

Гарантия

  • Если объяснения будут вам непонятны
  • Если курсы не дадут вам новых знаний и умений
  • Если вы не сможете подключиться к системе онлайн-обучения

…то вы сможете получить деньги назад.

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

Для компаний

У нас большой опыт работы с самыми разными компаниями: как маленькими, так и IT-гигантами (Яндекс, Мейл.ру и другие), а также с бюджетными (Университеты и другие).

  • При записи нужно выбрать способ оплаты "счёт на компанию", и документы будут автоматически сгенерированы: договор, акт и счёт.
  • Для зарубежных компаний выдаём инвойс на английском языке.
  • Физическим лицам даём справку об оплате, если нужна компании для компенсации расходов.
  • Сведения о нас (для бухгалтерии): скачать архив с документами.

Подписаться на уведомления по курсу

Набор на этот курс открывается каждые 4 недели. Вы можете запросить уведомление:

Мы рассылаем уведомления только когда вы их запрашиваете, вы можете отказаться в любой момент. Подписываясь на рассылку, вы соглашаетесь с политикой конфиденциальности.

Комментарии

перед тем как писать…
  • Если вам кажется, что в статье что-то не так - вместо комментария напишите на GitHub.
  • Для одной строки кода используйте тег <code>, для нескольких строк кода — тег <pre>, если больше 10 строк — ссылку на песочницу (plnkr, JSBin, codepen…)
  • Если что-то непонятно в статье — пишите, что именно и с какого места.