Первый интенсив по React,

|

Только офлайн, только Киев. 
Старт потока: Всего 20 человек.

Откроем глаза

точкаАВы не знаете React
Четырнадцать дней
точкаБВы — эксперт по React
Уникальный формат эффективной и быстрой прокачки
50+часов работы с преподавателями и менторами в одном зале
150+часов реальной менторской поддержки
Обучаем только последней версии React
Только у нас покрыты всевозможные тонкости React
Учебные материалы на английском, украинском и русском языках
Свое личное приложение, в которое влюбится ваш работодатель
Ваш уровень знаний будет выше, чем у многих преподавателей

Расписание интенсива

»
Учимся в офлайне
Теоретический блок
Подготовка к тесту
Тестирование
Разбор сложных вопросов
Практические занятия с преподавателями
Самостоятельная работа
Code Review с менторами
Разбор антипаттернов
10:00 — 22:00
»
Разрабатываем
Самостоятельная работа над своим React приложением.
Весь этот период вам доступна постоянная онлайн-поддержка наших менторов в Слаке.
Вы самостоятельно делаете приложение. По мере завершения определенных блоков задания у вас есть возможность получить code review от наших менторов. Вам смогут подсказать конкретно где и как нужно улучшить свой код.
Индивидуальный график
Подводим итоги
Code Review с менторами
Разбор интересных примеров
Финальное тестирование
Вопросы и ответы
Секретный бонус
Дорожная карта дальнейшего обучения
Секретный бонус
Свободное общение с другими участниками интенсива, преподавателями и менторами.
10:00 — 22:00
Слушаем и запоминаем
Делаем вместе с нами
Делаем сами (но мы вам помогаем :-)
Пора действовать

Структура курса

1.

Знакомство с React

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

2.

JSX как диалект React

Делаем первые шаги в построении UI и научимся создавать и рендерить базовые элементы React; также рассмотрим основы композиции компонентов.

3.

Подходы стилизации React приложений

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

4.

Передача данных через props

Изучаем концепцию props в React, научим наши компоненты общаться друг с другом посредством настройки коммуникации через props.

5.

Передача данных через context

Знакомимся с контекстом в React, мифическим существом, которое поможет нам настроить поток данных внутри приложения на более продвинутом и интересном уровне.

6.

Знакомство с children в React

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

7.

State в React

У компонентов React есть полезная способность инкапсулировано хранить свое состояние. В этом уроке мы научимся управлять состоянием React компонентов.

8.

Lifecycle-методы React компонентов

React — очень мощный инструмент. Одна из особенностей, делающих эту библиотеку таковой — набор lifecycle-методов компонента. В этом уроке мы научимся работать со всеми доступными lifecycle-методами, рассмотрим их особенности и юзкейсы.

9.

Синтетические ивенты React

UI разработчикам часто приходиться решать сложные задачи, связанные с построением эффективной логики по взаимодействию пользователя с элементами интерфейса. React предоставляет SyntheticEvent API, которое позволяет обрабатывать широкий спектр событий кросбраузерно. И мы изучим их вместе!

10.

Кастомные методы React-компонентов

Кроме lifecycle-методов React компонента, часто необходимо создавать кастомные хэндлеры для обработки разнообразной логики. Мы научимся писать не только кастомные методы в высокоэффективном стиле, но еще и вместе попробуем сделать это красиво.

11.

Композиция компонентов React

По мере того, как наше приложение расширяется, имеет смысл заранее продумывать архитектуру. В этом уроке мы рассмотрим основные подходы эффективного прототипирования приложения, написанного на React, и оценим плюсы и минусы каждого.

12.

Анимация: CSSTransitionGroup

React приложения можно гибко анимировать c помощью CSS и внешнего компонента CSSTransitionGroup. В этом уроке мы погрузимся в тонкости работы с анимацией, посмотрим какие трудности могут возникнуть на нашем пути, а также рассмотрим варианты их решения.

13.

Анимация: TransitionGroup

TransitionGroup, в отличие от CSSTransitionGroup, предоставляет намного больше возможностей для тонкой отладки анимации с помощью набора дополнительных lifecycle-методов. Мы изучим этим методы в связке с JavaScript вместо CSS, что даст нам потенциал построить намного более мощную и производительную анимацию.

14.

Введение в тестирование

Писать приложения хорошо. А писать стабильные приложения еще лучше! В этом нам поможет понимание основополагающих принципов написания unit-тестов, а также более концептуальные подходы к тестированию, такие как Test Driven Development и Behavior Driven Development. Все эти вещи мы и изучаем в этом уроке!

15.

Тестирование c помощью Jest

Jest — универсальный тест-раннер, созданный разработчиками из Facebook. Это невероятно удобный и эффективный инструмент для написания unit-тестов, а также тестов React-компонентов с помощью набора дополнительных lifecycle-методов. В этом уроке мы изучим Jest, подготовимся к использованию более продвинутого и React-специализированного инструмента Enzyme.

16.

Щёлкаем тест кейсы с Enzyme

Тщательно рассмотрев основные методологии и практики тестирования как парадигмы, а также разобрав основы тестирования React компонентов мы может приступить к десерту. Emzyme — специализированный инструмент для тестирования React-компонентов. С помощью Enzyme мы научимся писать тесты на тончайшие детали работы компонентов вплоть до тестов lifecycle-методов.

