Основы React

Интенсивный онлайн курс. Следующий поток: 25 января 2020

Освой самый популярный веб-фреймворк на практике всего за три недели. Реализуй 12 мини-проектов, отражающих задачи и ситуации реальной разработки. Опытный ментор поможет с затруднениями, проверит код, ответит на вопросы.

Эффективная программа 5 в 1: изучение темы, структурирование общих знаний, пополнение портфолио, подготовка к интервью и работе в команде в рамках единого курса "Основы React".

Особенности курса

Обучение через практику
Уникальный учебный контент
Профессиональные код-ревью
Индивидуальная и командная работа

Для кого этот курс

Программа рассчитана на начинающих и продвинутых разработчиков со знанием HTML, CSS, JS и основ программирования.

Начинающему: быстрый старт карьеры
Верстальщику: прокачка до Фронтенд разработчика
Бэкендщику: переход в Фуллстек
Тестировщику: практика написания бизнес-кода
Анонимусу: максимально быстрое освоение React

В рамках этого курса, мы на практике разберёмся с React и компонентной моделью, ознакомимся с React Router и Next.JS, рассмотрим архитектуру браузерных приложений. Помимо указанных библиотек, поработаем с последними фичами EcmaScript, адаптируем приёмы функционального и асинхронного програмирования. Мы научимся структурировать приложения на React, писать чистый, поддерживаемый и переиспользуемый код.

Особенности курса

Обучение через практику
Уникальный учебный контент
Профессиональные код-ревью
Индивидуальная и командная работа

Изучаемые технологии

React является самым популярным инструментом для создания браузерных приложений (SPA). Последние активно вытесняют «обычные сайты», так как не требуют перезагрузки страницы на каждое действие пользователя и обеспечивают превосходящий user experience. Вокруг React возникла мощнейшая экосистема библиотек, примеров, туториалов, стартеров, так что изучать и использовать его в 2019 году – одно удовольствие.

Зачем учить React?

React Router считается "стандартным" решением для роутинга в React экосистеме. Эта библиотека позволяет превратить одностраничные SPA в полноценные клиентские приложения, увязывая URL и History API браузера с иерархией компонент. Если, со временем, вы решите добавить в свой арсенал React Native (мобильную разработку), React Router вас также не разочарует.

Next.JS – фреймворк, выстроенный вокруг React. "Киллер фича" Next.JS – это SSR (рендеринг HTML на сервере), что делает возможным индексацию вашего SPA поисковыми роботами. Next.JS абстрагирует Webpack и Babel, снимая с вас множество второстепенных, но нетривиальных задач. Настройку динамической загрузки кода компонент, увязку всего этого с SSR, настройку минификации для продакшен билдов и много всего прочего.

Redux, MobX, и др. инструменты управления состояниями не рассматриваются. Популярность этих решений существенно уступает самому React и потому изучать их следует не "для галочки", а под конкретную компанию или вакансию. Ryan Florence, Kent C. Dodds и некоторые другие авторитеты полагают, что пик популярности Redux уже позади и автор курса разделяет их точку зрения. Отказ от опциональных тем позволяет сократить список «основ» до 4 недель.

CSS и все вопросы визуального оформления умышленно оставлены за рамками курса. В большинстве программ по изучению React предполагается параллельное освоение фреймворка и вёрстки. Последняя тянет за собой дизайн, типографику, UI/UX... В результате, вы постоянно переключаетесь между контекстами и не запоминаете материал. Отказ от дизайна и разметки позволяет сжать программу обучения до двух недель и сделать её эффективнее. С нашей точки зрения, вопросы CSS-in-JS заслуживают отдельного курса.

Минимальные требования

Базовый JavaScript
Базовый HTML
Базовый GIT & GitHub
Технический английский (чтение)
12+ часов свободного времени в неделю

Знания CSS и React для участия в курсе не требуются. Навыки работы с Git и GitHub, достаточные для прохождения программы, можно получить за 1 день. За дополнительной информацией рекомендуем обратиться к материалам бесплатной Подготовительной недели.

Зачем учить React?

По данным StackOverflow и Djinni:

React входит в тройку самых популярных веб-фреймворков вместе с Node.js и Angular.
React возглавляет топ технологий, которые любят разработчики.
JavaScript остаётся самым популярным языком программирования уже 6 лет.
Медианная зарплата JS разработчика с опытом работы до года находится в диапазоне $500–$1000 в месяц.

См. видео-презентацию "Why React?" от автора курса.

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

