[learn.javascript] Курс по Vue.js [Григорий Шарцев]

Sweet_Berry · 16 Апр 2022

Курс посвящён разработке на 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₽