Курсы по разработке на React в Волгограде

Курс "Фронт-енд разработчик (Junior)" – это курс обучения фронтенд-разработке, включающий все основные аспекты профессии,  составленный на основе требований работодателей к начинающим фронтенд-разработчикам при трудоустройстве.

На курсе вы познакомитесь и получите навыки работы с такими технологиями, языками и фреймворками, как:

• Git и Github;
• HTML5, CSS3;
• Bootstrap;
• Препроцессор SCSS;
• Javascript;
• Фреймворки: ReactJS, Vue.js;
• ООП / Typescript;
• Методология верстки БЭМ;
• Научимся все это собирать с помощью webpack.

Курс направлен на практическое изучение того, как создать административную панель для статических сайтов в виде web приложения.
Вы получите весь материал для работы, и мы вместе будем создавать реальный fullstack (frontend + backend) проект шаг за шагом.

Как итог курса - у вас будет готовый продукт, который можно использовать в своей работе, предлагать заказчикам как дополнительную услугу или пополнить свое портфолио.
Чему вы научитесь Мы с вами пройдем путь от установки первых npm пакетов, настройки планировщика задач и сборщика проекта до полноценного приложения, которое можно использовать абсолютно на любом сайте и расширять любыми дополнительными функциями.

Посмотрим, как развивается приложение при разработке и появлении новых идей. И все это с понятными и доступными объяснениями всего кода.

• Научитесь создавать полноценные fullstack приложения
• Получите реальный опыт разработки приложений, используя библиотеку React и PHP
• Сможете писать свои API на языке PHP
• Научитесь работать с библиотекой axios и взаимодействию с API
• Настроите свою систему сборки, используя Webpack, Gulp, Babel
• Изучите декларативный подход при создании приложений и как правильно расширять их в будущем
• Научитесь использовать готовые библиотеки компонентов, наподобие UIKit

Все ссылки на ресурсы и дополнительные материалы для практики будут предоставлены внутри курса.

Почему стоит начать свое обучение уже сейчас?

Не важно, фрилансер вы или работаете в офисе - вам пригодится опыт создания полноценных продуктов, используя сразу несколько технологий. Сейчас web приложения - это тренд, а библиотека React - самый популярный инструмент для их создания. Кроме этого, нужно уметь не только взаимодействовать с API, но и создавать их. Да и настроить сборку проекта так, чтобы это было профессионально.

Все это мы будем делать шаг за шагом, так что не упускайте возможность!

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

• Для тех людей, кто хотел бы приобрести реальный практический опыт создания fullstack приложений
• Для тех людей, у кого есть знания, но не хватает практики
• Для тех, кто хочет создать свой продукт и продавать его за дополнительную плату клиентам

Требования для прохождения курса

• Желание получить реальный опыт разработки приложений
• Хорошее владение языком программирования JavaScript
  Рекомендуем Курс JavaScript - полный курс с нуля до результата!
• Базовые знания библиотеки React
  Рекомендуем Курс React JS для начинающих
• Базовые знания языка программирования PHP
  Рекомендуем Курс PHP / MySQL для начинающих

Освойте React на практике! Разработайте полноценный проект прямо на курсе, используя только то, что нужно для реальных задач. Вы изучите современные технологии React, две крупные библиотеки, без которых современная react-разработка почти не встречается: React Router и Redux Toolkit, и многое-многое другое. А ещё вас ждут бонусные модули по JavaScript, которые помогут лучше понять основной материал.

