Организатор
[Нетология] React: фреймворк фронтенд-разработки (Егор Наумов, Владислав Пузырев)
- Ссылка на картинку
React — JavaScript-библиотека для создания интерфейсов
React используют для разработки пользовательских интерфейсов во многих известных компаниях: Netflix, BBC, Сбербанк, Яндекс.
По статистике загрузок, React выбирают чаще остальных веб-фреймворков.
Кому подойдёт курс React:
Уверенный пользователь React
React
Простая и удобная JavaScript-библиотека для создания пользовательских интерфейсов. React предоставляет виртуальный DOM API для взаимодействия между кодом и реальным DOM. В основе лежит использование компонентов — частей пользовательского интерфейса, содержащих в себе разметку и функциональность.
React Router
Стандартная библиотека маршрутизации (routing) в React.
Redux
Библиотека для JavaScript с открытым исходным кодом, предназначенная для управления состоянием приложения.
Component Lifecycle
React вызывает методы жизненного цикла для оповещения компонента о том, что что-то происходит.
SPA
Приложение или сайт, использующий единственный HTML-документ как оболочку для всех страниц и организующий взаимодействие с пользователем через динамически подгружаемые HTML, CSS, JavaScript, обычно посредством AJAX.
JSX
Расширение синтаксиса стандартного JavaScript. Позволяет писать очень похожий на HTML код прямо в JavaScript-коде, упрощая создание React-компонентов и улучшая читаемость кода. Перед выполнением JSX преобразуется в JavaScript.
Redux Toolkit
Пакет, который облегчает работу с Redux. Его цель — упростить типичные случаи использования Redux
Context API
Позволяет единожды объявить состояние, а затем использовать эти данные в каждой части приложения, где это необходимо
Redux Observable
Промежуточное ПО, которое позволяет работать с асинхронными действиями
Hooks
Функции, которые позволяют использовать React без классов
Redux Saga
Библиотека для асинхронного взаимодействия хранилища Redux с внешними ресурсами
Вас ждут задачи, которые можно добавить в портфолио.
За время обучения вы выполните 37 практических задач.
Примеры задач:
2,5 месяца
Чтобы программа соответствовала запросам рынка труда, мы проводим 3 этапа исследований
13 часов теории, 76 часов практики
Вы познакомитесь с компонентным подходом, который позволяет создавать сложные интерфейсы на основе композиции простых блоков. Научитесь обрабатывать события и работать с внутренним состоянием компонентов, а также приобретёте опыт работы с формами.
4 часа теории
12 часов практики
Научитесь организовывать сложные интерфейсы, используя композицию компонентов, интегрируетесь с REST API, глубже изучите работу на основе современных подходов — хуков и Context API, а также научитесь организовывать постраничную навигацию с помощью React Router.
5 часов теории
15 часов практики
Познакомитесь с управлением глобальным состоянием приложения — одним из ключевых навыков разработки сложных приложений. Начнёте с простых инструментов: библиотеки Redux, лежащей в основе всего, и Redux Thunk для организации простых побочных эффектов, а завершите продвинутыми инструментами: Redux Observable и Redux Saga.
3 часа теории
9 часов практики
За три занятия вы научитесь работать с системой Git и с сервисом GitHub, сможете публиковать свои домашние работы и уже в процессе обучения сформируете первое портфолио — работодатели часто просят показать примеры вашего кода на GitHub.
5 часов теории
15 часов практики
Английский язык для начинающих разработчиков
Начнёте быстрее понимать техническую лексику, код и терминологию в вашем направлении. Сможете ориентироваться в профессиональном англоязычном контенте. Узнаете, как техническому специалисту подготовиться к собеседованию. Получите примеры прохождения интервью для разных специальностей.
5 часов теории
13 часов практики
React используют для разработки пользовательских интерфейсов во многих известных компаниях: Netflix, BBC, Сбербанк, Яндекс.
По статистике загрузок, React выбирают чаще остальных веб-фреймворков.
Кому подойдёт курс React:
- Начинающим JavaScript-разработчикам
Освоите один из самых популярных фреймворков и сможете работать над более интересными задачами - Опытным разработчикам
Расширите профессиональные навыки и повысите свою ценность на рынке труда
Уверенный пользователь React
Ключевые навыки- Работа с библиотекой React
- Инициализация приложений
- Обработка событий и передача состояния компонентов React
- Владение самым современным API: Hooks и Context API
- Реализация методов жизненного цикла компонентов
- Работа с контролируемыми и неконтролируемыми компонентами
- Работа с дочерними компонентами, объединение компонентов для создания более сложных
- Реализация постраничной навигации React-приложений
- Работа с пакетами Redux Toolkit, Redux Observable и Redux Saga
React
Простая и удобная JavaScript-библиотека для создания пользовательских интерфейсов. React предоставляет виртуальный DOM API для взаимодействия между кодом и реальным DOM. В основе лежит использование компонентов — частей пользовательского интерфейса, содержащих в себе разметку и функциональность.
React Router
Стандартная библиотека маршрутизации (routing) в React.
Redux
Библиотека для JavaScript с открытым исходным кодом, предназначенная для управления состоянием приложения.
Component Lifecycle
React вызывает методы жизненного цикла для оповещения компонента о том, что что-то происходит.
SPA
Приложение или сайт, использующий единственный HTML-документ как оболочку для всех страниц и организующий взаимодействие с пользователем через динамически подгружаемые HTML, CSS, JavaScript, обычно посредством AJAX.
JSX
Расширение синтаксиса стандартного JavaScript. Позволяет писать очень похожий на HTML код прямо в JavaScript-коде, упрощая создание React-компонентов и улучшая читаемость кода. Перед выполнением JSX преобразуется в JavaScript.
Redux Toolkit
Пакет, который облегчает работу с Redux. Его цель — упростить типичные случаи использования Redux
Context API
Позволяет единожды объявить состояние, а затем использовать эти данные в каждой части приложения, где это необходимо
Redux Observable
Промежуточное ПО, которое позволяет работать с асинхронными действиями
Hooks
Функции, которые позволяют использовать React без классов
Redux Saga
Библиотека для асинхронного взаимодействия хранилища Redux с внешними ресурсами
Вас ждут задачи, которые можно добавить в портфолио.
За время обучения вы выполните 37 практических задач.
Примеры задач:
- Создадите навигационное меню для сайта и презентуете товары в разных форматах
- Сверстаете блоки с новостными постами и настроите автоматическое форматирование дат публикаций
- Создадите календарь с текущей датой и мировые часы, которые тикают и ходят стрелкой по циферблату
- Сверстаете портфолио с разбивкой по категориям и поработаете над агрегацией данных для таблиц
2,5 месяца
Чтобы программа соответствовала запросам рынка труда, мы проводим 3 этапа исследований
13 часов теории, 76 часов практики
- Программа повышения квалификации
- Вы можете изучать теорию и выполнять домашние задания в удобное для вас время
- Доступ открыт в течение 1 года
- Видеолекции, тесты, квизы, презентации и другие полезные материалы хранятся в личном кабинете
Вы познакомитесь с компонентным подходом, который позволяет создавать сложные интерфейсы на основе композиции простых блоков. Научитесь обрабатывать события и работать с внутренним состоянием компонентов, а также приобретёте опыт работы с формами.
4 часа теории
12 часов практики
- Компоненты
- События и состояние
- Props
- Формы
Научитесь организовывать сложные интерфейсы, используя композицию компонентов, интегрируетесь с REST API, глубже изучите работу на основе современных подходов — хуков и Context API, а также научитесь организовывать постраничную навигацию с помощью React Router.
5 часов теории
15 часов практики
- Композиция компонентов
- Жизненный цикл и работа с HTTP
- Higher-order component (HOC)
- Hooks, Context API
- React Router
Познакомитесь с управлением глобальным состоянием приложения — одним из ключевых навыков разработки сложных приложений. Начнёте с простых инструментов: библиотеки Redux, лежащей в основе всего, и Redux Thunk для организации простых побочных эффектов, а завершите продвинутыми инструментами: Redux Observable и Redux Saga.
3 часа теории
9 часов практики
- Redux и Redux Thunk
- Redux Observable
- Redux Saga
За три занятия вы научитесь работать с системой Git и с сервисом GitHub, сможете публиковать свои домашние работы и уже в процессе обучения сформируете первое портфолио — работодатели часто просят показать примеры вашего кода на GitHub.
5 часов теории
15 часов практики
- Предназначение системы контроля версий
- Основные операции: фиксация и откат изменений, поиск, история
- Работа с сервисом GitHub
- Ветки, слияние веток и разрешение конфликтов
- Командная работа
Английский язык для начинающих разработчиков
Начнёте быстрее понимать техническую лексику, код и терминологию в вашем направлении. Сможете ориентироваться в профессиональном англоязычном контенте. Узнаете, как техническому специалисту подготовиться к собеседованию. Получите примеры прохождения интервью для разных специальностей.
5 часов теории
13 часов практики
- Чтение технической документации
- Языки программирования. Составление отчётов об ошибках
- QA-тестирование
- Слова из технической сферы, которые часто произносят неправильно
- Навык просмотра англоязычного видеоконтента
- Самопрезентация. Elevator Pitch
- Прохождение собеседований
- Высококлассное резюме и сопроводительное письмо
- Email-переписка
- Общение в технических чатах
- Как вести звонки и встречи
- Как учить лексику
- Как учить грамматику
Показать больше
