Курсы по созданию веб-приложений при помощи React и Redux

Старт сразу после вашей заявки

Курс по созданию веб-приложений на React и Redux

Получите новую компетенцию и востребованную профессию с нуля!  ReactJS — популярная JavaScript-библиотека с открытым исходным кодом. Разработана в Facebook для построения пользовательских интерфейсов (UI, User Interfaces) на основе компонентного подхода.

Продолжительность Результат Цена  Формат
30 уроков
(120 ак.часов)
Компетенция: разработчик на React  45-60т.руб. - в группе
120т.руб. - индивид.
онлайн и оффлайн

Оставить заявку на курс

Этот курс для вас, если вы:

FRONTEND-РАЗРАБОТЧИК

  • СОЗДАВАТЬ КОМПОНЕНТЫ НА ОСНОВЕ REACTJS  И РАЗРАБАТЫВАТЬ ПОЛНОЦЕННЫЕ ПРИЛОЖЕНИЯ НА СТОРОНЕ КЛИЕНТА

ВЕБ-РАЗРАБОТЧИК - ФРИЛАНСЕР

  • РАЗРАБАТЫВАТЬ ПОЛНОЦЕННЫЕ ПРИЛОЖЕНИЯ НА СТОРОНЕ КЛИЕНТА И СТАТЬ ПОЛНОЦЕННЫМ FRONTEND-РАЗРАБОТЧИКОМ

СТУДЕНТ

  • ИЗУЧИТЬ САМУЮ ВОСТРЕБОВАННУЮ БИБЛИОТЕКУ НА СТОРОНЕ КЛИЕНТА И СТАТЬ ПОЛНОЦЕННЫМ FRONTEND-РАЗРАБОТЧИКОМ

ВЕБ-РАЗРАБОТЧИК КОМПАНИИ

  • РАЗРАБАТЫВАТЬ ПОЛНОЦЕННЫЕ ПРИЛОЖЕНИЯ НА СТОРОНЕ КЛИЕНТА, СОЗДАВАТЬ СОВРЕМЕННЫЕ ИНТЕРФЕЙСЫ И ВЫВЕСТИ САЙТ КОМПАНИИ НА САМЫЙ ВЫСОКИЙ УРОВЕНЬ

ПРЕПОДАВАТЕЛЬ КУРСОВ ПО FRONTEND-РАЗРАБОТКЕ

  • Изучите полный курс  по React на уровне преподавателя и разрабатывать полноценные приложения на самой крутой библиотеке JS -  ReactJS

На рынке по разработке приложений на React и FrontEnd не хватает кадров

Вы с нуля изучите технологии разработки приложений на React, изучите такие языки и технологии как HTML, CSS, верстка сайтов для ПК и мобильных устройств, покупка и настройка домена и хостинка, публикация сайтов в интернете и администрирование. В процессе обучения вы разработаете 2 сайта (лендинг и многостраничный сайт) на профессиональном уровне, выполненном по всем стандартам

Смотрите сами

5 993 компаний

прямо сейчас ищут специалистов  по тэгам React, FrontEnd разработчик, программист React только на одном hh.ru

90 - 320 тыс.руб.

одна из самых высоких зарплат —вызвана борьбой компаний за разработчиков React

Преподаватель курса

Александр Дарбинян

  • Опыт работы преподавателем с 2000 года
  • Опыт работы предпринимателем с 2007 года
  • Создатель и руководитель веб-студии в Краснодаре «Профессионал»
  • Сертифицированный веб-разработчик
  • Преподавал в таких крупных компаниях, как: Лукойл, ИнжГео, КубаньЭнерго, Роснефть, Термнефть.
  • Провёл более 700 семинаров в индивидуальной форме или в группах от 6 до 50 человек.
  • Разрабатывал портал для ФК Краснодар
  • Преподавал в Академии Ворлдскиллс Россия.

Варианты обучения

ВАРИАНТ. Индивидуальное обучение в студии или онлайн посредством Zoom или Skype и Тимвивер или Anydesk

ВАРИАНТ. Групповое обучение в студии или онлайн посредством Zoom или Skype и Тимвивер или Anydesk

