О курсе
React – это фреймворк, который используется для разработки веб-приложений. Его использовали для разработки: Facebook, Instagram, Netflix, Dropbox, GitHub, Discord, Uber, и это всего несколько примеров из многочисленных проектов. Вместе с распространением данной библиотеки растет и спрос на React-разработчиков разного уровня.
Этот курс дает базовые знания и практические навыки, а проекты для портфолио позволят применять их на практике. На курсе рассматриваются самые актуальные практики использования инструментов React и сопутствующих библиотек, таких как react-router, react-redux, axios. Также вы узнаете об основных концепциях React, включая компоненты, состояние, свойства, события и жизненный цикл компонентов.
Курс состоит из 10 уроков, пройдя которые студент научится разрабатывать функциональные компоненты, пользоваться хуками, настраивать маршрутизацию и управлять хранилищем приложения. Кроме базового функционала React, рассматриваются сопутствующие технологии, которые могут понадобиться разработчику Front-End.
Во время прохождения курса студент ознакомится с особенностями построения React-приложений, научится использовать актуальные технологии библиотеки и на базовом уровне будет обладать посторонними технологиями, необходимыми веб-разработчику (хранилище Redux, работа по API, маршрутизация приложений React-Router).
Курс спроектирован таким образом, чтобы по его окончанию студент обладал необходимой базой для разработки собственных React-приложений и знал тонкости библиотеки, которые могут понадобиться при прохождении тестовых заданий на собеседованиях и технических интервью. На сегодняшний день, знание данной библиотеки является обязательным условием при трудоустройстве в IT-компанию на должность Front-end разработчика.
По окончании курса студент имеет два проекта, которые можно использовать в собственном портфолио.
Этот курс входит в специальности:
Предварительные Требования
- Знания языка разметки HTML.
- Базовое владение каскадной таблицей стилей CSS.
- Базовые знания языка программирования JavaScript
Курс рассчитан для веб-разработчиков начального уровня и может быть полезным опытным девелоперам, у которых нет опыта работы с JavaScript библиотекой React.
Вы научитесь
- Понимать предназначение и философию React.
- Работать с пакетом npm.
- Разрабатывать свои React-приложения.
- Пользоваться преимуществами библиотеки в своей разработке.
- В полной мере разбираться в синтаксисе JSX.
- Уметь стилизовать компоненты как с помощью inline-стилей, так и с использованием изолированных CSS файлов.
- Уметь работать с чистыми реакт-элементами без JSX.
- Уметь работать с актуальными технологиями в использовании состояний и пропсов в функциональных компонентах.
- Управлять компонентами с помощью useEffect хука.
- Синхронизировать React-приложения с localstorage.
- Обрабатывать сетевые API-запросы методом пакета axios.
- Настраивать маршрутизацию веб-приложения с помощью библиотеки react-router последней версии.
- Создавать приложение для списка заметок (task list).
- Создавать свое приложение для определения погоды с использованием реального API.
- Создавать модальные окна, используя исключительно инструменты React
- Уметь разрабатывать компоненты, которые можно использовать в разных проектах.
- Поддерживать фронтенд-часть существующих веб-приложений, написанных на React.
- 7 ч 29 м
- 25.04.2023
- 10 из 10
- 25.04.2023
- украинский
Что входит в курс
×
Вы действительно хотите открыть доступ к тестированию по курсу React Базовый на 40 дней?
Цель урока – знакомство с библиотекой React и ее возможностями. На уроке студенты установят необходимые программные приложения и пакет-менеджеры для разработки React-приложений, а также создадут свое первое React-приложение.
Цель урока – ознакомиться с наиболее распространенными файловыми структурами для проектов на реакте. Определить особенности работы синтаксиса JSX в разработке React-приложений. Научиться создавать React-элементы без использования JSX, определить отличия JSX от HTML.
Цель урока – ознакомиться с компонентами и их типами в реакте. Научиться разрабатывать компоненты многоразового использования. Ознакомиться со способами передачи данных между компонентами. Попрактиковаться в проектировании и разработке веб-приложений с использованием компонентов для футера, навигации, контента и хедера.
Цель урока – ознакомиться с хуками в реакте, их предназначением и функционалом. Научиться использовать хук состояния useState на практике. Разобрать способы изменения состояния хука useState при работе с массивами в качестве значений.
Цель урока – определить, что такое DOM-элементы в React. Ознакомиться с хуком прямого доступа к DOM-элементам useRef. Определить, что такое рендер и как он работает. Ознакомиться с хуком обработки посторонних эффектов useEffect.
Цель урока – на практическом примере применить все знания, полученные из пяти предыдущих уроков. Научиться работать с локальным хранилищем localstorage, синхронизировать стейт с хранилищем с помощью useEffect хука и работать с универсальным методом индексации uuidv4().
Цель урока – научиться устанавливать роутинг в реакт-приложениях. Ознакомиться с библиотекой React Router текущей версии. Овладеть технологией работы с методами библиотеки React Router.
Цель урока – ознакомиться с базовым функционалом менеджеру состояний Redux. Научиться использовать инструменты redux toolkit. Приобрести практические навыки в разработке собственного Redux хранилища, его настройке и разработке экшенов для него.
Цель урока – ознакомиться с сетевыми запросами веб-интерфейса API. Разработать React-приложение для определения погоды в указанном городе с помощью открытого API openweathermap.
Цель урока – ознакомиться с вариантами использования и назначением модальных окон. Научиться разрабатывать модальные окна в React-приложениях.