Торин
Организатор
- #1
Полный практический курс React-разработчика [Зар Захаров]
- Ссылка на картинку
Для кого?
Для начинающих и продолжающих программистов. Уровень junior/middle. Обязательно знание HTML, СSS и базового JS
Для начинающих и продолжающих программистов. Уровень junior/middle. Обязательно знание HTML, СSS и базового JS
Модуль. React
Знание React-инструментов — это основа. Прежде чем переходить к библиотекам, разберемся с заложенными в React идеями, научимся использовать их грамотно и эффективно. Дополнительно в этом блоке будем писать React на чистом JS,
чтобы понять, как работает React под копотом.
Модуль. Навигация
React-router-dom позволяет разделить приложение на несколько страниц.
Это самая популярная библиотека для навигации в React-приложениях.
Если вы хотите создавать многостраничные React приложения, важно знать,
как работает навигация при помощи JavaScript, и какой подход предлагает
React-router-dom.
Модуль. Формы
Создание форм — одна из самых частых задач при разработке web-приложений.
Есть много разных библиотек, которые упрощают эту задачу.
Мы изучим именно React-hook-form, потому что по моему опыту это
самая удобная библиотека для работы с формами.
Модуль. Общение с сервером
Немного приложений обходится без коммуникации с сервером.
Часто нужно синхронизировать состояние сервера и React-приложения.
Важно знать, как организовать работу с сервером так,
чтобы избежать ошибок и сделать тестирование приложения удобным.
Модуль. Работа со стейтом в Redux && ReduxToolkit
В больших приложениях часто требуется хранить множество полей данных.
Это могут быть данные, которые мы получаем с сервера, или информация,
которую вводят пользователи. Redux позволяет централизованно хранить
эти данные и предоставлять доступ к ним по всему приложению.
Redux-Toolkit это библиотека, которая упрощает создание стора,
редьюсеров и экшенов. Пишем меньше кода, приносим больше пользы.
Модуль. Авторизация
Авторизация в веб приложениях — важная часть. От неё зависит безопасность
данных ваших пользователей. Мы рассмотрим, какие виды авторизации бывают, и узнаем, на что обращать внимание при реализации выбранной стратегии.
Модуль. Тестирование
Тестирование — важный инструмент, чтобы минимизировать количество ошибок приложении. Когда вы вносите изменения в код, необходимо протестировать эти изменения в работающем приложении. При этом нужно воспроизвести различные случаи использования. Вы должны быть уверены, что на любые ситуации приложение отреагирует правильно и не свалится при в редком или непредусмотренном случае типа незаполненного поля или нуля вместо реального значения. При попытке использования некорректных данных, ваше приложение должно сообщить об этом пользователю.
Бонусы
Вы научитесь писать полноценные React-приложения с нуля, получите список идей, как применить эти знания, и какие еще приложения написать самостоятельно для тренировки. Станете соответствовать требованиям к React-разработчикам большинства российский и зарубежных IT-компаний. Будете готовы к собеседованию или брать на себя новые задачи на прежнем месте работы.
Если до курса в никогда не писали на React, сможете устроиться на позицию junior React-разработчика и начать набираться опыта. Если опыт уже был, сможете повысить грейд до middle.
Знание React-инструментов — это основа. Прежде чем переходить к библиотекам, разберемся с заложенными в React идеями, научимся использовать их грамотно и эффективно. Дополнительно в этом блоке будем писать React на чистом JS,
чтобы понять, как работает React под копотом.
Модуль. Навигация
React-router-dom позволяет разделить приложение на несколько страниц.
Это самая популярная библиотека для навигации в React-приложениях.
Если вы хотите создавать многостраничные React приложения, важно знать,
как работает навигация при помощи JavaScript, и какой подход предлагает
React-router-dom.
Модуль. Формы
Создание форм — одна из самых частых задач при разработке web-приложений.
Есть много разных библиотек, которые упрощают эту задачу.
Мы изучим именно React-hook-form, потому что по моему опыту это
самая удобная библиотека для работы с формами.
Модуль. Общение с сервером
Немного приложений обходится без коммуникации с сервером.
Часто нужно синхронизировать состояние сервера и React-приложения.
Важно знать, как организовать работу с сервером так,
чтобы избежать ошибок и сделать тестирование приложения удобным.
Модуль. Работа со стейтом в Redux && ReduxToolkit
В больших приложениях часто требуется хранить множество полей данных.
Это могут быть данные, которые мы получаем с сервера, или информация,
которую вводят пользователи. Redux позволяет централизованно хранить
эти данные и предоставлять доступ к ним по всему приложению.
Redux-Toolkit это библиотека, которая упрощает создание стора,
редьюсеров и экшенов. Пишем меньше кода, приносим больше пользы.
Модуль. Авторизация
Авторизация в веб приложениях — важная часть. От неё зависит безопасность
данных ваших пользователей. Мы рассмотрим, какие виды авторизации бывают, и узнаем, на что обращать внимание при реализации выбранной стратегии.
Модуль. Тестирование
Тестирование — важный инструмент, чтобы минимизировать количество ошибок приложении. Когда вы вносите изменения в код, необходимо протестировать эти изменения в работающем приложении. При этом нужно воспроизвести различные случаи использования. Вы должны быть уверены, что на любые ситуации приложение отреагирует правильно и не свалится при в редком или непредусмотренном случае типа незаполненного поля или нуля вместо реального значения. При попытке использования некорректных данных, ваше приложение должно сообщить об этом пользователю.
Бонусы
- CI/CD - что это и зачем
- Deploy приложения на удаленный сервер
- Воркшопы Webpack 5 и TypeScript
- Урок про карьеру: как применять полученные знания, что еще написать самостоятельно, как оформить резюме, как проходить собеседования
Вы научитесь писать полноценные React-приложения с нуля, получите список идей, как применить эти знания, и какие еще приложения написать самостоятельно для тренировки. Станете соответствовать требованиям к React-разработчикам большинства российский и зарубежных IT-компаний. Будете готовы к собеседованию или брать на себя новые задачи на прежнем месте работы.
Если до курса в никогда не писали на React, сможете устроиться на позицию junior React-разработчика и начать набираться опыта. Если опыт уже был, сможете повысить грейд до middle.
Зарегистрируйтесь
, чтобы посмотреть скрытый авторский контент.