Опытный инженер, ментор, предприниматель. 12+ лет в веб-разработке. Генералист. Сторонник минимализма и 改善 (кайдзен). Консультировал команды компаний из списка Форбс. В свободное время, Иван создаёт учебные материалы, ведёт блоги по программированию и веб-разработке. В качестве ментора, предпочитает давать знания, которые останутся актуальными и через годы.

Бывшие ученики Ивана работают в:

Процесс обучения

Курс длится 3 недели и делится на 6 модулей. Каждый модуль посвящён отдельной теме React и разработке двух мини проектов, закрепляющих её понимание. На первой фазе обучения, акцент на небольшие проекты наиболее рационален, т.к. в крупных все действия (от инициализации GIT и до деплоя) делаются однократно и потому не запоминаются. Мы рекомендуем переходить к проектам среднего размера после практики работы над 10-20 небольшими.

Платная часть курса рассчитана на две недели, каждая из которых включает три вебинара и шесть проектов. Для начинающих, акцент на небольшие проекты наиболее рационален т.к. повтор базовых операций, от инициализации GIT до деплоя, позволяет хорошо их запомнить. В общем случае, мы рекомендуем переходить к более крупным проектам после практики работы над 10-20 небольшими.

Началом учебной недели считаются выходные, которые студент посвящает проработке теории и реализации первых двух проектов. В понедельник, среду и пятницу проводятся вебинары (групповые звонки). На вебинарах ментор курса публично разбирает решения ДЗ, делает ревью кода, задаёт вопросы аудитории, даёт дополнительную теорию.

Вебинары начинаются в 20:00 UTC+2 и длятся 60+ минут. Звонки записываются для возможности пересмотра материала, в т.ч. при пропуске занятия.

К каждой учебной неделе прилагаются методические указания, включающие ссылки на документацию, сторонние ресурсы и план действий по дням. Это поможет оставаться в тонусе на протяжении всего курса. Помимо вебинаров, вы можете задать вопросы ментору и пообщаться с коллегами в групповом чате.

Расписание

Сб теория + практика
Вс теория + практика
Пн практика + вебинар
Вт практика
Ср практика
Чт практика
Пт практика + вебинар

Расписание

Сб теория + практика
Вс теория + практика
Пн практика + вебинар
Вт практика
Ср практика
Чт практика
Пт практика + вебинар

Программа 
(по модулям)

1
Самоподготовка
Редакторы и IDE. Git и GitHub. Slack. Create-React-App. Документация React. Подробнее.
2
Компоненты и состояния
Проект Clock. Проект Rating. Задачи React. Эксплицитные и имплицитные состояния приложения. Суть реактивного цикла. Virtual DOM и Incremental DOM. Определение реактивного состояния: связь со временем и отображением. JSX vs HTML vs XHTML vs XML vs Hyperscript. CRA, Babel, Webpack в общей картине.
3
Дизайн состояний и обработчиков
Проект BMI. Проект Passgen.
4
Управляемые и неуправляемые компоненты
Проект BMI. Проект Passgen.
5
REST и GraphQL, загрузка данных
???
6
Работа со списками и паджинациями
Задача этого модуля – разобраться в подходах к загрузке данных и организации многостраничных приложений на React. Мы получим опыт работы со списками, кэшированием, вариантами паджинаций. ???
7
Многостраничные SPA
Fetch API. Стратегии загрузки и кеширования данных. Асинхронное программирование. Промисы. Типичные ошибки в асинхр. коде. Типы паджинаций и их применение. REST API, GraphQL API, Postman. Типизация пропсов.

Резюме после прохождения курса

Junior Frontend Developer

Ищу позицию начинающего Frontend разработчика с использованием React. В долгосрочной перспективе также интересует Node.js. Имею базовые знания HTML & CSS, опыт разработки небольших проектов. Энергичен, быстро обучаюсь. Люблю как создавать что-то новое, так и улучшать имеющееся.

Есть практика командной работы и коммуникации в Slack. Знаком с Git и GitHub. Владею английским на уровне чтения технической документации. Готов к переезду и удалённой работе.

Навыки

HTMLCSSJavaScriptReactReactRouter

Образование

Интенсивный курс «Основы React»
Сентябрь-Октябрь 2019

Портфолио

Калькулятор

Игра Tic-Tac-Toe

Прогноз погоды

Запись на курс

Начало курса
25 января 2020
длительность
6 модулей
вебинары
20:00 UTC+2
осталось мест
6 из 10
Цена
$60

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

Способы оплаты

Курс «Основы React»

Уникальный учебный контент
Групповые онлайн вебинары
Доступ к видеозаписям с занятий
Домашние задания, ревью кода
Ответы на вопросы в чате

Есть вопросы? Наш email: info@paqmind.com.

Курс «Основы React»

