React.js Разработка веб-приложений

все курсы

Программирование

4.5

3 отзыва

6 недель,

начало 22 декабря

Сложность

Продвинутый

Тип обучения

Курс

Формат обучения

С проверкой домашнего задания

Трудоустройство

Отсутствует

Сертификат

Да

Стоимость курса

25 500 ₽

есть рассрочка

Что ожидать от обучения?

Насыщенная программа
20 обучающих модулей, 100+ часов обучения.

Личный наставник
Практикующий разработчик на Node.js будет отвечать на любые вопросы и делать ревью.

Готовое портфолио
Вы разработаете серверную часть для корпоративного приложения

Доступ к материалам
Не ограничен рамками курса. Вы можете продолжить учиться когда захотите.

Slack чат
Общение с преподавателями и одногруппниками в уютной и дружелюбной атмосфере.

Сертификат
Диплом с уникальным ID, подтверждающий уровень ваших знаний.

Ламповая атмосфера
Никаких скучных и занудных “дядек“, как в других школах. В Loftschool вас будут учить в атмосфере rock-and-roll.

Начало карьеры
После обучения вы сразу же готовы к старту карьеры в веб-индустрии.

Каждая неделя обучения включает:
2-3 обучающих модуля
1 групповую практику
Задание
30-минутную консультацию

Что вы получите после обучения

Приобретаемые навыки

React.js

SPA

Тестирование Web-приложений

Redux

JavaScript

DOM

Recompose

Jest

Enzyme

Snapshots

Render Props

Switch

Redux-saga

MaterialUI

Travis

Husky

Heroku

Storybook

Axios

CI/CD

Сертификат, ссылками на который можно делиться с другими людьми

Вас будут обучать

Анатолий Барцев

курс

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

Дают знания, а не ответы.

Ариф Балаев

курс

Senior Frontend разработчик

9 лет в IT 5 лет в online-образовании Помогаю осваивать web-разработку Создаю http://audio.com

Образовательная организация

Loft School

4.3

13 отзывов

Добро пожаловать в LoftSchool - уникальный образовательный ресурс от самого быстроразвивающегося IT сообщества рунета и СМИ - LoftBLog. Здесь помогают стать востребованным IT специалистом или фрилансером, чтобы работать удаленно из любой точки мира.

LoftSchool — образовательная площадка, специализирующаяся на профессиях в IT-сфере. На рынке образования с 2012 года. Преподаватели и наставники школы практикующие специалисты из таких компаний, как Mojang, Avito и других. Образовательные программы на платформе поделены на профессии, интенсивы и видеокурсы.

Обучение программированию с нуля онлайн с личным наставником. Школа онлайн образования Loftschool обучает: web разработке, php, javascript, seo, интернет маркетингу, android разработке.

Программа курса

Неделя 1 — Введение в React.js

— Знакомимся с командой курса и одногруппниками.
— Изучаем JSX и Virtual DOM в React.
— Рассматриваем компонентный подход и способы передачи данных.

Знакомство
1. Открытие курса (05:41)
I React.js
1. Что такое React (07:05)
2. Virtual DOM (02:46)
3. JSX (06:10)
4. Рендеринг с условиями (05:11)
5. Работа со списками (02:45)
6. Компоненты (02:41)
7. Props (01:45)
8. State (06:45)
9. События (02:26)
10. React Devtools (03:58)
II React.js
1. Lifecycle методы (05:19)
2. Компоненты - функции (01:29)
3. Pure Component (02:54)
4. Synthetic Events (01:42)
5. Работа с формами (02:51)
6. Обработка ошибок (01:39)
Разбор заданий #1
1. Workshop #1 (30:36)

Неделя 2 — Паттерны React.js, тестирование

— Изучаем компоненты, элементы и экземпляры класса компонент.
— Рассматриваем библиотеку Recompose, паттерны high order components и Render Props.
— Разбираемся в преимуществах тестов, изучаем Jest, Enzyme, Snapshots.

III React
1. Intro (01:43)
2. PropTypes (10:18)
3. Context (05:19)
4. Refs (05:18)
5. Portals (05:02)
6. Hooks (10:42)
IV React.js
1. High Order Components (HOCs) - Компоненты Высшего Порядка (10:33)
2. Ref-forwarding (HOCs) (04:31)
3. Рендер пропс паттерн (05:25)
4. Библиотека ХОКов Recompose (10:32)
5. Профайлинг (04:02)
Тестирование
1. Intro (05:06)
2. Test Runner (02:51)
3. Test DSL (08:41)
4. Enzyme (06:57)
5. Snapshots (03:09)
6. Testing sagas (05:01)
7. React Testing Library (06:32)
Разбор заданий #2
1. Workshop #2 (27:54)

Неделя 3 — Redux, роутинг