ВАРИАНТ. Корпоративное обучение на территории Заказчика  или онлайн посредством Zoom или Skype и Тимвивер или Anydesk

Документы об окончании - сертификат

Получите сертификат об окончании курса

Сертификат подтвердит что вы прошли обучение в действующей веб-студии и получили навыки веб разработчика с двумя сайтами, разработанные во время обучения 

Получение сертификата возможно только после успешного прохождения тестирования и разработки финального сайта

Программа обучения

Тема 1. Знакомство с React
  • Многостраничный дизайн старой школы
  • Одностраничные приложения новой школы
  • Автоматическое управление состоянием пользовательского интерфейса
  • Быстрое манипулирование DOM
  • API для создания компонуемых пользовательских интерфейсов
  • Визуальные элементы, целиком определенные в коде JavaScript
  • Только V в архитектуре MVC
Тема 2. Создание первого React-приложения
  • Работа с JSX
  • Использование React
  • Отображение имени
  • Смена места назначения
  • Добавление стилей
Урок 3. Компоненты React
  • Краткий обзор функций
  • Изменения во взаимодействии с пользовательским интерфейсом
  • Компоненты React
  • Создание компонента HelloWorld
  • Указание свойств
  • Обновление определения компонента
  • Изменение кода вызова компонента
  • Работа с дочерними элементами
Урок 4. Стили в библиотеке React
  • Стилизация контента React с помощью CSS
  • Сгенерированный HTML-код
  • Применение стиля
  • Стилизация контента методом библиотеки React
  • Создание объекта стиля
  • Стилизация контента
  • Настройка фонового цвета
Урок 5. Создание сложных компонентов
  • От визуализации до компонентов
  • Определение основных визуальных элементов
  • Определение компонентов
  • Создание компонентов
  • Компонент Card
  • Компонент Square
  • Компонент Label
  • Передача свойств
  • Почему так важна компоновка компонентов
Урок 6. Передача свойств
  • Обзор проблемы
  • Глубокий анализ проблемы
  • Оператор расширения
  • Лучший способ передачи свойств
Урок 7. JSX
  • Что происходит с JSX?
  • Особенности JSX, которые надо запомнить
  • Обработка выражений
  • Возвращение нескольких элементов
  • Почему нельзя использовать встроенные стили CSS
  • Комментарии
  • Регистр, HTML-элементы и компоненты
  • Использование JSX-кода в любом месте
Урок 8. Работа с состояниями React
  • Использование состояний
  • Начало работы
  • Настройка счетчика
  • Установка начального значения состояния
  • Запуск таймера и установка состояния
  • Рендеринг смены состояния
  • Дополнительно: полный код
Урок 9. Переход от данных к пользовательскому интерфейсу
  • Пример
  • Использование JSX-кода в любом месте, часть 2
  • Работа с массивами
Урок 10. События в React
  • Определение и реагирование на события
  • Начало работы
  • Создание кнопки действия
  • Свойства события
  • Синтетические события
  • Работа со свойствами события
  • Действия с событиями
  • Вы не можете напрямую прослушивать события компонентов
  • Прослушивание стандартных событий DOM
  • Значение this внутри обработчика событий
  • Совместимость с браузерами
  • Повышение производительности
Урок 11. Жизненный цикл компонента
  • Знакомство с методами жизненного цикла
  • Методы жизненного цикла в действии
  • Этап начального рендеринга
  • Получение свойств по умолчанию
  • Получение состояния по умолчанию
  • componentWillMount
  • render
  • componentDidMount
  • Этап обновления
  • Изменение состояний
  • shouldComponentUpdate
  • componentWillUpdate
  • componentDidUpdate
  • Изменения свойств
  • Этап размонтирования
Урок 12 Доступ к элементам DOM в React
  • Код приложения «Палитра»
  • Знакомство со ссылками
  • Использование порталов
Урок 13 Настройка среды разработки React
  • Проект Create React
  • Анализ произошедшего
  • Создание демонстрационного приложения
  • Сборка проекта
