Курс посвящён разработке на Vue 3: от использования его как небольшой библиотеки до создания современного SPA приложения.
С первого занятия мы будем разрабатывать проект, на примере которого постепенно изучим возможности Vue.js, основные библиотеки его экосистемы и их применение для решения практических задач.
Курс идёт примерно 1.5 месяца.
До начала обучения: вводные материалы:
- За неделю до начала курса вы получите письмо с материалами для подготовки к курсу.
- Мы также будем использовать систему Git/GitHub для обмена исходным кодом, так делает большинство проектов. Для тех, кому это в новинку - дадим крэш-курс и поможем разобраться.
Онлайн-занятия с преподавателем 2 раза в неделю:
- Занятие проходит в формате вебинара. Запись занятия доступна через 15 минут после окончания. Вы также сохраняете доступ к записям после окончания курса.
Домашние задания, обратная связь по ним:
- Ваши решения присылаете преподавателю, он проверяет качество кода, использование правильных шаблонов проектирования, даёт обратную связь. К ряду заданий прилагаются тесты, которые частично позволяют проверить правильность решения самому.
Чат:
- Между занятиями доступен групповой чат для общения и вопросов преподавателю.
Курсовой проект:
- Делаем курсовой проект: сервис организации митапов, большую часть которого Вы реализуете самостоятельено.
Результат:
- Вы владеете основными возможностями Vue и библиотек его экосистемы.
- Вы умеете разрабатывать Vue-компоненты и применять для этого различные подходы.
- Вы знакомы с особенностями работы Vue.
- Вы можете использовать Vue и как небольшую библиотеку, и для разработки одностраничных приложений.
Сертификат:
- По окончанию курсов вы получаете сертификат в электронном виде на русском и английском языках.
- Хотя сертификатам в нашей профессии обычно не придают значения. Главное - знания и умения, которые вы получите, если будете полноценно участвовать в курсе.
БЛОК 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.
А после обсудим другие темы, по которым остались вопросы за время курса.
- Знание основ HTML/CSS: умение работать с основными HTML элементами и готовой вёрсткой.
- Знание JavaScript, включая ES2015+ и основы работы с HTTP API.
- Интернет 256kb/s или быстрее для видео.
- Григорий Шарцев. Ведёт курс с 15 июня 2020. Веб-разработкой занимаюсь с 2014 года, с Vue.js начал работать с 2017 года. Сейчас занимаюсь разработкой внутренних приложений для компании Lukoil на Vue.js. Также давно занимаюсь преподаванием. Веду свой курс веб-разработки в университете и несколько лет обучаю олимпиадному и промышленному программированию. Активно участвую в русскоязычных ИТ сообществах.
- Если объяснения будут вам непонятны
- Если курсы не дадут вам новых знаний и умений
- Если вы не сможете подключиться к системе онлайн-обучения
…то вы сможете получить деньги назад.
Для этого достаточно не позже окончания первой недели курса написать, что именно вас не устраивает, и тогда ваше участие будет прекращено, а вы получите деньги обратно.
Цена курса составляет 17000₽
