yankovalenko94/js_task_answers

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

js_task_answers's Issues

typeof(null)

if ( typeof(a) === 'string' && typeof(a) != null && typeof(b) != null

typeof(null) - возвращает "object". "object" не может сравниваться с null;

let answer = null;
if(answer == null) { 
  break;
}

// typeof(answer) == null - не будет работать, потому что сравниваться будет "object" == null
В последующих задачах/файлах такой же код.
Если будет задача что-то сделать при "Cancel - null" от пользователя, то такое сравнение никогда не сработает

detectLevel() dont check boundary values

function detectLevel() { // Расчет уровня достатка
if (appData.moneyPerDay < 100) {
console.log ("Это минимальный уровень достатка!");
} else if (appData.moneyPerDay > 100 && appData.moneyPerDay < 2000) { /
console.log ("Это средний уровень достатка!");
} else if (appData.moneyPerDay > 2000) {
console.log ("Это высокий уровень достатка!");
} else {
console.log ("Ошибочка...!");
}
}
detectLevel();

//не учтены значения 100 и 2000 - код идет по ветке else

Вопрос к четвёртой практической части

JS_task_answers/JS_step_4/script.js

Line 60 in bec35a5

toggleVisibleMyDB: function() {

Мы создаём метод toggleVisibleMyDB, котоорый проверяет приватность нашей датабазы и меняет его на обратный. А для чего его проверять? Нельзя ли просто в методе сделать так, чтобы при его вызове приватность менялась на обратную?
Например: personalMovieDB.privat = !personalMovieDB.privat;

Спасибо за ответ.