• Состояние приложения Состояние, реактивность, useState.state vs props. Практика работы с состоянием.Поднятие состояния. Более совершенная передача данных.Задание для самопроверки.
• Управление состоянием. Redux Toolkit Работа с состоянием. Продвинутый уровень.Знакомство с Redux Toolkit.Редюсер и слайс.Глобальное состояние. useSelector и useeDispatch.Продолжаем применять Redux в приложении.Вынос всего ключевого состояния.Задание для самопроверки.
• Заключение Подведение итогов курса.
• JS, необходимый для курса Репозиторий кода для курса.Переменные.Шаблонный литерал. Динамика в строках.Условный оператор if.Тернарный оператор.Оператор нулевого слияния и &&.Метод foreach.Массивы. Метод Find.Массивы. Метод Filter.Массивы. Метод Map.Массивы. Метод Reduce.
• Условный рендеринг компонентов Возможности условного рендеринга.Улучшаем компонент статистики.Добавляем новые компоненты из MUI.Используем Nivo.Задание для самопроверки.
• Знакомство с React Что такое React.Знакомство с синтаксисом.
• Разбор JSX Под капотом JSX.Задание для самопроверки.
• Хуки useState и useEffect useState и использование предыдущего значения состояния.useState и сложные типы данных.useEffect — использование зависимостей.Задание для самопроверки.
• Библиотека react-router Разбор типов роутинга.Построение базовых маршрутов приложения.useNavigate и useParams.useSearchParams.Советы по маршрутизации, маршрут индексной страницы, маршрут-заг.Применяем новые знания в приложении.Задание для самопроверки.
• Первые компоненты на React Создаём первый компонент.JSX-разметка. Синтаксис и размещение элементов.Композиция компонентов, родители и потомки.Динамические значения и выражения в JSX.Задание для самопроверки.
• Состояние приложения Состояние, реактивность, useState.state vs props. Практика работы с состоянием.Поднятие состояния. Более совершенная передача данных.Задание для самопроверки.
• JS, необходимый для курса Репозиторий кода для курса.Переменные.Шаблонный литерал. Динамика в строках.Условный оператор if.Тернарный оператор.Оператор нулевого слияния и &&.Метод foreach.Массивы. Метод Find.Массивы. Метод Filter.Массивы. Метод Map.Массивы. Метод Reduce.
• Процесс рендеринга в React Концепции рендеринга, иммутабельность элементов.Классовые компоненты, работа с состоянием и пропсами.Жизненный цикл компонента и его методы.setState, привязка контекста внутри классовых компонентов.Задание для самопроверки.
• Рендеринг списков в приложении Рендеринг списков в React.Практика работы со списками.Задание для самопроверки.
• Первые компоненты на React Создаём первый компонент.JSX-разметка. Синтаксис и размещение элементов.Композиция компонентов, родители и потомки.Динамические значения и выражения в JSX.Задание для самопроверки.
• Рендеринг списков в приложении Рендеринг списков в React.Практика работы со списками.Задание для самопроверки.
• Условный рендеринг компонентов Возможности условного рендеринга.Улучшаем компонент статистики.Добавляем новые компоненты из MUI.Используем Nivo.Задание для самопроверки.
• Хуки useState и useEffect useState и использование предыдущего значения состояния.useState и сложные типы данных.useEffect — использование зависимостей.Задание для самопроверки.
• Процесс рендеринга в React Концепции рендеринга, иммутабельность элементов.Классовые компоненты, работа с состоянием и пропсами.Жизненный цикл компонента и его методы.setState, привязка контекста внутри классовых компонентов.Задание для самопроверки.
• Управление состоянием. Redux Toolkit Работа с состоянием. Продвинутый уровень.Знакомство с Redux Toolkit.Редюсер и слайс.Глобальное состояние. useSelector и useeDispatch.Продолжаем применять Redux в приложении.Вынос всего ключевого состояния.Задание для самопроверки.
• Дополнительные хуки useRef и useContext.useMemo.useCallback.Создание пользовательских хуков.Задание для самопроверки.
• Передача данных между компонентами. Props React Props — передача данных между компонентами.Как работают пропсы с точки зрения JS.Пропсы в Styled Components.Задание для самопроверки.
• React-фрагменты Фрагменты — удобная группировка элементов.
• Знакомство с React Что такое React.Знакомство с синтаксисом.
• Компоненты высшего порядка — HOC Особенности компонентов высшего порядка.Расширение функционала с помощью HOC.Виды стилизации и ещё немного о HOC.Задание для самопроверки.
• Заключение Подведение итогов курса.
• Разбор JSX Под капотом JSX.Задание для самопроверки.
• Быстрый старт приложения. Создание бойлерплейта Установка шаблона приложения CreateReactApp.Подготовка структуры проекта.Подготовка файлов для будущих компонентов.Styled Components. Стилизация.Задание для самопроверки.
• Передача данных между компонентами. Props React Props — передача данных между компонентами.Как работают пропсы с точки зрения JS.Пропсы в Styled Components.Задание для самопроверки.
• Компоненты высшего порядка — HOC Особенности компонентов высшего порядка.Расширение функционала с помощью HOC.Виды стилизации и ещё немного о HOC.Задание для самопроверки.
• React-фрагменты Фрагменты — удобная группировка элементов.
• Быстрый старт приложения. Создание бойлерплейта Установка шаблона приложения CreateReactApp.Подготовка структуры проекта.Подготовка файлов для будущих компонентов.Styled Components. Стилизация.Задание для самопроверки.
• Библиотека react-router Разбор типов роутинга.Построение базовых маршрутов приложения.useNavigate и useParams.useSearchParams.Советы по маршрутизации, маршрут индексной страницы, маршрут-заг.Применяем новые знания в приложении.Задание для самопроверки.
• Дополнительные хуки useRef и useContext.useMemo.useCallback.Создание пользовательских хуков.Задание для самопроверки.