— Изучаем роутинг: Simple routing, роутинг со Switch, а также вложенный роутинг.
— Знакомимся с библиотекой Redux: основные понятия и концепции Store, Actions, Reducers, React-redux.
— Рассматривается middleware как способ работы с Sideeffect.

Роутинг в браузере
1. History API (02:48)
2. Simple routing (05:39)
3. Роутинг со Switch (04:16)
4. Вложенный роутинг (05:32)
5. Приватный роут (04:39)
I Redux
1. Intro (04:07)
2. Store (05:03)
3. Actions (02:17)
4. Reducers (07:56)
5. React-redux (03:26)
II Redux
1. Intro (03:11)
2. CreateActions (redux-actions) (09:13)
3. Middleware (07:54)
4. Handle actions (05:52)
5. Selectors (06:17)
6. Reselect (04:49)
7. Ducks (06:56)
Разбор заданий #3
1. Workshop #3 (39:13)

Неделя 4 — Redux-saga

— Изучаем библиотеку Redux-saga. Повторяем generator* functions. Учимся запускать их параллельно.
— Разбираем метод Take. Изучаем select, как способ получения данные из Store.
— Рассматриваем способы стилизации React приложения. Изучаем библиотеки ClassNames, StyledComponents, BrowserList, MaterialUI.

I Redux-saga
1. Intro (00:57)
2. Overview (02:08)
3. Generators (04:11)
4. Adding sagas (02:07)
5. React on actions (03:53)
6. Запуски функций (02:06)
II Redux-saga
1. Intro (00:27)
2. Выполняем эффекты параллельно (03:41)
3. Эффект Take (02:45)
4. Эффект Select (02:04)
5. Отмена эффектов (04:05)
Работа со стилями
1. Intro (01:34)
2. CRA Styles (05:21)
3. ClassNames (06:32)
4. StyledComponents (07:11)
5. BrowserList (01:37)
6. Material UI (08:13)
Разбор заданий #4
1. Workshop #4 (09:55)

Неделя 5 — Формы, CI & DI & Client error handling

— Рассматриваем работу с формами с помощью библиотек Formik, Redux Forms, React Final Form.
— Рассматриваем методы обеспечения качества production кода. Разбираем такие инструменты как: Husky, TravisCI, HerokuNow.
— Изучаем набор полезных библиотек для разработки (Storybook, RamdaJS, Axios).
— Рассматриваем TypeScript.

Работа с формами
1. Intro (05:07)
2. Formik (08:51)
3. Redux form (06:22)
4. React final form (06:36)
CI & DI & Client error handling
1. Intro (05:07)
2. Husky (02:32)
3. CI using TravisCI (03:32)
4. Deploy to heroku (04:57)
5. Rollbar (02:00)
Набор полезных библиотек для разработки
1. Storybook (05:32)
2. RamdaJS (04:47)
3. Axios (05:52)
4. Typescript (09:31)
Разбор заданий #5
1. Workshop #5 (13:17)

Неделя 6 — Работа над проектом

— Доделываем приложение и отправляем на проверку.

Как получить работу в IT: фишки и советы
1. Как получить работу в IT? Поиск, собеседование и испытательный срок (42:21)
2. Как найти удаленную работу и фриланс-заказы? (20:12)
3. Первая работа в IT — как себя вести? Стажировки, официальное трудоустройство и работа "за еду" (14:11)
4. Как пройти испытательный срок? (27:10)
5. Как подготовиться к собеседованию в компании уровня FAANG (08:52)
6. Процесс загрузки web страницы (25:19)
7. Собеседование программиста – всё, что нужно знать (01:24:07)
8. Решение задачи с собеседования программиста (19:36)
9. Собеседование Frontend-разработчика (01:37:17)

Рейтинг курса

4.5

рейтинг

Отзывы о курсе

3 отзыва

по рейтингу

по дате

Отличный опыт

Достоинства: Преподаватели и наставники, интересные проекты, структура курса, подача материала Недостатки: Нехватка времени, местами поверхностно По моему мнению, какие бы курсы разработчика не начал проходить человек, у него обязательно должна быть база и знания, полученные собственными силами. Только посидев несколько месяцев самостоятельно можно понять на сколько тебе все это заходит и го...

Качественное обучение за приемлемую цену.

Достоинства: Качественный материал, наличие наставников, канал для связи учащихся, быстрый ответ преподавателей на вопросы, еженедельные индивидуальные созвоны с наставником, интенсивное обучение, дедлайны по сдаче дз). Недостатки: Третий курс на мой взгляд слишком сложный без более глубоко знания основы JS,а курсы по JS идут отдельно ( правда этот момент был исправлен буквально месяц назад и...

JS и REACT явно не здесь нужно изучать.

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