Цели курса
Курс посвящён разработке на 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.
А после обсудим другие темы, по которым остались вопросы за время курса.
Результат обучения
- Вы хорошо понимаете возможности Vue.js и основных библиотек его экосистемы.
- Вы умеете разрабатывать компоненты на Vue.js и использовать их как в существующих проектах, так и разрабатывать SPA приложения на Vue.js.
- Вы используете различные инструменты разработки современных веб-приложений.
- Вы знакомы с Nuxt.js и серверным рендерингом на Vue.js.
- Вы знаете в каком направлении развиваться дальше.
Курсовой проект
Сервис для "митапов" (собраний, конференций)
- Одностраничное приложение: роутинг, динамическая подгрузка страниц.
- Вывод в виде календаря или списка.
- Работа с формами: компоненты форм, генерация.
- Сетевые запросы, HTTP API, аутентификация.
- Современная архитектура.
Преподаватель
Веб-разработкой занимаюсь с 2014 года, с Vue.js начал работать с 2017 года. Сейчас занимаюсь разработкой внутренних приложений для компании Lukoil на Vue.js.
Также давно занимаюсь преподаванием. Веду свой курс веб-разработки в университете и несколько лет обучаю олимпиадному и промышленному программированию. Активно участвую в русскоязычных ИТ сообществах.
Гарантия
- Если объяснения будут вам непонятны
- Если курсы не дадут вам новых знаний и умений
- Если вы не сможете подключиться к системе онлайн-обучения
…то вы сможете получить деньги назад.
Для этого достаточно не позже окончания первой недели курса написать, указав причину из этого списка и что именно вас не устраивает, и тогда ваше участие будет прекращено, а вы получите деньги обратно.
Для компаний
У нас большой опыт работы с самыми разными компаниями: как маленькими, так и IT-гигантами (Яндекс, Мейл.ру и другие), а также с бюджетными (Университеты и другие).
- При записи нужно выбрать способ оплаты "счёт на компанию", и документы будут автоматически сгенерированы: договор, акт и счёт.
- Для зарубежных компаний выдаём инвойс на английском языке.
- Физическим лицам даём справку об оплате, если нужна компании для компенсации расходов.
- Сведения о нас (для бухгалтерии): скачать архив с документами.
- У нас есть лицензия
- Можно сделать налоговый вычет: детали для России
Комментарии
<code>, для нескольких строк кода — тег<pre>, если больше 10 строк — ссылку на песочницу (plnkr, JSBin, codepen…)