Фреймворк ReactJS — Лучшие онлайн курсы

Программа

Модуль 1. JavaScript.

• Введение в Modern JavaScript Frameworks.
• Возможности современного JS.
• Браузер.
• Введение в Node.
• Пакетный менеджер NPM.
• Возможности package.json.
• Test Driven Development.

Модуль 2. Node.js.

• Стандартная библиотека Node.
• Ключевые концепции Node.
• Веб-сервер с Express.
• Возможности MongoDB, функционал.
• Rest API с Express/Mongoose.
• Основы GraphQL.
• Сборка проекта, CI.
• Деплой проекта, CD.

Модуль 3. Современный стэк ДжаваСкрипт.

• Web Components.
• Webpack.
• Service Workers.
• Тестирование, BDD.
• TypeScript.
• PWA.

Модуль 4. Реакт.

• Основы React, JSX.
• React-компоненты.
• Паттерны проектирования.
• Обзор современных возможностей.
• Состояние приложения (Flux, Redux).
• Оптимизация ПО.
• Подготовка React-приложения к продакшен.
• Микросервисная архитектура, аспекты SSR.

Модуль 5. Angular.

• Введение.
• Компоненты, директивы.
• Observables, RxJS.
• Сервисы, виды состояний.
• Создание/управление формами.
• Routing, тестирование, сборка.

Модуль 6. Vue.

• Альтернатива большим фреймворкам.
• Компоненты, шаблонизатор, формы.
• Routing, Vue3.
• Advanced Vue/Vuex.

Модуль 7. Проектная работа.

Чему научитесь?

• Решать различные задачи фронтенда/бэкенда при помощи JS;
• Использовать современные фреймворки, библиотеки;
• Проектировать, организовывать, контролировать состояния ПО;
• Тестировать серверные, клиентские приложения;
• Выбирать необходимые для вашего проекта инструменты;
• Проводить юнит-тесты на различных уровнях;
• Применять паттерны проектирования: Event Loop, Flux, Immutable, Virtual DOM, Dependency Injection, Observables.

Программа

1. Компоненты.
2. Продвинутые техники, одностраничные приложения.
3. Redux — управление состоянием.
4. Git — система контроля версий.
5. Английский язык для начинающих разработчиков.

Чему научитесь

• Обучитесь работать с библиотекой Реакт, разберетесь с инициализацией приложений, овладеете самыми современными Hooks и Context API, а также изучите актуальные технологии.
• Научитесь полноценно работать с пакетами Redux Toolkit, Redux Observable и Redux Saga, освоите их функционал.
• Будете реализовывать постраничную навигацию React-приложений.
• Ознакомитесь с реализацией методов жизненного цикла компонентов, научитесь работать контролируемыми и неконтролируемыми компонентами, получите возможность улучшить пользовательский опыт.

Особенности

• Имеется бесплатная программа трудоустройства центра развития карьеры, который располагается при школе Нетология.
• Есть возможность вернуть деньги в любой момент, если пользователь передумал. Если прошло три занятия, то сумма возвращается в полном размере.
• Присутствует возможность оплатить в рассрочку на 12 месяцев (1 225 ₽ в месяц со скидкой или 1 750 ₽ рублей в месяц без скидки).

Программа

1. Введение.
2. Компоненты.
3. JSX.
4. Props.
5. Работа с коллекциями.
6. Различия jsx и html.
7. Обработка имён классов.
8. Children.
9. Состояние.
10. События.
11. Автоматное программирование.
12. Формы.
13. Неизменяемость.
14. Вложенные компоненты.
15. Функциональные компоненты.
16. Контекст (Context API).
17. Virtual Dom.
18. Тестирование.
19. Асинхронная обработка.
20. Жизненный цикл компонента.
21. Производительность.
22. Refs.
23. Заключение.

Чему научитесь

• Обучитесь создавать полноценные и максимально производительные приложения на React.
• Сможете максимально грамотно организовывать состояние приложения.
• Научитесь полноценно взаимодействовать с бэкендом по API.
• Сможете интегрировать React со сторонними библиотеками.

Особенности

• При покупке этого курса оформляется подписка Хекслет, которая дает доступ ко всем курсам платформы.
• Новичкам этот курс не подходит по той причине, что для успешного его прохождения требуется знание основ JavaScript, HTML и CSS.

Программа

1. Основные курсы.

• Web-вёрстка/JavaScript. Базовый уровень.
• Онлайн курс на выбор: React.js или Vue.js.

