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

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

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

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

Освойте 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.Создание пользовательских хуков.Задание для самопроверки.

Frontend-разработка - одна из самых популярных и востребованных профессий современности. Интересная и увлекательная. А React - самый популярный её инструмент, разработанный компанией Facebook. На React сделаны Instagram, Facebook, Twitter, AirBnb, PayPal, Uber, Netflix, Vkontakte, Vimeo, Trello, сервисы Яндекса и много-много других крупных продуктов.

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

В курсе на практике создадите 3 полноценных разноплановых проекта, которые можно как добавить себе в портфолио, так и сделать на базе них свои собственные уникальные проекты.

• Узнаете все особенности последней версии React 17
• Научитесь работать и с классовыми, и с функциональными компонентами
• Разберётесь, чем отличаются управляемые и неуправляемые компоненты
• Научитесь использовать хуки
• Освоите работу с состоянием и жизненным циклом приложения
• Создадите SPA (single page application) с react-router

Курс включает в себя:

• Базовые навыки по работе с React - создание простых компонентов, управление состоянием приложения и его жизненным циклом
• Продвинутые навыки по работе с React - современные техники, позволяющие добиваться хороших результатов
• Создание Single Page Application - популярных SPA-приложений за счет "магии", позволяющей посетителям сайта переходить между страницами без полной перезагрузки в браузере
• Разбор всех доступных хуков и создание собственных - встроенных методов, которые изменили представление о работе с React-приложениями
• Публикация проектов онлайн - через популярный и бесплатный сервис GitHub Pages

Почему это именно тот курс, который даст результат?
“Меня зовут Михаил Непомнящий, и я профессиональный веб-разработчик. Я работаю с React каждый день и решаю с его помощью задачи самого разного уровня сложности.

При этом я также профессиональный преподаватель и обучаю людей веб-разработке с 2016 года. А курсы по React также провожу в учебном центре "Специалист" в Москве.

В своих курсах я стараюсь подавать материал максимально доступно - от простого к сложному и без воды. Помню как самому трудно было поначалу пробираться через дебри React, когда только начинал изучать его, и в этом курсе постарался сделать подачу максимально понятной.

В рамках курса мы сделаем 3 полноценных проекта, причем уровень сложности каждый раз будет возрастать. Таким образом, на практике мы будем последовательно закреплять те навыки и умения, которые были изучены.” - преподаватель и автор курса Михаил Непомнящий

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

• Для тех, кто хочет изучить самый популярный frontend фреймворк React JS и подготовить портфолио
• Для тех, кто пробовал сам изучать React, но по какой-либо причине не справился и хочет закрыть пробелы
• Для тех, кто хочет углубиться в веб-разработку и взять лучшее из современных практик
• Для тех, кто застрял на первых шагах профессии и хочет добрать компетенций к резюме
• Для тех, кто хочет получить актуальные навыки и стать более востребованным на рынке веб-разработки

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

• Базовые знания веб-разработки - HTML, CSS, JavaScript

Прежде чем углубляться в изучение библиотеки React, лучше сначала разобраться как следует с базовыми технологиями - рекомендуем изучить наши курсы:
Верстальщик - HTML, CSS, Bootstrap, JavaScript
ВЕБ-разработчик - с нуля до результата!
JavaScript - полный курс с нуля до результата!