JavaScript + React/Redux курс

В этом репозитории расположены ответы на домашние задания на курсе. Все специально разбито на папки, чтобы вам было удобно смотреть и скачивать. Если вы выполнили часть проекта - то можете её проверить. В курсе ответы прикреплены в самих уроках с заданиями, либо вы можете найти их здесь по номеру задания.

Отслеживать изменения в курсе можно тут

Список папок и изменения в них:

JavaScript

  • JS_step_1 - Практика с personalmovieDB, часть 1
  • JS_step_2 - Практика с циклами и условиями
  • JS_step_3 - Работа с функциями
  • JS_step_4 - Работа с объектом и методами
  • JS_step_5 - Работа с элементами на странице
  • JS_step_6 - Закончили работать с проектом бд фильмов
  • JS_step_7 - Созданы табы в новом проекте
  • JS_step_8 - Создан таймер на странице
  • JS_step_9 - Создано модальное окно
  • JS_step_10 - Улучшения для модального окна: открытие по времени и при скролле страницы в конец
  • JS_step_11 - Используем классы для создания карточек меню
  • JS_step_12 - Используем REST-оператор и параметры по умолчанию
  • JS_step_13 - Отправка данных из формы на сервер при помощи XMLHTTPRequest
  • JS_step_14 - Украшаем оповещения об отправке
  • JS_step_15 - Используем fetch API для отправки запросов
  • JS_step_16 - Получаем данные с сервера и создаем элементы на странице на их основе. Используем async/await
  • JS_step_17 - Создан простой вариант слайдера
  • JS_step_18 - Создан усложненный вариант слайдера-карусели
  • JS_step_19 - Созданы точки под слайдером
  • JS_step_20 - Применили регулярные выражения к слайдеру
  • JS_step_21 - Создан калькулятор на странице
  • JS_step_22 - Используем валидацию и localStorage в калькуляторе
  • JS_step_23 - Проект собран при помощи Webpack + Common.js
  • JS_step_24 - Проект собран при помощи Webpack + ES6 Modules
  • JS_step_25 - Готовая сборка проекта

Новая редакция курса "Библиотека React + Redux"

  • React_step_1 - Готовый шаблон под первое приложение
  • React_step_2 - Выполнена практика по использованию свойств компонентов
  • React_step_3 - Добавлен атрибут key для работы алгоритма
  • React_step_4 - Добавлен функционал, отмечающий сотрудника на повышение
  • React_step_5 - Добавлено состояние в форму создания сотрудника
  • React_step_6 - Добавление нового сотрудника готово
  • React_step_7 - Выполнено поднятие состояния и валидация формы
  • React_step_8 - Реализованы фильтры и поиск в приложении
  • React_step_9 - Готовый шаблон под приложение Marvel
  • React_step_10 - Создан сервис для запросов к API
  • React_step_11 - Реализовано корректное отображение описания
  • React_step_12 - Добавлены компоненты загрузки и ошибки
  • React_step_13 - Реализован компонент CharList, кнопка «try it» и добавлено нормальное отображение несуществующей картинки
  • React_step_14 - Реализован компонент CharInfo
  • React_step_15 - Создан предохранитель
  • React_step_16 - Реализована динамическая подгрузка персонажей
  • React_step_17 - Добавлены PropTypes
  • React_step_18 - Реализован выбор персонажей с клавиатуры, подсветка активного элемента
  • React_step_19 - Выполнен переход на функциональные компоненты и хуки
  • React_step_20 - Создана страница comicsList
  • React_step_21 - Реализована маршрутизация приложения
  • React_step_22 - Реализована страница SingleComicPage
  • React_step_23 - Реализована ленивая подгрузка страниц
  • React_step_24 - Добавлен TransitionGroup для анимации появления персонажей
  • React_step_25 - Добавлена форма поиска персонажа и отдельная страница для него
  • React_step_26 - Добавлены различные мета-тэги и title в зависимости от страницы
  • React_step_27 - Проект переделан на подход конечного автомата
  • React_step_28 - Заготовка проекта мини-административной панели
  • React_step_29 - Реализован весь базовый функционал административной панели
  • React_step_30 - Разделены функции-редьюсеры и применена функция createSelector
  • React_step_31 - Применен усилитель store (enhancer)
  • React_step_32 - Применен собственный middleware
  • React_step_33 - Применен thunk-middleware и созданы комбинированные action creator’ы
  • React_step_34 - Применены функции configureStore, createAction и createReducer
  • React_step_35 - Созданы срезы героев и фильтров
  • React_step_36 - Созданы АС при помощи createAsyncThunk
  • React_step_37 - Созданы адаптеры с помощью createEntityAdapter
  • React_step_38 - Применили RTK Query для работы с героями