Add homework explanations

Author: krambertech

02-deep-in-components/README.md

@@ -266,17 +266,15 @@ _Уровень сложности: средний_
 
 Нужно усовершенствовать написанный таймер добавлением в него кнопок "Пауза", "Старт" и "Возобновить".
 
-**Задание 3 : Теги для заметок**
+**Задание 3 : Поиск по заметкам**
 
-_Уровень сложности: выше среднего_
-
-При создании заметки пользователь может указать список тегов для нее. Затем, при нажатии на тег, должны отфильтровываться заметки с данным тегом. Фильтр должен отображаться сверху, его должна быть возможность его сбросить.
+_Уровень сложности: средний_
 
-Важно предусмотреть добавление новых заметок при фильтрации - либо сбрасывать фильтр, либо отфильтровывать заметки вместе с новой. Можно для этого использовать один из методов жизненного цикла 😊
+Добавить на страницу поле для поиска (желательно выделить в отдельный компонент). По мере ввода, должны отфильтровываться заметки, которые соответствуют введенному значению.
 
 **Задание 4 : To-do list**
 
 _Уровень сложности: высокий_
 
-Написать список задач. Пользователь может добавить новую задачу, отметить ее как выполненную (просто вычеркнуть ее из списка) и редактировать существующие задачи. Задачи должны сохраняться в localStorage.
+Написать список задач. Пользователь может добавить новую задачу, отметить ее как выполненную (просто вычеркнуть ее из списка) и фильтры "Все", "Завершенные" и "Новые". Задачи должны сохраняться в localStorage.
 

02-deep-in-components/homework/01.md

@@ -0,0 +1,23 @@
+# Задание 1 : Сделать выбор цвета для заметки
+
+_Уровень сложности: низкий_
+
+#### Задание
+
+При создании новой заметки реализовать выбор ее цвета. Можно выбирать из всего спектра (<input type="color" />) или использовать только 5-7 ваших любимых цветов (как в Google Keep).
+
+#### Подсказка
+
+Тут есть два варианта - простой и не совсем простой.
+
+**1. Простой вариант**
+
+Мы просто в ```NoteEditor``` добавляем ```<input type="color">```, в котором отслеживаем событие ```onChange```.
+
+**2. Вариант посложнее**
+
+Вы выбираете 5-10 ваших любимых цветов и даете пользователю возможность выбрать один из них. В идеале, для выбора цвета нужно написать отдельный компонент в который будет передаваться событие, которое будет дергаться прри изменении выбранного цвета.
+
+Может выглядеть так:
+
+![Выбор цвета](/02-deep-in-components/images/007.png)

02-deep-in-components/homework/02.md

@@ -0,0 +1,19 @@
+# Задание 2 : Таймер
+
+_Уровень сложности: средний_
+
+#### Задание
+
+Нужно усовершенствовать написанный таймер добавлением в него кнопок "Пауза", "Старт" и "Возобновить".
+
+#### Подсказка
+
+Есл таймер остановлен, то показывается кнопка "Старт", если работает - "Пауза". По нажатию на кнопку "Старт" таймер должен начинать идти с того места, где он находился. При нажатии "Пауза" - останавливаться. Если пользователь нажимает "Возобновить", то таймер должен начать идти с 0.
+
+Нужно добавить в состояние поле ```isPaused``` и при обработке событий ```onClick``` модифицировать состояние и очищать или запускать таймер.
+
+Может выглядеть таким образом:
+
+![Стоит](/02-deep-in-components/images/008.png)
+
+![Идет](/02-deep-in-components/images/009.png)

02-deep-in-components/homework/03.md

@@ -0,0 +1,15 @@
+# Задание 3 : Поиск по заметкам
+
+_Уровень сложности: средний_
+
+#### Задание
+
+Добавить на страницу поле для поиска. Понажатию на кнопку (или клавиишу Enter), должны отфильтроваться заметки, которые соответствуют введенному значению. Если нет заметок, удовлетворяющих условиям поиска - должна отображаться надпись "Ничего не найдено".
+
+#### Подсказка
+
+Тут ничего сложного. Мы такое уже реализовывали в первом уроке. Желательно, выделить поле для поиска в отдельный компонент с событием ```onSearch```.
+
+Важно предусмотреть добавление новых заметок при поиске - либо сбрасывать значение поиска при добавлении заметки, либо отфильтровывать заметки вместе уже вместе с новой. Можно для этого использовать один из методов жизненного цикла 😊
+
+![Search](/02-deep-in-components/images/010.png)

02-deep-in-components/homework/04.md

@@ -0,0 +1,13 @@
+# Задание 4 : To-do list
+
+_Уровень сложности: высокий_
+
+#### Задание
+
+Написать список задач. Пользователь может добавить новую задачу, отметить ее как выполненную (просто вычеркнуть ее из списка) и фильтры "Все", "Завершенные" и "Новые". Задачи должны сохраняться в localStorage.
+
+#### Подсказка
+
+Делать по аналогии с примером, который был рассмотрен на уроке.
+
+![Search](/02-deep-in-components/images/011.png)