Уникальный учебный контент
Групповые онлайн вебинары
Доступ к видеозаписям с занятий
Домашние задания, ревью кода
Ответы на вопросы в чате

Отзывы студентов

Вопрос–Ответ

Чем этот формат отличается от видео-курсов?

Видео-курсы – это пассивное обучение без контроля качества кода и знаний в целом. Часть подобных платформ предполагает прохождение примитивных автоматических тестов, но все формы самообучения одинаково страдают от отсутствия обратной связи. Не будем перечислять преимущества от расширения сети знакомств, получения навыков командной работы и коммуникации.

Самообучающийся студент создаёт, в среднем, до 4 проектов в месяц. По этой программе, вы реализуете 12 за две недели. Цена вашего времени известна лишь вам самим.

Чем эта программа отличается от альтернативных?

Это самый короткий полноценный курс по React из доступных на сегодняшний день. Даже с учётом англоязычного пространства! Все сторонние темы (вёрстка, Redux и др.) намеренно вырезаны из программы. Мы рекомендуем адресовать эти темы отдельно, по необходимости.

Это один из немногих курсов, целиком и полностью построенный на разработке реальных проектов. Мы не тратим время лектора на пересказ теории, которую вы можете прочитать в документации. Мы не раздуваем стоимость курса за счёт снятия с вас ответственности.

Авторские React Roadmap и GraphQL Roadmap содержат десятки ссылок, отобранные из сотен проанализированных статей, туториалов, платформ, видео-курсов. Мы знакомы с большинством программ по изучению React и предлагаем то, что сами (предвзято и субъективно) считаем лучшим.

Какой результат я получу в итоге?

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

Теперь в вашем активе солидное (для начинающего) портфолио, уверенность в себе и навыки, необходимые для работы с React. Кроме технических знаний, вы получили опыт группового общения в Slack, опыт работы с Git и GitHub, которые можно смело указывать в резюме.

Следует ли дальше искать работу или продолжать обучение? Это зависит от многих факторов. Невозможно исключить из уравнения вашу локацию, зарплатные пожелания, уровень английского, умение верстать.

По умолчанию, мы рекомендуем начинать поиск работы как можно раньше, но не зацикливаться на нём, а продолжать обучение самостоятельно или с ментором вплоть до трудоустройства. "Флагманский проект" с дизайном и вёрсткой может быть логичным следующим шагом. Все участники курса получат рекомендации по дальнейшим действия в конце курса. Для лучших студентов предусмотрены опции помощи в трудоустройстве.

Какие программы используются для общения?

Текстовое общение (чат) по теме курса происходит в Slack. Это индустриальный стандарт для командной коммуникации и его знание можно смело указывать в резюме. Для видео-трансляций используется Zoom, как самое стабильное и кросс-платформенное решение. Таким образом, вам потребуется лишь установить Zoom и Slack приложения. Во время вебинаров, мы рекомендуем использовать десктоп или ноутбук, т.к. отслеживать действия хоста на маленьком экране достаточно сложно.

Какой уровень английского требуется?

Уровень чтения англоязычной документации, можно со словарём. Без этого уровня ваши карьерные перспективы выглядят пессимистично, т.к. почти все инструменты программиста имеют либо англоязычную документацию, либо интерфейс, либо сообщество. Знание английского – часть требований к специальности. В вашем распоряжении есть Google Translate (встроить в браузер), чат и преподаватель. В крайних случаях, вы можете обращаться к русскоязычным ресурсам.

В материалах курса, в разделе рекомендаций по теории, встречаются ссылки на англоязычные видео на YouTube. Данная платформа поддерживает замедление видео, англоязычные субтитры. Непонятные видео заменяются чтением тематических статей. Плохой английский вряд ли станет проблемой при прохождения этого курса. Большинство студентов сообщали нам, что англоязычный контент был для них плюсом, а не минусом.

Что делать, если мне не хватает времени?

При нехватке времени на выполнение ДЗ вы можете сэкономить время на исправлениях – не вносить рекомендованные правки в свой код, а лишь учитывать их в последующих проектах.

Как показывает практика, для эффективного обучения по этой (да и любой другой программе) нужно не менее 12 часов в неделю. Если у вас нет столько времени, мы рекомендуем пересмотреть приоритеты и отложить прочие дела, либо же само обучение.

Что делать, если у меня остаётся лишнее время?

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

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

Что делать, если я пропускаю занятие?

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

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

Выдаётся ли сертификат о прохождении курса?

Да, мы планируем реализовать такой функционал. Все студенты, прошедшие курс, будут отмечены на сайте по их желанию. Кроме того, вы можете указать Paqmind в разделе Обучение на LinkedIn и других платформах.