phone_picture

Цель курса

Изучить философию и дух компонентного подхода современных javascript-фреймворков, научиться использовать React для решения практических задач.

Для новичков React посложнее, чем Vue.js. Но вакансий и заказов на фрилансе на нём больше.

Программа курса

13 октября, 20:00 — урок 1

  • Простая сборка с webpack
  • Основы компонентного подхода
  • Понимание JSX
  • Функциональные компоненты vs классы
  • Классический React vs функции + хуки
  • Изменение состояния и иммутабельность

17 октября, 20:00 — урок 2

  • JSX и ветвления при рендеринге
  • Рендеринг элементов в цикле
  • Нюансы атрибута key
  • Понимание основных хуков
  • useState, useEffect, useRef
  • Создание своих хуков

20 октября, 20:00 — урок 3

  • Взаимодействие между компонентами
  • Однонаправленный поток данных
  • Обработка событий
  • Модульный CSS vs CSS in JS
  • Работа с формами

24 октября, 20:00 — урок 4

  • Children - передача контента в компонент
  • Проблемы большой иерархии компонентов
  • Идеи хука useContext
  • Идеи единого склада данных
  • Состояние и хук useReducer

27 октября, 20:00 — урок 5

  • Управление состоянием приложения
  • Централизованный склад данных
  • Понимание flux-архитектуры
  • Redux, который бесит новичков
  • Основы работы с Mobx

31 октября, 20:00 — урок 6

  • Организация работы с Mobx
  • Модули и rootStore
  • Основы React Router
  • Api History
  • Создание небольшого SPA

7 ноября, 20:00 — урок 7

  • Общение с серверным API
  • Fetch и промисы
  • Обработка ошибок
  • Подключение полифилов
  • Построение архитектуры приложения

10 ноября, 20:00 — урок 8

  • Доработка SPA
  • Применение изученных тем
  • Сборка в production
  • Перенос SPA на сервер
  • План дальнейшего развития

Преподаватель курса

Дмитрий Лаврик

Профессиональный веб-разработчик

Опыт работы в сфере разработки сайтов более 10 лет. Ориентируется во всех вопросах создания сайтов, от вёрстки до backend-а.

Опытный преподаватель

Начиная с 2011 года, под его руководством тысячи учеников прошли путь от новичков до успешных веб-программистов. Если вы ещё не знакомы с Дмитрием, рекомендуем заглянуть на его youtube-канал, где вы найдете много полезных видео и сможете узнать стиль преподавания Дмитрия.

Дмитрий Лаврик

Что вы получите

8 онлайн уроков

По понедельникам и четвергам с 20:00 МСК. Продолжительность каждого занятия около двух часов. На уроках разбираются домашние работы учеников и новый материал.

Видеозаписи всех уроков

Если вы по какой-то причине не смогли посетить урок, не переживайте, спустя пару часов после окончания занятия он доступен в записи в хорошем качестве :)

Материалы и исходники

Все примеры, которые мы рассматриваем на уроках, вы получаете в архиве. Таким образом, даже не написав ни строчки кода, вы получаете набор готовых решений, сделанных на уроке.

Домашние задания

После каждого урока выдаётся домашнее задание, которое нужно сделать для закрепления пройденного материала. Плохие оценки не ставим – только конструктивные комментарии :)

Обратную связь от преподавателя

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

Доступ в закрытую группу

Во время прохождения курса все участники тусуются в рамках закрытой площадки, где помогают друг другу, а также задают вопросы преподавателю и получают ответы на них.

Обзор курса

Для прохождения данного курса необходимо нормальное владение javascript, в том числе, понимание ООП, контекста, замыканий и стандарта ES6!

Если вы ещё сомневаетесь относительно React

посмотрите видео, расположенное рядом

В нём рассказано, почему есть смысл изучать именно этот фреймворк.

Запись временно закрыта, даты нового потока пока что не определены.

Если react нужен сейчас, напишите на info@dmitrylavrik.ru, возможно приобретение записей курса.

Часто задаваемые вопросы

Будут ли записи уроков

Да, конечно. Видеозапись и материалы выкладываются в течение нескольких часов после окончания урока.

Какой начальный уровень знаний необходим

Уверенное владение javascript, в том числе понимание ООП, контекста, замыканий и стандарта ES6.

Почему React, а не Vue

Vue проще, а может быть, даже просто лучше. Но React популярнее, вакансий и заказов на фрилансе ощутимо больше. Кроме того, сейчас многие опасаются Vue из-за неоднозначных новшеств, запланированных в версии 3.

Стоит идти на курс, если я боюсь

Если вы владете js на уровне решения простых задач для вёрстки, то лучше начинать с Vue. React более требователен к начальным знаниям.

Будут ли ещё потоки этого курса

Скорее всего будут, но не слишком скоро. Обычно подобные курсы стартует два-три раза в год.

Почему мало времени уделено Redux

Без дополнительных библиотек он заставляет писать много однотипного кода, что в сумме с иммутабельностью данных сильно напрягает новичков.