Merge branch 'vvscode:master' into master

Author: vvscode

README.md

@@ -2,14 +2,17 @@
 
 Это репозиторий курса ["OTUS JavaScript Developer. Basic"](https://otus.ru/lessons/javascript-basic/)
 
-## Структура репозитория
+<details>
+  <summary>Структура репозитория</summary>
 
 Репозиторий имеет следующую структуру
 
 - в корне проекта находятся файлы настроек проекта и используемых инструментов
 - в директории `lessons` находится под-директории по маске `lesson{XX}` с материалами для каждого занятия
+</details>
 
-## Работа с репозиторием
+<details>
+  <summary>Работа с репозиторием</summary>
 
 Репозиторий обслуживается инструментами на базе Node.js. Для работы понадобится `node.js` и `yarn` (в качестве пакетного менеджера).
 
@@ -35,3 +38,4 @@ yarn dev lessons/lessonXX/lecture.md
 При мерже пуллреквеста в мастер автоматически произойдет деплой изменений на сервис gh-pages. Результат можно будет увидеть здесь [otus--javascript-basic](https://vvscode.github.io/otus--javascript-basic/index.html).
 
 Если для занятия (для демонстрации или для активностей) нужно запускать примеры кода - используйте codesandbox, разместив код в поддиректории соответствующего урока (чтобы держать все материалы в одном месте).
+</details>

lessons/lesson05/homework2.md

@@ -0,0 +1,18 @@
+---
+Зачем: Продолжаем тренировку насмотренности и базовые операции. Большая часть задач не требует знаний алгоритмов, достаточно просто сформулировать последовательность шагов/действий. Вы тренируетесь писать функции, продолжаете знакомство с проверкой кода тестами. Продолжая аналогию с изучением иностранных языков - вы пишете прописи, тренируете руковой водить прямые линии и скругления. Нам здесь важен факт того, что вы прорешали нужное число задач (если бы могли дать вам задание решить одну задачу 20 способами - это задание было бы здесь, но увы). И т.к. это прописи - мы этот код не проверяем (нам важен факт написания кода, и это мы видим в вашем профиле), но при желании, вы можете прислать задачи на разбор.
+---
+
+### "Практика кодирования"
+
+1. Зарегистрировать аккаунт на сайте [codewars.com](https://www.codewars.com/) (это можно сделать с помощью github аккаунта) - логин должен быть такой же как в вашем github профиле, имя и фамилия такие же как в личном кабинете ОТУС
+2. Решить 5 задач из списка ниже (вместе с прошлыми должно выйти 40)
+3. Убедиться, что в вашем профиле видно когда, сколько и какие задачи вы решили
+4. Ссылку на ваш профиль codewars сбросить в чат по дз
+
+Задачи для решения:
+
+https://www.codewars.com/kata/568f9d15bb0d0bf2a8000009
+https://www.codewars.com/kata/56eff1e64794404a720002d2
+https://www.codewars.com/kata/56d931ecc443d475d5000003
+https://www.codewars.com/kata/56d9c274c550b4a5c2000d92
+https://www.codewars.com/kata/5507309481b8bd3b7e001638

lessons/lesson07/ht.md

@@ -12,3 +12,13 @@
 
 - ссылка на Pull Request с выполненным заданием
 - ссылка на задеплоенную страницу на Github Pages (где можно увидеть результат)
+
+Критерии сдачи:
+
+- создан npm проект
+- создана страница с разметкой и стилями
+- настроены prettier (для html и css) и eslint
+- настроены pre-commit хуки
+- настроены workflow для запуска линтеров в Github Actions (и проверки проходят)
+- настроен workflow для публикации страницы на Github Pages
+- страница опубликована на Github Pages

lessons/lesson19/ht.md

@@ -0,0 +1,12 @@
+---
+Зачем: Это подводящее занятие, чтобы облегчить вам работу далее
+---
+
+Необходимо
+
+- создать новый репозиторий
+- настроить проект на работу с webpack, typescript и jest
+- написать утилитную функцию на TS, которая может рассчитывать следующее состояние поля в [игре Жизнь](https://ru.wikipedia.org/wiki/%D0%98%D0%B3%D1%80%D0%B0_%C2%AB%D0%96%D0%B8%D0%B7%D0%BD%D1%8C%C2%BB)
+- покрыть тестами (не менее 80%)
+- добавить линтеры и workflow для проверок (в тч проверку на минимальное покрытие)
+- PR с кодом отправить в ЛК

lessons/lesson28/ht2.md

@@ -0,0 +1,25 @@
+---
+Зачем: Мини-проект "Календарь задач" - используя разработанное АПИ нужно разработать календарь задач (аналог гугл-календаря)
+---
+
+**Необходимо:**
+
+- на странице должен быть календарь
+- можно листать календарь (вперед/назад по месяцам/годам)
+- в ячейках дат видны задачи
+- двойной клик по заголовку даты позволяет создать новую задачу (и задать ей текст)
+
+Обязательный функционал:
+
+- создавать, редактировать, удалять задачи (заголовок, описание)
+- делать [fuzzy search](https://whatis.techtarget.com/definition/fuzzy-search) (можно взять [`Fuzzy search`](https://www.npmjs.com/package/fuzzy-search))
+
+Для выполнения нужно взять:
+
+- апи для хранения данных из прошлого домашнего задания
+
+Задание проверяется после:
+
+- открыт пуллреквест
+- написаны тесты (покрытие 60%)
+- сделан деплой на github pages

lessons/lesson33/homework.md

@@ -0,0 +1,15 @@
+---
+Зачем: Задание нужно для лучшего осмысления подхода на основе событий
+---
+
+**Задание:**
+
+В репозитории с приложением "Прогоноз погоды" сделать новую ветку и перееисать приложение, так, чтобы в нем было минимум 3 раздельных блока (форма ввода, блок с историей, отображение погоды), которые будут общаться друг с другом посредством EventBus (который нужно реализовать самостоятельно)
+
+**Критерии приемки задания:**
+
+- в приложении выделено минимум 3 раздельных блока (форма ввода, блок с историей, отображение погоды)
+- реализован EventBus
+- блоки общаются между собой посредством EventBus
+- покрытие кода от 60%
+- как обычно линтеры, workflow, деплой

lessons/lesson42/lecture.md

@@ -454,46 +454,3 @@ https://redux-toolkit.js.org/api/configureStore
 2. [Redux Toolkit как средство эффективной Redux-разработки](https://habr.com/ru/company/inobitec/blog/481288/)
 3. [Redux Toolkit Tutorial](https://redux-toolkit.js.org/tutorials/basic-tutorial) ( и продолжения [раз](https://redux-toolkit.js.org/tutorials/intermediate-tutorial) и [два](https://redux-toolkit.js.org/tutorials/advanced-tutorial))
 4. [Deep Dive into Redux Toolkit with React - Complete Guide](https://www.youtube.com/watch?v=9lCmbth63k0)
-
-<!-- s -->
-
-Домашнее задание
-
-<!-- v -->
-
-Реализовать одностраничное приложение - календарь задач.
-
-Приложение должно предоставлять минимум следующие страницы:
-
-- Календарь
-- Список
-- О проекте
-
-<!-- v -->
-
-<img src="./images/calendar.png" alt="Calendar" style="max-height: 50vh"/>
-
-<!-- v -->
-
-Все представления позволяют
-
-- создавать, редактировать, удалять задачи (заголовок, описание, статус выполнения, дата)
-- фильтровать по статусу выполнения
-- делать [fuzzy search](https://whatis.techtarget.com/definition/fuzzy-search) (можно взять [`Fuzzy search`](https://www.npmjs.com/package/fuzzy-search))
-- состояние должно отображаться на url (чтобы его можно было сохранять в закладки)
-
-<!-- v -->
-
-Для выполнения нужно взять:
-
-- апи для хранения данных из прошлого домашнего задания
-- роутер из прошлого домашнего задания
-- для работы с состоянием использовать redux-toolkit
-
-<!-- v -->
-
-Задание проверяется после:
-
-- открыт пуллреквест
-- написаны тесты (покрытие 60%)
-- сделан деплой на github pages

lessons/lesson43/hw2.md

@@ -0,0 +1,15 @@
+---
+Зачем: Закрепляем работу с компонентами
+---
+
+**Необходимо:**
+
+- в прошлом проекте создать новые компоненты - за основу берем сайт "Прогоноз погоды" и переносим его разметку на компоненты React
+- продумать компоненты и их интерфейсы (какие свойства они принимают)
+- реализовать компоненты и story описывающие работу этих компонент
+
+Критерии приемки
+
+- реализованы все компоненты, необходимые для сборки "Прогноза погоды" (формы, списки, компонент-layout)
+- в storybook можно посмотреть все состояния компонент, проверить работу actions
+- storybook задеплоен на github pages (в отдельной директории, чтобы не мешать будущему проекту)