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

Evgeny20 · 14 апр 2022

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

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

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

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

Одностраничное приложение: роутинг, динамическая подгрузка страниц.

Вывод в виде календаря или списка.

Работа с формами: компоненты форм, генерация.

Сетевые запросы, HTTP API, аутентификация.

Современная архитектура.

Знание основ HTML/CSS: умение работать с основными HTML элементами и готовой вёрсткой.

Знание JavaScript, включая ES2015+ и основы работы с HTTP API.

Интернет 256kb/s или быстрее для видео.

Григорий Шарцев. Ведёт курс с 15 июня 2020. Веб-разработкой занимаюсь с 2014 года, с Vue.js начал работать с 2017 года. Сейчас занимаюсь разработкой внутренних приложений для компании Lukoil на Vue.js. Также давно занимаюсь преподаванием. Веду свой курс веб-разработки в университете и несколько лет обучаю олимпиадному и промышленному программированию. Активно участвую в русскоязычных ИТ сообществах.

Мы занимаемся обучением с 2007 года. За это время у нас обучились тысячи разработчиков из разных стран и компаний.

Все отзывы являются честными. Мы не модерируем их.

Курс регулярно обновляется. Все отзывы относятся к последней версии курса.

Если объяснения будут вам непонятны

Если курсы не дадут вам новых знаний и умений

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

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

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

Цена курса составляет 17000₽

Скрытая ссылка