05.03.2018, kirill.shirolapov@gmail.com Для запуска необходим Node с менеджером пакетов npm (https://nodejs.org). Выполните в корневой директории приложения следующие команды. npm install npm start Пройдите в браузере по адресу http://localhost:8080/ При первом запуске приложения на экране нет ни одного текстового блока. Чтобы создать свой текстовый блок введите текст для блока в поле "text". Если вам нужен "сложный" текстовый блок то снимите галочку с чекбокса "easy". Нажите кнопку "Add". Чтобы сгенерировтаь случайный текстовый блок нажмите кнопку "Add random block". Это сгенерирует блок со случайной длиной текста (от 4 до 14 слов) и случайный тип блока (простой или сложный). Цвет сложного блока по умолчанию зелёный. Двойной клик сделает его красным. Менять цвет простого текстового блока нельзя. Он всегда белый. Чтобы удалить текстовый блок нажмите кнопку "крестик". Простой текстовый блок пропадёт сразу. Сложный потребует подтверждения. Если ваш браузер поддерживает технологию Web Storage то данные не пропадут после закрытия браузера или перезагрузки страницы. При разработке приложения я использовал паттерн Model-View-Controller. По заданию я мог использовать фреймворки. Но я посчитал что для этого задания они излишни. Генератор случайного текста я взял отсюда https://gist.github.com/rviscomi/1479649#file-lorem-ipsum-js Я посчитал что не стоит писать его самому так как эта задача довольно тривиальна и в целях экономии времени я взял уже готовый код. Идею для дизайна текстовых блоков я взял из примеров книги серии Head First http://www.headfirstlabs.com/books/hfhtml5prog/