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