Курсы по react js
8 бесплатных обучалок фреймворку React.js
GitBook по React на русском
Начнём с русскоязычного учебника, ведь многие начинающие гики в нашей стране просто игнорируют потребность в изучении английского языка на профессиональном уровне. Впрочем, с таким учебником он не особо-то и нужен.
Здесь вся необходимая для новичка теория, изложенная максимально доступно, с огромным количеством примеров, картинок, демонстрирующих работу с формами, и самое главное — минимум голого текста.
Курсы по React от Tyler McGinnis
От русского языка переходим к хардкорно-английскому, а именно видеокурсам, направленным на базовое знакомство с библиотекой React. 48 занятий (не переживайте, в сумме это 287 минут), посвящённых базовым принципам работы с библиотекой, рассмотрению шаблонных примеров и решению типовых задач. Можете использовать вместе с русским учебником для подтягивания знаний английского.
Hacking with React
Электронная бесплатная книга по React, которая поможет вам практически с нулевыми знаниями погрузиться в мир веб-разработки. Начинается она с настройки библиотеки, знакомит с JSX, а далее с помощью Hacking with React вы создадите свой первый проект. Но не надейтесь найти здесь всю интересующую вас информацию по React и уж тем более по разработке веба. Данная книга только для поверхностного ознакомления. Кстати, если вы любитель почитать книги вне дома и работы, можете за нескромные 10$ скачать автономную версию учебника.
Официальный туториал по React
Если вам нужна исчерпывающая информация, единственный способ найти её — обратиться к первоисточнику, то есть к официальной странице библиотеки. Почему данный туториал не на первом месте в данном списке? Всё просто. Дело в том, что, на мой личный взгляд, он несколько избыточен для новичка. Если у вас есть опыт работы с каким-либо ещё JS-фреймворком, то официальное представление удобно и понятно. Если вы только вчера постигли основы программирования, лучше загляните сюда попозже.
Фундаментальные курсы от Egghead
Платформа Egghead предлагает видеоуроки, среди которых есть как общий вводный курс по JavaScript, так и занятия по отдельным фреймворкам, будь то Angular или React. Последний курс является третьим по объему материала, и он включает в себя 5 бесплатных разделов.
Два из них посвящено общим вопросам создания мобильных веб-приложений, два — знакомству с Redux, и ещё один раздел поведает о вопросах роутинга в React. Так как платформа выпускает бесплатные материалы исключительно для «затравки», то на полноценные знания можете рассчитывать только при оплате подписки категории Pro. Однако для получения представления о React и Redux хватит и этих коротких занятий.
GtiBook по Redux на русском
Раз уж речь зашла о Redux, который хоть и не является частью React, но определённо обитает где-то в этой же экосистеме, то вашему вниманию представлен русскоязычный учебник по этой дисциплине. Автор тот же, но материал здесь рассчитан на более искушённую публику. Здесь вы прочитаете и про webpack, и про hot module replacement, чего не было в первой части. А в результате вы вместе с автором создадите приложение для сборки фотографий из сети Вконтакте по заданным параметрам.
React и Redux с Cabin
Это минимальный туториал по созданию приложения с нуля. Начинаете с установки React, его настройки, подключаете Redux, работаете с фильтрами и получаете готовый продукт. Информация очень схожа с русскоязычной версией, но здесь больший акцент делается на гибкость и функциональность. А ещё работать здесь будете с фотографиями из Instagram.
The React Convention
Перед вами онлайн-журнал по разработке приложений с React. В силу специфики новичкам сюда лучше не соваться. Зато опытные, а точнее, «промежуточные» разработчики найдут здесь много полезного как по шаблонным проектным решениям, так и интересным вариантам применения библиотеки. В общем, всем тем, кто уже не новичок в React и Redux, но всё ещё много сомневается, обязательно периодически заходить, читать и не забывать периодически проверять обновления.
React.js практически с самого своего появления в 2013 году стал привлекать внимание массовой аудитории разработчиков. В 2017 году это официально один из двух наиболее популярных JavaScript-фреймворков (библиотек), а по некоторым данным и вовсе абсолютный лидер. В общем, если вы веб-разработчик, то вам строго рекомендуется хотя бы ознакомиться с React и его возможностями. И вам в помощь 8 абсолютно бесплатных туториалов.
GitBook по React на русском
Начнём с русскоязычного учебника, ведь многие начинающие гики в нашей стране просто игнорируют потребность в изучении английского языка на профессиональном уровне. Впрочем, с таким учебником он не особо-то и нужен.
Здесь вся необходимая для новичка теория, изложенная максимально доступно, с огромным количеством примеров, картинок, демонстрирующих работу с формами, и самое главное — минимум голого текста.
Курсы по React от Tyler McGinnis
От русского языка переходим к хардкорно-английскому, а именно видеокурсам, направленным на базовое знакомство с библиотекой React. 48 занятий (не переживайте, в сумме это 287 минут), посвящённых базовым принципам работы с библиотекой, рассмотрению шаблонных примеров и решению типовых задач. Можете использовать вместе с русским учебником для подтягивания знаний английского.
Hacking with React
Электронная бесплатная книга по React, которая поможет вам практически с нулевыми знаниями погрузиться в мир веб-разработки. Начинается она с настройки библиотеки, знакомит с JSX, а далее с помощью Hacking with React вы создадите свой первый проект. Но не надейтесь найти здесь всю интересующую вас информацию по React и уж тем более по разработке веба. Данная книга только для поверхностного ознакомления. Кстати, если вы любитель почитать книги вне дома и работы, можете за нескромные 10$ скачать автономную версию учебника.
Официальный туториал по React
Если вам нужна исчерпывающая информация, единственный способ найти её — обратиться к первоисточнику, то есть к официальной странице библиотеки. Почему данный туториал не на первом месте в данном списке? Всё просто. Дело в том, что, на мой личный взгляд, он несколько избыточен для новичка. Если у вас есть опыт работы с каким-либо ещё JS-фреймворком, то официальное представление удобно и понятно. Если вы только вчера постигли основы программирования, лучше загляните сюда попозже.
Фундаментальные курсы от Egghead
Платформа Egghead предлагает видеоуроки, среди которых есть как общий вводный курс по JavaScript, так и занятия по отдельным фреймворкам, будь то Angular или React. Последний курс является третьим по объему материала, и он включает в себя 5 бесплатных разделов.
Два из них посвящено общим вопросам создания мобильных веб-приложений, два — знакомству с Redux, и ещё один раздел поведает о вопросах роутинга в React. Так как платформа выпускает бесплатные материалы исключительно для «затравки», то на полноценные знания можете рассчитывать только при оплате подписки категории Pro. Однако для получения представления о React и Redux хватит и этих коротких занятий.
GtiBook по Redux на русском
Раз уж речь зашла о Redux, который хоть и не является частью React, но определённо обитает где-то в этой же экосистеме, то вашему вниманию представлен русскоязычный учебник по этой дисциплине. Автор тот же, но материал здесь рассчитан на более искушённую публику. Здесь вы прочитаете и про webpack, и про hot module replacement, чего не было в первой части. А в результате вы вместе с автором создадите приложение для сборки фотографий из сети Вконтакте по заданным параметрам.
React и Redux с Cabin
Это минимальный туториал по созданию приложения с нуля. Начинаете с установки React, его настройки, подключаете Redux, работаете с фильтрами и получаете готовый продукт. Информация очень схожа с русскоязычной версией, но здесь больший акцент делается на гибкость и функциональность. А ещё работать здесь будете с фотографиями из Instagram.
The React Convention
Перед вами онлайн-журнал по разработке приложений с React. В силу специфики новичкам сюда лучше не соваться. Зато опытные, а точнее, «промежуточные» разработчики найдут здесь много полезного как по шаблонным проектным решениям, так и интересным вариантам применения библиотеки. В общем, всем тем, кто уже не новичок в React и Redux, но всё ещё много сомневается, обязательно периодически заходить, читать и не забывать периодически проверять обновления.
Курс по React
Этот онлайн-курс посвящён профессиональной разработке веб-приложений с помощью React.
Набор на этот курс открывается каждые 3 недели.
Вы можете запросить уведомление.
О курсе
В этом курсе мы с вами шаг за шагом пройдем от знакомства с основными идеями до использования самых новых инструментов и инфраструктуры React, на практике будем развивать одностраничное приложение. Начнем с построения простых компонентов, научимся их тестировать, поговорим про системы сборки и особенности работы с современным синтаксисом.
Постепенно мы разберем особенности построения SPA с использованием React, будем использовать сторонние компоненты и библиотеки для создания бизнес-логики. Вы в деталях узнаете классическую для React-приложений архитектуру: Unidirectional dataflow, и научитесь строить ее с использованием современной и наиболее популярной реализацией – Redux.js.
Курс состоит из 4-х блоков:
Детали программы смотрите далее.
Как организовано обучение?
Курс идёт около 1 месяца.
До начала обучения: вводные материалы
Перед курсом мы попросим вас посмотреть видео-лекции по основам React. Они довольно простые, чтобы на первом занятии вы уже что-то знали.
Мы также будем использовать систему Git/GitHub для обмена исходным кодом, так делает большинство проектов. Для тех, кому это в новинку — дадим крэш-курс и поможем разобраться.
Онлайн-занятия с преподавателем 2 раза в неделю
Запись занятия доступна через 15 минут после окончания. Вы также сохраняете доступ к записям после окончания курса.
Домашние задания, обратная связь по ним
Ваши решения присылаете преподавателю, он проверяет качество кода, использование правильных шаблонов проектирования, даёт обратную связь. К ряду заданий прилагаются тесты, которые частично позволяют проверить правильность решения самому.
Между занятиями доступен групповой чат для общения и вопросов преподавателю.
Курсовой проект
На этом курсе мы делаем курсовой проект. Большую часть кода для проекта вы напишете сами.
Результат
Вы знаете, понимаете и умеете использовать основные идеи React.
Компонентный подход и архитектура одностороннего потока данных(Redux) – ваше второе «Я».
Вы умеете строить как многоразовые компоненты так и SPA с помощью React.
Вы знаете в каком направлении развиваться и на какие элементы инфраструктуры React стоит обратить внимание.
Программа курса
Блок 1
Знакомство с React и его экосистемой.
В этом блоке мы начнем с того, на чем остановились в скринкасте по Реакт. Научимся писать простые компоненты и узнаем, в чем принципиальное отличие React.js от других популярных фреймворков. Создадим первые компоненты, используя декларативный подход, познакомимся с экосистемой, научимся использовать сторонние компоненты и работать с формами.
- Разбираем как работает create-react-app.
- Глубже знакомимся с Реактом, Virtual DOM, JSX.
- Разбираем React Hooks, их отличия от стейта и lifecycle методов.
- Разберем примеры тестирования компонент с помощью Jest и Enzyme.
- Подключаем стили с css modules.
- Учимся переиспользовать код с помощью наследования, декораторов и кастомных хуков.
- Связь с DOM: keys & refs.
- Подключаем сторонние компоненты.
Блок 2
Построение приложений с React: Redux.js
Когда приложения становятся сложнее и в них появляется интерактивность, приходиться задумываться про организацию бизнес-логики, настраивать потоки данных и взаимодействие с сервером. В процессе построения простого новостного приложения мы детально разберем самую популярную библиотеку для одностороннего потока данных, узнаем ее особенности и научимся использовать дев-тулзы.
- Особенности Redux.js: функциональный подход, Redux dev tools.
- Store как иммутабельный объект: Redux + Immutable.js.
- Настраиваем синхронный поток с Redux, переиспользуем созданные ранее компоненты.
- React-redux для связи компонентов с логикой.
- Мемоизированные селекторы reselect.
- Side-effects в Redux: создание и использование Middlewares.
- Получение данных от сервера.
- Асинхронные экшены с redux-thunk
Блок 3
React для SPA: react-router и продвинутые API Реакта
Разработка single-page applications – одно из основных направлений фронтэнда. Мы разберем, как строить их, используя React. Научимся использовать react-router и продвинутые элементы API React.JS.
- Зачем нужен роутинг и как он устроен, проектируем структуру приложения.
- Разбираем react-router v5.
- Настраиваем вложенные роуты.
- Выбираем и настаиваем history для нашего приложения.
- Объединяем react-router и Redux.
- Учимся обрабатывать серверные ошибки и декларативно управлять роутером.
- Используем context – еще один механизм передачи данных.
- Обзор Advanced API react-router.
- Используем props.children для композиции компонентов.
- Анимации в React, CSSTransitionGroup.
Блок 4
Куда развиваться дальше
На этот момент вы уже знаете все, что необходимо, для разработки React приложений. Но на этом рано останавливаться, вокруг Реакта выросла огромная экосистема. Мы обзорно пройдемся по основным возможностям для развития, разным платформам, библиотекам и вспомогательным инструментам. + Будет возможность разобрать интересующие именно вас вопросы.
- Работа с формами: redux-form, final-form, formik.
- Что ждать от React 17.
- React Native и React VR.
- GraphQL + Relay/Apollo.
- MobX vs Redux.
- Разные подходы к сайд-эффектам: redux-thunk, redux-loop, redux-saga, redux-observable.
Предварительные требования
- Знание JavaScript, включая ООП, классы.
- Интернет 256kb/s или быстрее для видео.
Преподаватели
Программирование люблю и практикую с детства, даже затрудняюсь сказать, какой именно в нём опыт) C React работаю практически с момента открытия фреймворка для публики.
С 2017 года руковожу Front-end гильдией в Киевском R&D центре Wix. Наш основной стек – это React, и у нас он используется в нескольких десятках проектов, с очень разной инфраструктурой. Мы создаем на его основе от библиотек базовых компонент, до сложных приложений с серверным рендерингом и ленивой загрузкой.
Знаю с десяток языков, но в последнее время активно пишу только на JavaScript.
Выступаю на конференциях, провожу мастер-классы, курсы и консультации по фронтенд-разработке.
Программирую всю сознательную жизнь. Участвовал в олимпиадах, делал научные работы, доклады на конференциях.
С 2007 работаю веб-разработчиком. C 2014 пишу проекты разного масштаба используя React и его экосистему.
Один из первых разработчиков Zoomdata – системы визуализации больших данных в реальном времени, которой пользуются крупнейшие бизнесы в США.
Сейчас работаю в Wix.com, разрабатываю новую версию конструктора сайтов, которым пользуются сотни миллионов пользователей.
Так же принимал участие в проектировании open source библиотеки stylable.io для инкапсуляции стилей в React-компоненты.
Программирование люблю с детства. Свой первый сайт создал в далеком 2002 году. С 2007 плотно работал с базами данных. С 2014 профессионально занялся web-разработкой.
C React работаю начиная с версии v0.13 – с 2015 года. Занимаюсь различного рода менторством с 2017 года. Часто провожу небольшие доклады внутри компаний на тему React-Redux стека. Участвую в open-source проектах.
С 2018 года работаю в R&D центре компании Wix. 90% проектов, с которым здесь работаю – построены на базе React-Redux стека. Часть из них на TypeScript. Провожу лекции по Redux для новичков Wix. Участвую как в небольших проектах (с 2-3 разработчиками), так и в проектах на 50-70 разработчиков и знаю что такое «масштабирование» не понаслышке.
Что говорят о курсе участники
Мы занимаемся обучением с 2007 года. За это время у нас обучились тысячи разработчиков из разных стран и компаний.
Все отзывы являются честными. Мы не модерируем их.
Разработка на React.js
Описание
Разбираемые темы
1. Обзор современных возможностей JS (4 ч).
- Классы и наследование.
- Деструктуризация массивов и объектов.
- Спред-оператор.
- Иммутабельность.
- Чистые функции.
- Модель MVC.
- Асинхронность в JS: промисы, async/await.
- Работа с сервером.
- Использование this в коллбэках.
- Модули JS, импорт и экспорт.
- NPM и package.json.
- Webpack и сборка модулей.
- Загрузчики Webpack.
2. Основы React (1 ч, включая практику).
3. JSX (2 ч, включая практику).
4. State и Props (2 ч, включая практику).
5. Расширенные вопросы. Жизненный цикл компонентов (2 ч, включая практику).
6. Роутинг в React (2 ч, включая практику).
7. Immutable.js (1 ч).
8. Архитектура FLUX (2 ч, включая практику).
9. Основы REDUX (2 ч, включая практику).
10. Продолжаем изучать REDUX (3 ч, включая практику).
11. REDUX Dev Tools (+ демонстрация) (0,5 ч).
12. Часто задаваемые вопросы по REDUX (0,5 ч).
13. Middleware в REDUX (0,5 ч).
14. Асинхронные Actions (0,5 ч).
15. Redux THUNK (2 ч, включая практику).
16. Хуки в React (1 ч).
- Научиться использовать React.js;
- Разобраться с архитектурным решением – FLUX, а также его имплементацией – Redux;
- научиться применять React.js совместно с Redux.
Целевая аудитория
Предварительная подготовка
Владимир имеет опыт в области разработки ПО уровня Enterprise для крупнейших зарубежных компаний с использованием технологии Java с 2000 г.
В компании Luxoft Владимир работает с 2006 г. За это время поучаствовал в нескольких проектах для крупной американской сельскохозяйственной компании и крупнейшего швейцарского банка. Интересуется технологиями создания масштабируемых, эргономичных web-интерфейсов, а также технологиями повышения производительности труда разработчиков.
Специализируется на использовании JavaScript и Java для создания мощных и современных web-приложений, создании современных эргономичных web-интерфейсов с низким временем отклика.
2006–2012 – Luxoft, ведущий разработчик, участие в проектах для крупного банка (разработка системы биржевой торговли; разработка системы развертывания ПО на серверах банка); участие в проекте для американской агропромышленной компании (разработка логистической системы учета и транспортировки сельхозпродукции).
2005–2006 – ITCI, ведущий разработчик, разработка системы управления процессом разработки ПО.
2002–2004 – Институт возрастной физиологии РАО, руководитель проекта IT-поддержки систем всероссийского мониторинга школьников, разработка систем сбора и анализа данных.
Образование
1995–2000 – МГУ им. М.Ю. Ломоносова, факультет вычислительной математики и кибернетики, специальность «Прикладная математика».
За время своей профессиональной деятельности Вячеслав принимал участие в четырнадцати успешных проектах (в восьми – в роли разработчика, в четырех – в роли аналитика проекта, в двух — в роли архитектора). Имеет богатый опыт разработки программного обеспечения на всех стадиях жизненного цикла проекта. Бизнес-области проектов, в которых работал Вячеслав, весьма разнообразны: от банковских CRM-систем до Internet-порталов, от систем интеграции в области телекома до систем корпоративной автоматизации.
С 2008 г. преподаёт в Сетевой академии «Ланит» по программе ВКШ «Эксперт».
React
Цель курса
Изучить философию и дух компонентного подхода современных javascript-фреймворков, научиться использовать React для решения практических задач.
React сложнее, чем Vue.js. Но вакансий и заказов на фрилансе на нём больше.
Программа курса
28 февраля, 20:00 — урок 1
- Простая сборка с webpack
- Основы компонентного подхода
- Понимание JSX
- Функциональные компоненты vs классы
- Состояние: классы vs функции + хуки
- Изменение состояния и иммутабельность
3 марта, 20:00 — урок 2
- Взаимодействие между компонентами
- Однонаправленный поток данных
- Обработка событий
- Контроль контекста у методов
- Рендеринг элементов в цикле
- Ветвления при рендеринге
6 марта, 20:00 — урок 3
- Жизненный цикл компонента
- Работа с хуками жизненного цикла
- Стилизация компонентов
- Классика vs CSS in JS
- Работа с формами
- Children — передача контента в компонент
10 марта, 20:00 — урок 4
- Управление состоянием приложения
- Централизованный склад данных
- Понимание flux-архитектуры
- Redux, который бесит новичков
- Отдельное видео по Redux
- Основы работы с Mobx
13 марта, 20:00 — урок 5
- Организация работы с Mobx
- Модули и rootStore
- Основы React Router
- Api History
- Создание небольшого SPA
17 марта, 20:00 — урок 6
- Компоненты: умные vs универсальные
- High Order Components
- Оптимизация работы приложения
- Component и PureComponent
- Видео по промисам
20 марта, 20:00 — урок 7
- Общение с серверным API
- Fetch и промисы
- Обработка ошибок
- Подключение полифилов
- Построение архитектуры приложения
24 марта, 20:00 — урок 8
- Доработка SPA
- Применение изученных тем
- Сборка в production
- Перенос SPA на сервер
- План дальнейшего развития
Преподаватель курса
Профессиональный веб-разработчик
Опыт работы в сфере разработки сайтов более 10 лет. Ориентируется во всех вопросах создания сайтов, от вёрстки до backend-а.
Опытный преподаватель
Начиная с 2011 года, под его руководством тысячи учеников прошли путь от новичков до успешных веб-программистов. Если вы ещё не знакомы с Дмитрием, рекомендуем заглянуть на его youtube-канал, где вы найдете много полезных видео и сможете узнать стиль преподавания Дмитрия.
Что вы получите
8 онлайн уроков
По вторникам и пятницам с 20:00 МСК. Продолжительность каждого занятия около двух часов. На уроках разбираются домашние работы учеников и новый материал.
Видеозаписи всех уроков
Если вы по какой-то причине не смогли посетить урок, не переживайте, спустя пару часов после окончания занятия он доступен в записи в хорошем качестве 🙂
Материалы и исходники
Все примеры, которые мы рассматриваем на уроках, вы получаете в архиве. Таким образом, даже не написав ни строчки кода, вы получаете набор готовых решений, сделанных на уроке.
Домашние задания
После каждого урока выдаётся домашнее задание, которое нужно сделать для закрепления пройденного материала. Плохие оценки не ставим – только конструктивные комментарии 🙂
Обратную связь от преподавателя
Домашнее задание каждого ученика разбирается на уроке. Поэтому максимальный размер группы ограничен, чтобы каждый мог получить комментарии по своей работе.
Доступ в закрытую группу
Во время прохождения курса все участники тусуются в рамках закрытой площадки, где помогают друг другу, а также задают вопросы преподавателю и получают ответы на них.
Обзор курса
Для прохождения данного курса необходимо нормальное владение javascript, в том числе, понимание ООП, контекста, замыканий и стандарта ES6!
Если вы ещё сомневаетесь относительно React
посмотрите видео, расположенное рядом
В нём рассказано, почему есть смысл изучать именно этот фреймворк.
Запись на курс
Скидка скоро растает!
14 000 руб. 9 800 руб.
Часто задаваемые вопросы
Будут ли записи уроков
Да, конечно. Видеозапись и материалы выкладываются в течение нескольких часов после окончания урока.
Какой начальный уровень знаний необходим
Уверенное владение javascript, в том числе понимание ООП, контекста, замыканий и стандарта ES6.
Почему нет React Hooks
У React итак не самая приятная кривая сложности для его освоения новичками. Хуки ещё сильнее усугубляют эту проблему. На мой взгляд лучше сначала научится строить приложения по классической схеме.
Почему React, а не Vue
Vue проще, а может быть, даже просто лучше. Но React популярнее, вакансий и заказов на фрилансе ощутимо больше. Кроме того, сейчас многие опасаются Vue из-за неоднозначных новшеств, запланированных в версии 3.
Стоит идти на курс, если я боюсь
Если вы владете js на уровне решения простых задач для вёрстки, то лучше начинать с Vue. React более требователен к начальным знаниям.
Будут ли ещё потоки этого курса
Скорее всего будут, но не слишком скоро. Обычно подобные курсы стартует два-три раза в год.
Почему мало времени уделено Redux
Без дополнительных библиотек он заставляет писать много однотипного кода, что в сумме с иммутабельностью данных сильно напрягает новичков.
Есть ли продвинутый курс
Надеюсь запустить в первой половине 2020 года. React Hooks, создание SPA, серверный рендеринг, продвинутая работа с роутером, тестирование кода и т.п.
Отзывы участников курса
Приятного изучения React!
На этом курсе или не на нём, в любом случае рекомендую освоить Angular, React или Vue.
jQuery успешно решает задачи при вёрстке, но её использование в средних и крупных проектах приводит к хаосу в коде. С jQuery пора слезать!
React .js
За 5 недель освоите самую популярную библиотеку JavaScript и разработаете 3 приложения для портфолио
29 октября — 4 декабря
5 недель
Длится обучение на нашем курсе
20 уроков
Удобный формат обучения
40 заданий
Для домашнего выполнения
+3 проекта
Добавятся в ваше портфолио
И вы фронтенд-разработчик
Знаете React и готовы к работе над большими проектами в студии или на фрилансе.
Уже имеете 3 полноценных работы в портфолио, которые можно показать на собеседовании.
Сможете зарабатывать от 50 000 рублей. Это средняя зарплата фронтендеров,которые знают React.
Что нужно для старта?
Для изучения React вам нужно знать JavaScript. Если вы ещё не учили этот язык, рекомендуем сначала пройти курс по JavaScript.
Учили JavaScript, но не уверены в своих знаниях и не знаете, подойдёт ли курс по React? Оставьте заявку на консультацию, мы определим ваш уровень знаний в JS
Что вас ждёт на курсе
Быстрый результат
Мы убрали из программы всё лишнее, оставив только пользу. Поэтому обучение длится 4 недели, а не несколько месяцев.
Обучение на практике
Программа курсов состоит из 70% практики и 30% теории. В уроках — только то, что нужно в реальной работе. Всё остальное — в виде дополнительных ссылок.
Поддержка куратора
Куратор — это опытный наставник. Он поможет разобраться в теме, посоветует дополнительную литературу. Один куратор работает в мини-группе с 5-ю студентами.
Удобный формат уроков
Все уроки записаны заранее. Это короткие видео до 30 минут, которые можно посмотреть в удобное время. В конце недели — прямая трансляция с преподавателем с ответами на вопросы.
Награда лучшим студентам
На тарифах с куратором и преподавателем работает балльная система. Войдёте в тройку лучших студентов — получите большие скидки на курсы и подарки от Академии.
Поддержка после курса
После выпуска вы попадёте в закрытое сообщество выпускников Академии, в котором можно найти партнёров. Там же вы сможете консультироваться с кураторами по дальнейшему развитию.
Программа курса
Знакомство с React
Урок 0. Настройка рабочего пространства.
Урок 1. Что такое React, зачем его использовать. Вспоминаем ES6-ES8 стандарты.
Урок 2. Модульная структура, зачем она нужна в React. Собираем проект.
Урок 3. Создаем первое приложение с помощью create-react-app. Препроцессор JSX.
Урок 4. Свойства и состояния компонентов.
Урок 5. Жизненный цикл компонентов.
React на практике, что необходимо знать для полноценного SPA
Урок 6. Подключаем стили и знакомимся с styled-components.
Урок 7. Работа с формами в React.
Урок 8. Начинаем работать с сервером. Генерируем списки в React.
Урок 9. Продолжаем работать с сервером. Работа с API.
Урок 10. Навигация в приложении с помощью React Router.
Продвинутое использование React, работаем с Redux
Урок 11. Паттерны React.
Урок 12. Основные принципы Redux.
Урок 13. Соединяем React и Redux.
Урок 14. Тестирование и отладка кода в React. Пишем UI тесты.
Урок 15. Секретный урок.
Дипломный проект
Трудоустройство и фриланс
Развитие себя как специалиста
План развития на год
Тарифы и цены
ВСЕ САМ
Доступ к видео-урокам
Общий чат с участниками
Еженедельный стрим с автором курса
Возможность попасть в закрытую дипломную группу
Защита дипломной работы
15 990 руб.
10 990 руб.
В рассрочку за 1 831 в месяц
ПОЛНЫЙ ФАРШ
Доступ к видео-урокам
Общий чат с участниками
Проверка домашек куратором
Закрытый чат с куратором
Скайп сессии разбора домашек
Видеоразбор домашней работы
Еженедельный стрим с автором курса
Возможность попасть в закрытую дипломную группу
Защита дипломной работы
21 990 руб.
16 990 руб.
В рассрочку за 2 831 в месяц
Что говорят наши студенты
Раимов Алексей, Нижний ТагилМурад Байрамов, Долгопрудный
Юрий Плисковский, Санкт Петербург
Часто задаваемые вопросы
Останутся ли видеозаписи после прохождения курса?
Видео-уроки доступны в течение всего курса (приблизительно 6 недель).
По окончании курса, если вы успешно сдали домашние задания 18 уроков, у вас есть возможность получить видео-записи бесплатно (за оставленный видео-отзыв).
В случае, если вы не выполняли домашние задания, для вас будет возможность приобрести записи курса за отдельную плату (1990 рублей).
Как сменить свой тариф?
Для смены тарифного плана, вам необходимо доплатить сумму, недостающую до тарифа «Полный фарш».
После этого с вами свяжется администратор курса и расскажет, что делать дальше.
Ссылку для оплаты перехода на тариф «Полный фарш» вы можете найти на платформе (справа в уроках).
Если я обучаюсь без наставника, кому задавать вопросы?
Вы и все ваши сокурсники должны быть в нашем общем аккаунте Дискорд. Там есть специальный канал, который называется #помощь — туда вы можете задать вопрос и получить ответ от сокурсников.
Еще вы можете задать вопрос в канал #вопросы_к_трансляции — на эти вопросы отвечает преподаватель на еженедельных трансляциях в прямом эфире.
Могу ли я поменять куратора в течение курса?
Если продолжать работу с выбранным куратором вы не можете, попросите Администратора перенести вас к другому куратору.