2. Дополнительные курсы

• Веб-вёрстка/JavaScript. Продвинутый уровень.

3. Универсальные знания программиста.

• Photoshop.
• Figma.
• Английский для IT специалистов.
• Система контроля версий Git.
• Язык запросов SQL.
• Карьера и развитие программиста.
• Работа в командной строке Bash.

Чему научитесь?

• Понимать фронтенд во всех его аспектах;
• Корректно верстать веб-сайты;
• Применять инструменты автоматизации;
• Делать анимации, переходы, разметку;
• Добавлять к вашему проекту гиперактивные кнопки;
• Программировать на ДжаваСкрипт;
• Работать с современными фреймворками;
• Проводить проверку кода на предмет ошибок, корректировать/исправлять их.

Программа

• Урок 1. Знакомство с ReactJS. Первые компоненты.
• Урок 2. Жизненный цикл компонента.
• Урок 3. Virtual DOM. Material UI. PropTypes.
• Урок 4. Children. Роутинг в React.
• Урок 5. Контекст. Компоненты высшего порядка. Знакомство с Redux.
• Урок 6. Погружение в react-redux.
• Урок 7. Redux middlewares. Redux-persist.
• Урок 8. Работа с API.
• Урок 9. Знакомство с Firebase.
• Урок 10. Тестирование и оптимизация приложений на React.

Чему научитесь

• Сможете применять на практике ES6.
• Обучитесь правильно настраивать сборку приложения при помощи Webpack.
• Сможете полноценно и профессионально работать с библиотекой React JS.
• Научитесь полноценно использовать концепцию Flux с применением библиотек Redux.
• Сможете профессионально разбираться в реализации бэкенда на примере NodeJS, ExpressJS и MongoDB.

Особенности

• Пользователь получает все необходимые методички и практические пособия. Также вся необходимая теория доступна в записи – ее можно просмотреть в любое время.
• В ходе курса студенты создадут и оптимизируют собственный программный продукт – некое подобие альтернативной социальной сети.
• Для успешного прохождения нужны базовые знания в области HTML/CSS, а также знания основных принципов верстки на JavaScript.

Программа

1 Web-вёрстка. Базовый уровень.

• Знакомство с курсом.
• Базовый HTML, CSS. 
• Макеты.
• Layout. HTML-разметка, Flexbox, Стилизация.
• Продвинутый HTML/CSS.
• Сетки.
• Адаптивность: десктоп и планшет, мобильные устройства.
• JS для верстальщика.
• Доступность.
• Кросс-браузерность.
• База знаний.
• Работа с хостингом.
• Анимация.

2. Веб-вёрстка. Продвинутый уровень.

• Вёрстка HTML-писем.
• SVG.
• Анимирование на JavaScript.
• Оптимизация, процесс загрузки.
• Сборщики.
• Препроцессоры/постпроцессоры.
• CSS Grid.
• CMS.
• Будущее вёрстки.

3. Базовый уровень JS.

• Введение.
• Переменные, числа.
• Строки, boolean, условные операторы.
• Массивы, циклы.
• Функции.
• Объекты.
• Введение в DOM.
• Константы, области видимости, замыкания.
• Преобразование типов, нестрогие сравнения.
• Обработка событий, пользовательский ввод.
• Soft skills для разработчика.

4. JavaScript. Продвинутый уровень.

• Модули.
• NPM, package.json.
• Event loop, асинхронная разработка.
• Методы объекта, прототипы.
• Тестирование.
• Обработка ошибок.
• Общение с сервером, async, await.
• События.
• Объектно ориентированное программирование в JS.
• Работа с массивами, строками.

5. Видеокурсы на выбор.

• Vue.
• React.
• Angular.

6. Специализация.

Всё о Node.js в видеоформате.

7. Дополнительные курсы.

Алгоритмы и структуры данных для разработчиков.

8. Бонусные курсы.

• Универсальные знания программиста.
• Photoshop с нуля.
• Figma с нуля до PRO.
• Работа в командной строке Bash.
• Система контроля версий Git.
• Английский для IT-специалистов.
• Карьера и развитие программиста.
• Agile: Scrum, Kanban в работе над продуктом.

Чему научитесь?

