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

|

Только офлайн, только Киев.

Старт потока 24 июня. Всего 20 человек.

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

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

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

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

cтруктура курса

1.

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

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

3.

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

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

5.

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

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

7.

State в React

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

9.

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

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

11.

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

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

13.

Анимация: TransitionGroup

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

15.

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

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

2.

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

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

4.

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

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

6.

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

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

8.

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

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

10.

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

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

12.

Анимация: CSSTransitionGroup

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

14.

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

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

16.

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

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

весь react

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

Андрей Мулык

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

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

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

cколько стоит?

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

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

С 11 июня стоимость курса — $20

С 8 октября стоимость курса — $30

$10

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

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

С 11 июня стоимость курса — $50

С 8 октября стоимость курса — $60

$40

на абордаж

Внесите $7 предоплаты для того, чтобы забронировать участие в интенсиве.

оплата



Оплачивая услугу, вы даёте согласие на обработку своих персональных данных. Простите за этот скучный текст, но того требует Закон Украины.
Мы ненавидим спам еще больше, чем вы. Никаких нежеланных звонков, смс-сообщений или электронных писем!
Внесите $7 предоплаты для того, чтобы забронировать участие в интенсиве.
Оплата производится онлайн с помощью сервиса PayMaster.ua. Доступные платежные инструменты:карты Visa/MasterCard, Приват24, WebMoney, Liqpay, EasyPay, Bitcoin, а так же терминалы Украины.
принять участие

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

Выдаётся ли мне сертификат об успешном окончании курса?
Да, все наши выпускники получают сертификат об успешном прохождении курса.
Где будут проходить занятия?
В My Print Hub — это центр Киева, 2 минуты ходьбы от ст. метро «Льва Толстого». Точный адрес: г. Киев, ул. Льва Толстого, 3Б.
Сколько времени будет длиться один день интенсива?
В среднем один день интенсива будет содержать 10 часов занятий вместе с нами в одном зале. У вас будут небольшие промежуточные и один большой перерыв.
А мне уделят достаточно внимания во время обучения?
Больше, чем где-либо. В вашем распоряжении будет один преподаватель и несколько менторов.
Какими необходимыми навыками я должен обладать перед началом интенсива?
Чтобы не возникало сложностей в процессе обучения, необходимо иметь базовые навыки HTML, CSS, JavaScript и ECMAScript 2015 (ES6). После бронирования мы проведём персональное техническое собеседование и поможем закрыть необходимые пробелы в знаниях.
Я очень хорошо знаю React и хочу быть у вас ментором.
Дело в том, что обычно, после тестирования оказывается, что вы знаете не так уж и хорошо. И это одна из причин, почему мы сделали этот курс. Но если всё же вы чувствуете в себе силы, позвоните нам и мы протестируем вас. От вас потребуется не только идеальное знание React, но и миллион других навыков для того, чтобы вы смогли профессионально обучать людей.
Можно ли оплатить курс частями?
Нет.
А у вас есть скидки?
Если коротко, то нет. Но если вы считаете, что нам нужно предоставить вам скидку, позвоните нам и мы постараяемся войти в ваше положение.
Я могу вернуть деньги если мне вдруг что-то не понравится?
Мы сильно сомневаемся, что такое может произойти, но если вам всё же по какой-то причине, что-то не понравилось, то вы сможете попросить возврата оплаченных средств в конце первого дня. Мы вернём вам деньги за вычетом стоимости одного дня обучения интенсива.
А меня могут отчислить за неуспеваемость?
Да. Мы сделаем всё возможное чтобы вы стали нашим лучшим выпускником, но если вы будете всячески сопротивляться этому, прекратите посещать занятия и выполнять домашние работы, то нам придётся попрощаться.
Почему вы лучше других?
Во-первых, у нас большая экспертиза в образовании, во-вторых, мы очень фанатично относимся к качеству курса и менторской поддержки, а в третьих, мы не просто учим, а ежедневно пишем на том стеке, которому мы обучаем. Таким образом, мы практики, и теоретики, а еще идеалисты.
У вас остались вопросы или вы сомневаетесь?
Оставьте заявку на получение бесплатной консультации.
Мы с удовольствием вас проконсультируем, посоветуемся или просто пообщаемся.
мы открыты вам