весь react

Авторы курса

Андрей Мулык

  • CTO в компании Lectrum
  • Fullstack Web Developer в компании Ciklum
  • Создатель Frontend Advanced курсов
  • Более 10 лет в IT. Большой опыт преподавания и менторства

Дмитрий Вакациенко

  • Team Lead Frontend Developer в компании Lectrum
  • Четыре года веб-разработки, большой опыт менторства
  • Евангелист React, адепт идеального кода
профессионалы

Выберите удобный пакет участия

STANDARD

  • Персональное техническое собеседование перед интенсивом
  • 50 часов офлайн-занятий в Киеве
  • Подробный конспект ко всем темам интенсива
  • Ежедневная онлайн поддержка менторами в общем чате
  • Исходные коды и файлы презентаций
  • Дополнительные материалы для углубленного изучения
  • Закрытое комьюнити выпускников в Slack
  • Собственное приложение по окончанию курса
  • Исходный код референтного приложения
  • Финальное тестирование + разбор всех вопросов
  • Сертификат об окончании курса

Для ранних пташек —

С 11 июня

С 8 октября

SELECT

  • Всё, что входит в пакет STANDARD, а также:
  • Собственное приложение с подробным код-ревью
  • 12 месяцев бесплатных обновлений курса
  • Персональный ментор на время обучения
  • Учимся в офлайне, повторяем в онлайне! Отдельный видеокурс по React — серия обучающих роликов поможет закрепить знания, полученные на интенсиве. Вы сможете сразу использовать React для улучшения своих приложений.

Для ранних пташек —

С 11 июня

С 8 октября

PREMIUM

  • Всё, что входит в пакет STANDARD и SELECT и дополнительно:
  • Личный куратор на время обучения
  • 3 лайв-кодинг сессии с разбором хороших и плохих практик
  • Индивидуальные skype-занятия с автором курса
  • Урок по Immutable.js — библиотека с иммутабельными коллекциями
  • Мини-курс по Flow — инструмент для строгой типизации JavaScript
  • Персональный разбор
  • Менторская поддержка после окончания курса

Для ранних пташек —

С 11 июня

С 8 октября

Спасибо за участие на воркшопе! В течение несколько секунд несколько секунд для вас действует специальное предложение.
Чтобы зафиксировать текущую стоимость достаточно оставить заявку и внести предоплаты.
офлайн

Бронирование




Оплачивая услугу, вы даёте согласие на обработку своих персональных данных. Простите за этот скучный текст, но того требует Закон Украины.
Мы ненавидим спам еще больше, чем вы. Никаких нежеланных звонков, смс-сообщений или электронных писем!
Чтобы зафиксировать текущую стоимость достаточно оставить заявку и внести предоплаты.
Оплата производится онлайн с помощью сервиса Fondy. Доступные платежные инструменты:банковские карты Visa, Visa Electron, Mastercard и Maestro любых стран мира, а также Приват24.
принять участие

Ответы на вопросы

Можно ли оплатить курс частями?
Да. Закажите обратный звонок или оставьте заявку на консультацию, мы расскажем вам все подробности.
Выдаётся ли мне сертификат об успешном окончании курса?
Да, все наши выпускники получают сертификат об успешном прохождении курса.
Сколько времени будет длиться один день интенсива?
В среднем один день интенсива будет содержать 10 часов занятий вместе с нами в одном зале. У вас будут небольшие промежуточные и один большой перерыв.
А мне уделят достаточно внимания во время обучения?
Больше, чем где-либо. В вашем распоряжении будет один преподаватель и несколько менторов.
Какими необходимыми навыками я должен обладать перед началом интенсива?
Чтобы не возникало сложностей в процессе обучения, необходимо иметь базовые навыки HTML, CSS, JavaScript и ECMAScript 2015 (ES6). После бронирования мы проведём персональное техническое собеседование и поможем закрыть необходимые пробелы в знаниях.
Я очень хорошо знаю React и хочу быть у вас ментором.
Обычно, после тестирования оказывается, что вы знаете React не так уж и хорошо. Это одна из причин, почему мы сделали этот курс. Если чувствуете в себе силы, позвоните нам и мы протестируем вас. Для менторства требуется не только идеальное знание React, но и миллион других навыков для профессионального обучения людей.
Мне вернут деньги если что-то не понравится в курсе?
Мы сильно сомневаемся, что такое может произойти. Если вам что-то не понравилось, то вы сможете попросить возврата оплаченных средств в конце первого дня. Мы вернём вам деньги за вычетом стоимости одного дня обучения.
А меня могут отчислить за неуспеваемость?
Да. Мы сделаем всё возможное чтобы вы стали нашим лучшим выпускником, но если вы будете всячески сопротивляться этому, прекратите посещать занятия и выполнять домашние работы, то нам придётся попрощаться.
Чем вы лучше других?
Во-первых, у нас большая экспертиза в образовании. Во-вторых, наша команда очень фанатично относится к качеству курса и менторской поддержки. В третьих, мы не просто учим, а ежедневно пишем на том стеке, которому обучаем.
У вас остались вопросы или вы сомневаетесь?
Оставьте заявку на получение бесплатной консультации.
Мы с удовольствием вас проконсультируем, дадим совет или просто пообщаемся.
мы открыты вам