Этот курс создан для тех, кто хочет освоить современные технологии фронтенд-разработки и научиться применять их на практике. Вы получите комплексные знания о React, Redux, TypeScript, SCSS, REST API и Ant Design, а также научитесь строить динамичные веб-приложения с нуля.
Чему вы научитесь на курсе:
Основы и продвинутый Javascript:
- Понимать синтаксис JavaScript: переменные, операторы, функции и циклы.
- Различать и применять типы данных: строки, числа, массивы, объекты.
- Создавать функции: объявленные, анонимные и стрелочные.
- Применять spread и rest операторы для работы с объектами и массивами.
- Понимать и использовать Promise, async/await.
- Работать с методами fetch для взаимодействия с REST API.
Основы и продвинутые возможности React:
- Создавать компоненты и управлять их состоянием.
- Работать с JSX и декларативным подходом к разработке.
- Использовать хуки (useState, useEffect, useCallback и другие) для улучшения функциональности приложений.
- Оптимизировать приложения с помощью React.memo и useCallback .
Управление состоянием приложения с помощью Redux и Redux Toolkit:
- Понимать концепции Redux: Store, Reducers, Actions.
- Применять Redux Toolkit для упрощения работы с состоянием.
- Использовать RTK Query для управления запросами к серверу и кэшированием данных.
Использование TypeScript в фронтенд-разработке:
- Описывать типы компонентов и их свойств.
- Избегать ошибок благодаря статической типизации кода.
- Интегрировать TypeScript в существующие проекты на React.
Работа с REST API:
- Отправлять HTTP-запросы для получения, создания, обновления и удаления данных.
- Обрабатывать ответы сервера и обрабатывать ошибки.
- Реализовывать пагинацию, фильтрацию и сортировку данных.
- Использовать Fetch API для взаимодействия с сервером.
Стилизация приложений с помощью SCSS:
- Создавать сложные и адаптивные стили с использованием вложений и миксинов.
- Организовывать файлы стилей для крупных проектов.
- Работать с переменными SCSS для унификации дизайна.
- Оптимизировать стили с помощью функций и extend.
Создание пользовательских интерфейсов с Ant Design:
- Применять готовые компоненты для построения интерфейсов (кнопки, таблицы, модальные окна и т.д.).
- Кастомизировать внешний вид компонентов Ant Design.
- Интегрировать Ant Design с другими технологиями, такими как Redux и RTK Query.
Реализация авторизации и защиты данных:
- Создавать формы регистрации и входа с валидаторами.
- Использовать API для аутентификации и управления пользователями.
Организация архитектуры проектов:
- Структурировать код и компоненты для масштабируемости.
- Применять подходы «Container-Presenter» и «Feature Slices».
- Использовать линтеры и форматирование для повышения качества кода.
Разработка реальных проектов:
- Разрабатывать сложные SPA-приложения с использованием всех изученных технологий.
- Создавать проекты, которые можно включить в портфолио.
- Решать практические задачи, которые часто встречаются в рабочей среде.
- Научитесь работать с Git и Github
Этот курс дает полный набор навыков для создания современных веб-приложений. После завершения вы будете уверенно применять изученные технологии в реальных проектах и станете востребованным специалистом на рынке.
