[Udemy] React JS с нуля и до создания полноценного SPA-приложения [Oleksandr Heiets]

100

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

  • Создавать приложения на React которые сочетают в себе отработку большинства задач которыми обычно занимаются React разработчики
  • Использовать на практике как и React hooks, так и классовые компоненты, HOC, общий стор, глобальный контекст и многие другие механизмы работы с компонентами
  • Понимать работу самых часто используемых React hooks и создавать свои собственные
  • Оптимизировать, тестировать и рефакторить собственно написанные компоненты
  • Получите возможность использовать курс как конспект для повторения. Каждая лекция по теории содержит ссылки на официальную документацию и прочие полезные статьи

Описание
React — одна из самых интересных и популярных библиотек для создания клиентских приложений на javascript. Данный курс сфокусирован на изучение данной библиотеки и охватывает полный цикл разработки приложения: от понимания азов библиотеки до создания приложения, его оптимизации и тестирования. После прохождения курса вы получаете реальное большой react приложение с несколькими страницами, использованием open weather API для запроса данных с сервера и вывод данных в приложении.
Создаем многостраничное приложение
Пишем приложение для показа погоды городов, которые будем добавлять. У каждого города будет возможность вывести прогноз погоды на ближайшие дни. Приложение будет состоять из нескольких страниц, переход по которым будет динамическим без перезагрузки страницы и будет полноценным SPA приложением. Также приложение будет иметь большое хранилище данных в стиле Redux, которое используется в большинстве React приложений.
Постепенная нагрузка
Начинаем с основ React и переходим к более сложной логике приложения, используя ранее изученные техники. Разбираемся как работает та или иная особенность React на примерах из реальной жизни. Отдыхаем от постоянной теории, практикуя верстку и дополняя наше приложения красивыми UI элементами, оптимизируя и полируя наше приложение.
Большая база материалов для обучения
На осмотр каждой функции/механизма React в лекцию прикрепляются ссылки на документацию, схемы работы и другие полезные материалы. Вы можете использовать данный курс как конспект, в котором будет структурировано храниться учебный материал.
Практика
Сразу же отрабатываем полученные знания на примере приложения, которое будем создавать. Учим функцию состояния для приложения и сразу же используем её для поля ввода города. Находим места для оптимизации в приложении и сразу же оптимизируем на примере нашего приложения. Меньше абстрактных и изолированных примеров, но больше использования полученных знаний сразу же на примере реального приложения.
Актуальные знания
Изучаем не только классовые компоненты React, но и функциональные, React hooks, создаем свои собственные и следуем самым актуальным трендам создания React приложений. Разбираемся в каком стиле писались приложения раньше, чтобы уметь поддерживать ранее написанный кем-то код, а также изучаем современные инструменты написания React приложений и разбираемся в их отличиях.
Полный цикл разработки
На примере нашего приложения мы охватываем полный цикл разработки, начиная от написания кода, его оптимизации и рефакторинга, затем тестируем код и пишем unit тесты. В результате получаем готовое приложение, с которым могут взаимодействовать пользователи.
После прохождения курса вы сможете:

  • Разрабатывать реальные приложения на React
    С полученными знаниями вы сможете эффективно писать приложения с нуля, строя архитектуру по шаблону приложения, которое мы будем создавать в данном курсе. Вы научитесь использовать шаблонизатор приложений React для своих будущих проектов.
  • Разбираться в существующих приложениях как front-end разработчик и член команды
    Понимание как работает React поможет вам без труда разбираться в кем-то написанных React приложениях. Вы сможете оптимизировать эти приложения, изменять их логику и находить их проблемы и баги для исправления.
  • Разрабатывать мобильные приложения
    React также используется для разработки мобильных приложений и с накопленными знаниями у вас будет возможность переключиться в react-native разработчика мобильных приложений.
  • Покрывать тестами приложения
    Изучив unit тестирование, вы сможете покрывать unit тестами новые или уже существующие React приложения.

Для кого этот курс:

  • Начинающие JavaScript разработчики
  • Действующие Frontend разработчики желающие расширить свой кругозор знаний
  • Backend разработчики
  • Верстальщики

Материалы курса
7 разделов • 40 лекций • Общая продолжительность 5 ч 44 мин