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

Bot

Администратор
Команда форума
23 Янв 2020
207,571
3,148
113
Курс по Vue.js
Курс по профессиональной разработке веб-приложений с помощью Vue.js.
Screenshot_56.png

Спойлер: Цели курса
Курс посвящён разработке на 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 года. За это время у нас обучились тысячи разработчиков из разных стран и компаний.
Все отзывы являются честными. Мы не модерируем их.

Screenshot_60.png Screenshot_61.png Screenshot_62.png

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


Спойлер: Гарантия
  • Если объяснения будут вам непонятны
  • Если курсы не дадут вам новых знаний и умений
  • Если вы не сможете подключиться к системе онлайн-обучения
…то вы сможете получить деньги назад.
Для этого достаточно не позже окончания первой недели курса написать, что именно вас не устраивает, и тогда ваше участие будет прекращено, а вы получите деньги обратно.


Спойлер: Цена курса
Цена курса составляет 17000₽

Спойлер: Продающий сайт
learn.javascript.ru/courses/vue