Урок 14. Работа с внешними данными в React
  • Основы веб-запросов
  • Время работать с React
  • Начало работы
  • Получение IP-адреса
  • Визуальные эффекты уровнем выше
Урок 15 Создание планировщика в React
  • Начало разработки
  • Создание интерфейса
  • Построение остальной части приложения
  • Добавление элементов
  • Отображение элементов
  • Форматирование контента приложения
  • Удаление элементов
  • Анимация!
Урок 16 Создание плавающего меню в React
  • Как работает плавающее меню
  • Настройка плавающего меню
  • Начало работы
  • Отображение и сокрытие меню
  • Создание кнопки
  • Создание меню
Урок 17 Оптимизация ненужных операций рендеринга
  • Вкратце о методе render
  • Оптимизация количества вызовов метода render
  • Пример
  • Анализ вызовов метода render
  • Переопределение обновления компонента
  • Использование компонента PureComponent
Урок 18 Создание одностраничного приложения React с помощью роутера
  • Начало работы
  • Создание одностраничного приложения
  • Отображение начального фрейма
  • Создание страниц с контентом
  • Использование библиотеки React Router
  • Последние штрихи
  • Содержание
  • Исправление путей маршрутизации
  • Добавление правил CSS
  • Выделение активной ссылки
Урок 19 Введение в Redux
  • Что такое Redux
  • Создание простого приложения с помощью Redux
  • Настало время Redux
  • Свет! Камера! Мотор
  • Управление редуктором
  • Работа с хранилищем
Урок 20 Совместное использование Redux с React
  • Управление состояниями React с помощью Redux
  • Как пересекаются React и Redux
  • Начало работы
  • Создание приложения
Уроки 21-30 - практические занятия, разработка приложений
  • практические занятия
  • повтор пройденного материала
  • разработка приложений

Гарантии

Мы даем 100% гарантию, что вы станете верстальщиком сайтов. Во время обучения мы с вами разработаем 2 проекта.  Работаем по договору.

Пакеты

Индивидуальное React
  • 30 уроков – 120 часов
  • Формат - в офисе или онлайн
  • Доступ в общий чат
  • Консультации  – 3 месяца
  • Количество выполненных проектов - 2 сайта
  • Помощь в трудоустройстве
Стоимость
120 000 ₽
Мест
4
Группа из 2-4 человек React
  • 30 уроков – 120 часов
  • Формат - в офисе или онлайн
  • Доступ в общий чат
  • Консультации  – 3 месяца
  • Количество выполненных проектов - 2 сайта
  • Помощь в трудоустройстве
Стоимость
60 000 ₽
Мест
2 группы
Группа из 5-10 человек React
  • 30 уроков – 120 часов
  • Формат - в офисе или онлайн
  • Доступ в общий чат
  • Консультации  – 3 месяца
  • Количество выполненных проектов - 2 сайта
  • Помощь в трудоустройстве
Стоимость
45 000 ₽
Мест
1 группа

Вопрос - ответ

Я новичок и ранее не создавал сайты. Подойдет ли мне курс?

Вам нужно для начала пройти курс по HTML+CSS и знать базовые знания по JS. Для тех учеников, которые еще этого не знают, я перед изучением React провожу ликбез по данным языкам

Какие программы или среды мы будем использовать для разработки?

Мы будем использовать MS Visual Studio Code.

Где проходит обучение?

Курсы можно пройти онлайн по Зуму/Скайпу и Anydesk  и офлайн в нашей веб студии. Если онлайн, то для их прохождения и обучения вам не надо куда-либо ехать и тратить время на дорогу. Проходить курсы можно онлайн дома или за рабочим местом. Все что нужно - это компьютер и интернет. 

Сколько занятий в курсе?

Занятия проходят по 4 ак.часов  за 1 урок.  Уроков будет всего 15.  

Как организована практика и отработка полученного материала?

На каждом уроке у нас теория и практика. В качестве отработки я задаю в качестве домашнего задания реальные задачи и примеры - алгоритмы, реализация интерфейсов

Отзывы учеников

Запишитесь на курс

Яндекс.Метрика