• Вёрстке сайтов при помощи HTML5 и CSS3;
• Использованию Twitter Bootstrap в целях разработки;
• Созданию интерактивных страниц на JS;
• Проектированию графических интерактивных приложений;
• Использованию средств отладки в браузере;
• Делегированию событий, управлению DOM структурой;
• Управлению функционалом интерпретатора JavaScript;
• Контролю процесса выпуска разных версий ПО;
• Работе с API, настройке связи frontend и backend в одном проекте;
• Применению IDE, работе с инструментами автоматической проверки кода;
• Применению встроенных браузерных возможностей воспроизведения медиа на web-страницах.

Программа

1. Preface.
2. React + Redux.
3. Разработка приложения, HTTP, GraphQL, WebSockets.

Чему научитесь

• Использовать продвинутые возможности Redux +Saga, thunk.
• Разрабатывать и оптимизировать SPA-приложения.
• Писать с TypeScript чистый код.
• Использовать интеграционные и unit-тесты.
• Работать в Apollo, Relay, GraphQL, с паттернами функционального программирования.

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

Обучение подойдет студентам, которые уже знакомы с языком JS и хотят усовершенствовать свои скиллы. За 5 недель обучения в офлайн формате сможете освоить все возможности фреймворка, получить ценный практический опыт его применения.

Программа

1. Введение в React.
2. Создание проекта.
3. Typescript.
4. Компоненты на примере новостной карточки Reddit.
5. Hooks и функциональное программирование.
6. Компоненты — продвинутые темы. Введение в тестирование компонентов.
7. Работа с публичным API на примере Reddit.
8. React Context.
9. Портал и форма.
10. Введение в Redux на примере поля для ввода комментария.
11. Использование Redux-Thunk на примере загрузки профиля пользователя.
12. Формы на примере комментариев и карточки поста.
13. «Бесконечные» списки на примере ленты постов.
14. Сайдбар + роутинг.
15. SSR + NextJS.
16. Бонусный модуль: Mobx.

Чему научитесь

• Обучитесь создавать приложение с нуля, а также конфигурировать его с помощью Webpack или же использовать уже готовые решения.
• Изучите возможности работы с публичными API, а также узнаете о механизмах OAuth и имплементациях в React.
• Ознакомитесь с основными принципами работы с Flux, Redux, Mobx.
• Сможете самостоятельно профилировать и тестировать свое приложение, а также создавать SPA и RIA приложения с нуля.

Особенности

• Программа обучения включает в себя 16 тематических модулей, которые имеют в себе 76 видео материалов. Упор делается на практические задания.
• Студент, купивший курс автоматически получает годовой доступ к платформе для изучения английского языка (также от Skillbox).

Получите навыки frontend-разработки, освоив современные технологии от Webpack, Babel до Реакт, Node.js. Онлайн-школа рассматривает методы работы с Git-версиями, тестирования кода, реализации CI-процессов. Созданный вами проект будет добавлен в портфолио, что наверняка пригодится на предстоящем собеседовании.

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

Интенсивный курс, рассчитанный на 9 недель, который удачно совмещает в себе теорию и практику. Однако для его успешного прохождения предварительно нужно буде изучить курс «JavaScript. Архитектура клиентских приложений», иначе студент просто не справится с объемом работ. Программа обучения составлена таким образом, чтобы даже работающие люди могли найти 15-20 часов в неделю для освоения новой дисциплины. Стоимость данного курса на базовом пакете составляет 28 900 ₽ со скидкой и 30 900 ₽ без скидки. Пакет «Продвинутый» предлагает более интересные условия, но стоит 48 900 ₽ без скидок.

Стоимость курса 14 213 ₽. За эти деньги пользователь получит 10 интенсивных занятий. Доступна оплата частями, а также возможность заморозить обучение. Однако для успешного прохождения курса потребуется для начала базовое владение JavaScript, понимание CSS и опыт работы с другими фреймворками на базе JavaScript по типу Babel.js и ECMAScript 6. В курсе упор делается на практические задания, что позволяет досконально изучить все инструменты React.

Программа

1. Вводная часть 2 часа. Бесплатный вступительный тест.
2. 1 модуль 80 часов. Погружение в React и Redux.
3. 2 модуль 80 часов. Роутинг, безопасность и TypeScript.
4. 3 модуль 70 часов. Протокол WebSocket и деплой приложения.

Чему научитесь

• Научитесь уверенно разбираться во всех рекомендуемых библиотеках React
• Сможете полноценно использовать TypeScript для разработки React-приложений.
• Научитесь тестировать веб-приложения (в том числе созданные самостоятельно) с помощью юнит-тестов и cypress.

