Привет и добро пожаловать! 👋🏼 Прочитав это руководство, тебе станет понятно, как добиться необходимых результатов в изучении React.
К делу! 💪🏼
Процесс обучения на онлайн-интенсиве состоит из четырёх видов активностей:
Всего в курсе React 13 уроков. Уроки состоят из набора обучающих материалов, которые мы присылаем тебе на почту. Каждый урок посвящен конкретной теме. Например «методы жизненного цикла» или «тестирование». Мы будем присылать тебе два урока в неделю и делать это заблаговременно, чтобы у тебя была возможность заниматься в удобное для тебя время.
Чтобы эффективно усваивать знания, важно проходить обучающие материалы как можно раньше.
В зависимости от темы, урок может состоять из таких обучающих материалов, как:
Видео с теорией содержит обзорную информацию о принципах работы темы, рассматриваемой во время урока.
В видео с практикой мы вместе будем создавать Фейсбук-приложение. Каждое видео содержит полноценную часть Фейсбука. В результате, после прохождения всех уроков, у тебя будет стена Фейсбука.
✅ Стартовая точка для Фейсбука доступна по этой ссылке . Инструкция по запуску проекта внутри файла README.md.
❗️ Внимание! После клонирования cрепозитория-стартовой точки обязательно привяжи его к своему аккаунту Github.
Учебные материалы лучше всего проходить в такой последовательности:
Для достижения высокого результата изучай обучающие материалы максимально внимательно. Это очень важно, потому что своевременное изучение материалов напрямую связано со следующей активностью интенсива — онлайн-занятиями.
Начиная с третьего урока, тебе нужно выполнять домашние задания. Дедлайны к дз ты будешь получать с самим дз. Важно! Домашние задания выполнять нужно всем! После выполнения дз создай отдельную ветку (на пример homework-1), сделай пуш в свой репозиторий Github и присылай письмо со ссылкой на aprisniak@lectrum.io.
❗️ Важно:
Мы работаем только на Github. Bitbucket, Gitlab и другие сервисы для сдачи домашек использовать нельзя.
Домашние задания нужно выполнять в том же проекте, в котором ты ведёшь разработку Фейсбук-стены вместе с преподавателем. Это тот проект, который ты начал с этой стартовой точки . Новую версию проекта создавать не нужно.
Важно! Домашние задания необходимо выполнять в отдельной ветке. Название ветки необходимо выбирать следующее → react-online-lesson-5, где 5 — это номер урока.
В тарифном плане Select в ответ на письмо с дз ты будешь получать подробное код-ревью по каждой выполненной работе. Обрати внимание, регламент проверки домашних заданий — 2 дня.
Мы также будем встречаться в онлайне, чтобы разобрать все вопросы и сложности, с которыми ты столкнулся в течение недели. Кроме разбора вопросов преподаватель будет делиться полезными советами, приёмами и лайфхаками.
На онлайн-занятиях преподаватель детально разбирает все вопросы и сложности, с которыми ты столкнёшься во время прохождения уроков. Онлайн-занятие — это хорошее место, чтобы разобрать вопросы о разработке Фейсбук-стены и персонального проекта. Поэтому важно прийти подготовленным!
Цели онлайн-занятия:
Онлайн-занятия будут проходить раз в неделю. Точную информацию о каждом занятии мы будем высылать тебе на почту заблаговременно.
Длительность занятия — от одного до двух часов, в зависимости от количества и сложности накопившихся вопросов.
Персональный проект — это твоя самостоятельная работа. Самостоятельная разработка персонального проекта поможет тебе закрепить знания, полученные на интенсиве.
Тебе нужно приступить к разработке сразу — мы предоставим тебе стартовую точку в первый день интенсива. Таким образом, по мере прохождения темы за темой, персональный проект следует разрабатывать в комфортном темпе.
Персональный проект нужно выполнить, следуя концептуальному и техническому заданию.
Концептуальное задание — это описание общего поведения приложения. А техническое задание — это описание детального поведения приложения.
✅ Стартовая точка для персонального проекта доступна по этой ссылке . Инструкция по запуску проекта находится внутри README.md.
Для выполнения персонального проекта можно использовать готовые стили и часть компонентов и логики. Иными словами, построить полноценный планировщик на основе существующей основы. Мы даём готовые стили для удобства, чтобы не нужно было верстать. При желании стили можно сделать с нуля самостоятельно.
❗️ Важно:
Еще раз! Чтобы успешно выполнить персональный проект, тебе нужно начать его разработку заблаговременно. Лучше всего начать после третьего урока, и вести разработку по частям. Это поможет тебе продуктивней собирать вопросы преподавателю для онлайн-занятий всякий раз, когда ты будешь сталкиваться с трудностями.
Если тебе сложно «подойти» к началу разработки, воспользуйся планом разработки, который мы подготовили для тебя (это гайд, но ты можешь двигатся и «своим» путём, если тебе так удобней):
Урок 3:
- изучить структуру папок персонального проекта
- проанализировать файлы .css
- воссоздать разметку основываясь на файлах .css
Урок 5:
- добавить изначальное состояние для задач (initial state)
- рендерить список задач статически (без динамики) прямо из состояния
Урок 7:
- реализовать функционал добавления и удаления задач
- реализовать функционал редактирования задач (текст, приоритет, выполнена задача или нет)
Урок 8:
- подключить все действия с задачами к API (создание, удаление, редактирование задачи)
- добавить функционал загрузки задач с API при первой загрузке (componentDidMount)
Урок 9:
- Анимировать появление и исчезновение задач
Вся необходимая информация по проекту, техническое и концептуальное задание и, собственно, стартовая точка опубликована на нашем Github. Дедлайн — 1-го октября в 23:59. 😉
В конце курса все участники тарифного плана Select и Premium получат референтный код двух приложений — Фейсбук-стены и Планировщика задач. Это позволит сравнить как разрабатываешь ты и как разрабатывает автор курса. Как правило, это приносит очень много пользы. 😜 Референтный код мы предоставляем по истечении дедлайна по персональному проекту.
Для достижения максимального результата от обучения, до начала онлайн-занятия (желательно за день) нужно изучить все предоставленные нами обучающие материалы. Запас времени до начала занятия поможет тебе сформировать вопросы по самым сложным или интересным тебе темам.
Перед каждым онлайн-занятием мы будем высылать тебе форму-опросник, к которую ты будешь добавлять любые непонятные вопросы по интересующей теме.
❗️ Важно:
Постарайся формулировать все свои вопросы максимально чётко, кратко и детально. Это улучшит результативность всего процесса.
Зарегистрируйся в Slack-коммьюнити Lectrum Club.
❗️Когда будешь создавать свой профиль, обязательно:
‼️ Эти два несложных шага помогут нам лучше общатся, и понимать кто есть кто. Мы сможем добавить тебя в канал общения только после того, как ты укажешь свои настоящие данные правильно,
Это позволит тебе получить доступ к закрытому каналу #react, в котором сотни react-разработчков делятся своим опытом и отвечают на вопросы. Для того, чтобы тебя добавили в канал, после регистрации напиши @njefimockina в личку сообщение #addmetoreact.
Все участники тарифного плана Standard могут использовать весь потенциал нашего #react-канала в Слаке. А именно — задавать вопросы, получать ответы, помогать другим людям, тем самым повышая свою компетентность или просто следить за общением других участников.
Также, вместе с уроками, ты получаешь ссылку на специальную форму, в которой можешь задать любые технические вопросы, и мы их обязательно рассмотрим на предстоящем онлайн-занятии. В форму можно заполнить только один вопрос за раз, но ею можно воспользоваться столько раз, сколько у тебя есть вопросов.
В тарифном плане Select и Premium у тебя есть ментор — Андрей Присняк (в Слаке → @aprisniak). Задавай свои вопросы ему в личку. Андрей обрабатывает входящие сообщения каждый рабочий день в 9 утра и 7 вечера.
В зависимости от выбранного тарифного плана, ты получаешь доступ к дополнительным занятиям по продвинутым темам или дополнительным сессиям с автором курса.
Каждое дополнительное занятие по продвинутой теме посвящено определённой технологии.
А на видео с лайв-кодинг сессиями преподаватель показывает, как правильно применять различные приёмы программирования. Например, паттерн компонентов высшего порядка или render props.
О каждом предстоящем событии с бонусной темой мы будем оповещать тебя по почте.
Все участники тарифного плана Premium имеют возможность проходить персональные занятия. Друзья, прошу заблаговременно согласовывать график индивидуальных занятий с куратором курса. Занятия проводятся еженедельно и проводит их автор курса.
Финальную оценку в сертификате об успешном завершении интенсива по React можно получить, выполнив следующие пункты:
Мы используем продвинутую систему оценивания. Минимальный балл — 0, а максимальный — 100.
Финальная оценка составляется из трёх частей:
30 баллов;30 баллов;40 баллов.Для получения наивысшей оценки нужно правильно выполнить все условия концептуального и технического задания.
В концептуальном задании описано общее поведение приложения в 15-ти пунктах. Чем больше пунктов выполнить правильно, тем выше оценка.
В техническом задании описано детальное поведение приложения.
Финальный тест — это набор вопросов с несколькими вариантами ответа. Мы пришлём тебе его в конце интенсива.
Баллы считаются по формуле.
Возьмём, к примеру, финальный тест. Предположим, что в финальном тесте 40 вопросов, и максимальное количество баллов — 40. Разделив общее количество баллов на количество пунктов — получаем 1 балл за вопрос. То есть, если ты правильно ответишь на 31 вопрос из 40 — получишь 31 балл. Если на 38 из 38 — то 38.
Концептуальное задание оценивается по похожему принципу, только вместо вопросов — пункты, которые нужно выполнить правильно.
Последние 30 баллов можно получить, если правильно выполнить все пункты технического задания.
После сбора суммы баллов мы выведем оценку следуя американской системе оценивания знаний.
Успехов в учёбе!