REACT*
*Базовый курс React
ДЛЯ КОГО ЭТОТ КУРС?
-
Для тех, кто хочет быстро и качественно освоить базу современного React;
-
Для тех, у кого на учёбу есть от 7 до 10 часов в неделю.
FAQ
-
Я не знаю HTML/CSS и JavaScript. Могу ли я пройти этот курс?
Нет. Нужно знать HTML/CSS/JavaScript. Без этого никак.
-
Сколько длится курс?
Он длится от 17 недель до 20-22 недель в зависимости от вашего тарифного плана.
-
Какие программы должны быть установлены на компьютер? И какой компьютер нужен?
Любой компьютер подойдёт. Все нужные программы и плагины установим во время курса.
-
Имеется ли рассрочка?
Да. Беспроцентная рассрочка на 4 месяца
Программа курса React/Redux
| Модуль 1 |
Количество уроков: 53 Вот план модуля: |
| Модуль 2 |
Количество уроков: 33 Длительность видеоуроков: 2 часа Примерное время на изучение модуля вами: 6-15 часов - Определение props и их сущность - Определение функциональных компонентов - Определение классовых компонентов - Разница между функциональными и классовыми компонентами - Определение состояния (state) и setState - Определение render и рендеринга - Жизненный цикл компонента - ComponentDidMount(), ComponentWillUnmount() - Отображение вашего реального времени, используя ComponentDidMount() - Вопросы к собеседованию по модулю 2 и ответы - Проверочный тест ваших знаний к модулю 2 - Домашние задания на закрепления материала и ответы к ним - Дополнительные материалы (ссылки) - Дополнительное домашнее задание - Ваши комментарии и пожелания к модулю |
| Модуль 3 |
Количество уроков: 35 Длительность видеоуроков: 1.5 часа Примерное время на изучение модуля вами: 6-14 часов - Создание нового проекта React через терминал - Создание классового компонента - Логика в отношении того, что попадёт в наше состояние - Работа с input - Определение onChange() - Определение onChangeEvent() - Работа с кнопкой "Добавить" - Ключи дочерних элементов - Работа с графой - Работа с кнопкой "Удалить" - Введение возможности зачеркивать сделанное дело - Работа с CSS - Работа с кнопкой Enter - Определение onSubmit() - Определение e.preventDefault() - Контролируемые и неконтролируемые компоненты - Вопросы к собеседованию по модулю 3 и ответы - Проверочный тест ваших знаний к модулю 3 - Домашнее задание на закрепления материала - Дополнительные материалы (ссылки) - Ваши комментарии и пожелания к модулю |
| Модуль 4 |
Количество уроков: 27 Длительность видеоуроков: 1.5 часа Примерное время на изучение модуля вами: 5-14 часов - Определение GitHub и объяснение, какие проблемы он решает - Определение Git - Разница между GitHub и Git - Установка Git - Определение master/main - Определение branch (ветвь) - Определение pull-request (запрос на извлечение/запрос на вытягивание) - Определение merge - Определение git status - Создание аккаунта на GitHub - Перемещение проекта React на GitHub (новый проект с нуля) - Работа с командами git init, git remote add origin, git push - Изменение существующего проекта на GitHub - Работа с командами git restore/git restore --staged - Отправка на GitHub проекта HTML - Определение README file - Структура для README file - Определение git pull - Создание веток и переход между ними - Выгрузка проекта с GitHub на Netlify - Вопросы к собеседованию по модулю 4 и ответы - Проверочный тест ваших знаний к модулю4 - Домашние задания - Дополнительные материалы (ссылки) - Ваши комментарии и пожелания к модулю |
| Модуль 5 |
Количество уроков: 32 Длительность видеоуроков: 1 час 10 минут Примерное время на изучение модуля вами: 4-5 часов Модуль менее наполнен, чтобы дать вам возможность систематизировать знания из прошлых модулей. - Прописание текста через константы - Тернарный оператор и условия - Смена состояния при нажатии на кнопку - Смена изображений при нажатии на кнопку - Запрос API - Определение axios - Разница между fetch() и axios - Вопросы к собеседованию по модулю 5 и ответы - Проверочный тест ваших знаний к модулю 5 - Домашние задания - Дополнительные материалы под уроками (ссылки) - Ваши комментарии и пожелания к модулю |
| Модуль 6 |
Количество уроков: 44 Длительность видеоуроков: 2 часа Примерное время на изучение модуля вами: 6-17 часов - Определение React hooks и зачем они нужны - Сравнение состояния в классовых компонентах и в useState() - Смена состояния при нажатии на кнопку - Работа с useState() - Работа с data - Методы map(), filter() и substring() - Проект "список подарков" (удаление данных из массива и опустошение всего массива) - Проект "список отелей" (удаление данных из массива и опустошение всего массива, раскрытие текста при клике на "показать еще") - Проект сайт знакомств (слайды, характеристики людей) - Вопросы к собеседованию по модулю 6 и ответы - Проверочный тест ваших знаний к модулю 6 - Домашние задания - Дополнительные материалы (ссылки) - Ваши комментарии и пожелания к модулю |
| Модуль 7 |
Количество уроков: 31 Длительность видеоуроков: 72 минуты Примерное время на изучение модуля вами: 5-12 часов - Работа с useState() - Передача информации через props - Проект "магазин одежды" (базовый frontend через React) - Добавление фильтров в проект, на основе которых ведется поиск Например, мы можем показать либо штаны, либо платья, либо юбки, либо все вместе - Определение React Router и его установка - Маршрутизация в React - Что такое "/" - Работа с CSS - Вопросы к собеседованию по модулю 7 и ответы - Проверочный тест ваших знаний к модулю 7 - Домашние задания - Дополнительные материалы (ссылки) - Ваши комментарии и пожелания к модулю |
| Модуль 8 |
Количество уроков: 44 |
| Модуль 9 |
Количество уроков: 10
|
| Модуль 10 | Промежуточный контроль Задание - Создайте приложение Nutrition Analysis |
| Модуль 11 | Приложение Nutrition Analysis - Ответ |
| Модуль 12 |
Количество уроков: 35 |
| Модуль 13 |
Количество уроков: 30 |
| Модуль 14 | Настало время объединить все ваши знания воедино и создать настоящий проект! |
| Модуль 15 | Проверочный тест по всему курсу |
| Модуль 16 |
Redux и Redux ToolKit - основные понятия |
| Модуль 17 | Redux и Redux ToolKit: финальный проект |
Программа курса Node
На изучение всего курса node у вас уйдет 3-5 недель. Модули в Node короче, чем в курсе по React.
| Модуль 1 | База Node: определение и создание веб-сервера Установка Node HTTP протокол Простая навигация Теоретические вопросы и ответы |
| Модуль 2 | File System - FS fs.readFile(), fs.writeFile(), fs.appendFile(), fs.unlink() Error-first callback Теоретические вопросы и ответы |
| Модуль 3 | express - установка bodyParser анкета GET() |
| Модуль 4 | Установка и работа с POSTMAN Запросы GET, POST, PUT, DELETE Headers and body |
| Модуль 5 | Задание - Контроль ваших знаний по работе с POSTMAN и API |
| Модуль 6 | Refactoring кода и работа с Router |
| Модуль 7 | Проект fullstack - Meal Plan Работа с MongoDB Backend проекта |
| Модуль 8 |
Проект fullstack - Meal Plan Визуал и функциональности Frontend проекта |
| Модуль 9 | Анкета - Получение ответов пользователей после того, как они заполнят анкету - MongoDB |
| Модуль 10 | Платформа для аутентификации пользователей oath |
| Модуль 11 | О платёжной системе Stripe - Проверьте доступен ли stripe в вашей стране https://stripe.com/en-ca/global |
| Модуль 12 | Финальный проект курса fullstack |
Тарифные планы
Возможна беспроцентная рассрочка на 4 месяца!
FrontEnd (React, Redux) |
Fullstack (React, Redux, Node, MongoDB) |
Доступ к закрытому сайту с уроками |
Доступ к закрытому сайту с уроками |
Ответы на практические задания к каждому модулю |
Ответы на практические задания к каждому модулю |
Вопросы к собеседованиям к каждому модулю и ответы |
Вопросы к собеседованиям к каждому модулю и ответы |
Тесты к модулям |
Тесты к модулям |
Канал в Телеграм |
Канал в Телеграм |
Обратная связь по всем вопросам по курсу в течении 20 недель c начала курса |
Обратная связь по всем вопросам по курсу в течении 30 недель с начала курса |
React, Redux, Redux ToolKit |
React, Redux, Redux ToolKit |
Git/GitHub |
Git/GitHub |
|
__________
|
Node, MongoDB, POSTMAN |
| 17 недель | 20-22 недели |
Сертификат по окончанию курса |
Сертификат по окончанию курса |
Доступ к курсу 6 месяцев после окончания |
Доступ к курсу 1 год после окончания |
| $ 790 USD | $ 890 USD |
Записываясь на курс, вы принимаете данный договор-оферту:
https://edu-canshecode.thinkific.com/pages/contract
До записи осталось:
-
00 Дни
-
00 Часы
-
00 Минуты
-
00 Секунды