Особенности

• Обучение будет разбито на спринты, а заниматься пользователь может когда угодно (в зависимости от желания студента). Но есть одно условие: необходимо укладываться в дедлайны.
• Вся полученная теория в обязательном порядке отрабатывается на практике в онлайн-тренажере. Это одна из ключевых особенностей Яндекс Практикума.
• Для обучения на платформе потребуется пройти бесплатный вступительный тест. В нем будут задачи по верстке и JavaScript.

Программа

1. Неделя 1 — Основы React.
2. Неделя 2 — React Hooks.
3. Неделя 3 — React паттерны и подходы к построению компонентов.
4. Неделя 4 — Продвинутые React Hooks.
5. Неделя 5 — Тестирование React.
6. Неделя 6 — Работа над проектом.

Чему научитесь

• Научитесь полноценно разрабатывать SPA на React JS, а также изучите всю необходимую информацию о том, как хранить данные и общаться с сервером.
• Сможете оптимизировать приложения на React JS, а также пользоваться современными инструментами Google Chrome.
• Изучите, как правильно разделять работу с данными и представлением, а также рендерить приложения React на стороне клиента и сервера.

Особенности

• Во время изучения тем есть возможность можно задавать вопросы одногруппникам и преподавателям.
• Каждый студент по завершении курса будет иметь готовое портфолио, которое включит в себя красивое и технологичное SPA-приложение на React JS.
• В конце обучения каждый студент получит оригинальный диплом Loftschool с уникальным ID-номером.

Это весьма насыщенный курс, который позволяет полностью изучить React и его экосистему, навыки работы с Git и другие весьма интересные и полезные темы. В обучении упор делается на практические домашние задания, которые оперативно проверяются наставниками. Стоимость курса составляет 23 000 ₽. За эти деньги пользователь получает персонального куратора, который поможет с разбором особенно трудных тем. Обучаться пользователь может в любое удобное время, подобрав график под свои нужды. Имеется специальный корпоративный тариф, предназначенный для компаний, желающих обучить своих сотрудников.

Центр «Специалист» при известнейшей Бауманке предлагает весьма подробный и продвинутый курс, посвященный работе с библиотеками React JS. В программе делается акцент на функциональные компоненты. Длительность курса составляет 16 академических часов, а его стоимость для физических лиц составляет 19 490 ₽. Для корпоративных клиентов стоимость составляет 22 990 ₽. Доступны как очная, так и заочная формы обучения (онлайн). Программа составлена профессиональными преподавателями и поэтому является максимально полной. По завершении курса студенты получают сертификат международного образца и удостоверение о повышении квалификации.

Серьезная программа, сфокусированная на изучении JS+React. Студенты получают основательную теоретическую базу, смогут закрепить знания и получить практический опыт на стажировке.

Это авторский курс от Дмитрия Лаврика – профессионального веб-разработчика с десятилетним опытом работы в IT. Курс включает в себя 8 онлайн-уроков, которые доступны в записи. При этом пользователь получает обратную связь от преподавателя, а после каждого урока есть практические домашние задания. Все студенты на время обучения получают доступ в закрытую группу, где могут обсуждать сложные моменты с преподавателем и одногруппниками. Для успешного прохождения курса требуется уверенное владение JavaScript, а также понимание ООП и стандарта ES6. Стоимость курса станет известна после регистрации на нем.

Бесплатная программа обучения, которая распределена на 12 уроков и представляет собой руководство для начинающих, справочник по терминам и может использоваться, как шпаргалка. Курс рассчитан на новичков и по большей части предлагает вводную теорию. Практических заданий в нем почти нет, так как они были бы чересчур сложными для новичков. Уроки доступны в записи и подаются максимально простым языком. Сертификат по завершении курса не выдается, но зато и не требуется специальных знаний для его прохождения. Этот курс – хороший плацдарм для последующего более углубленного изучения React JS.

Бесплатная программа обучения, которая состоит из 11 интенсивных уроков, в которых рассматриваются наиболее часто используемые инструменты и библиотеки. Однако рекомендуется обладать хотя бы минимальными знаниями в JavaScript, иначе обучаться на этом курсе будет достаточно сложно. Большое практическое задание по данному курсу доступно только после оплаты подписки на IT Proger. Однако, получив соответствующую теорию пользователь может заняться практикой самостоятельно (хоть это и будет сложно без куратора).