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 для работы с героями