Школа программирования «Тензор-School» (Кострома)

Буду краток. API для проектов залито на github. Для локальной проверки:

• склонируйте репозиторий https://github.com/severyanov/school-games.git
• отредактируйте package.json: в массив "games"."repos" добавьте строку с адресом вашего репозитория
• в папке репозитория school-games откройте консоль и выполните
  npm i
  npm run games:fetch
  npm start
• откройте в браузере http://localhost:8080/
• Перейдите по ссылке "Игра 1", должна открыться ваша страничка index.html

Сегодня мы готовы объявить составы команд.
Мы разделили вас на 4 команды в соответствии с суммой баллов, которую вы набрали за выполнение домашних заданий.

Добрый день, коллеги!
Самые быстрые из вас уже присылают 5-е и даже 6-е задание на проверку. Разбирая ваш код, у нас назрела необходимость поделиться ещё кое-какими секретами мастерства, чтоб те из вас, кто понял жизнь и не спешит, успели бы ими воспользоваться и, возможно, посмотрев внимательно на свою работу, уберегли бы свой код от ошибок, а себя от стыда и позора.
Во-первых, напоминаем о предыдущей новости по данной теме, эти бессмертные заповеди всегда актуальны, особенно первая.
Во-вторых, послушайте древнюю притчу. Один учитель дал своему ученику задание: написать функцию, которая принимает два аргумента и возвращает их сумму. Чтоб ученик смог проверить себя, учитель дал ему специальный код и сказал: "Этот код вызовет твою функцию и выведет результат её работы, и если она правильно написана, ты увидишь в консоли число 4".
Заготовка задания выглядела так: function add(a, b) { /* ваш код */ }
Проверяющий код был таким: console.log( add(2, 2) );
И вот ученик прислал своё решение: function add (a, b) { return 4; }
Надеюсь, вы поняли посыл. Не уподобляйтесь такому ученику.
Успехов!

Открылась шокирующая правда о школе Тензора!!1 В интернет попало запрещённое видео, на котором...

Последнее занятие состоится 17 декабря, затем у вас будет неделя, чтобы довести до совершенства свои проекты и представить на суд преподавателям.
Итак, 24 декабря в 18:00 вас ожидает:

• новогоднее настроение
• защита проектов
• фуршет
• вручение именных дипломов

Вы надеялись, что его не будет, но ваши надежды не оправдались!

OMG! (ﾉﾟ0ﾟ)ﾉ~ Вы только посмотрите, какая жесть вас ждёт дальше........

Ваше последнее домашнее задание - это проект, над которым вы будете работать в команде.
Суть проекта: создать веб-приложение с игрой и чатом. Каждая команда делает свою игру, но по сути они все похожи: это игры для одного пользователя на время, игровое поле состоит из клеток, которые как-то заполняются и в процессе игры по этим клеткам надо кликать.
Одновременно с игрой пользователь может общаться в чате с другими игроками.
Требования к организации проекта

1. Проект должен размещаться в git-репозитории, выбирайте любой удобный сервис: github, bitbucket и т.д.
2. Главная страница проекта - index.html
3. Все участники команды должны что-то коммитить в репозиторий.

1. На главной странице (index.html) должна быть форма для входа на сайт с полями для ввода имени и пароля.
2. После ввода имени и пароля пользователь попадает на страницу игры. На этой странице располагаются игровое поле и область чата. В чате пользователь видит сообщения и может отправлять свои, всё это параллельно с игрой и независимо от неё. В игровом поле пользователь, собственно, играет. После окончания игры пользователю показываются результаты (время, очки) и предлагается сыграть ещё раз.
3. Пользователь должен иметь возможность выйти со страницы игры и зайти под другим именем.
4. Для аутентификации, выхода, отправки результатов игры и чата приложение использует API, который будет предоставлен руководителями.

1. Сапёр (команда №2)
2. Мемори (команда №3)
3. Закрась поле (команда №1)
   
4. Морской бой (команда №4)

Необходимо реализовать скрипт для создания 50 заметок различной высоты, расположенных в 3 столбца. Заметки создаются динамически (отрабатываем методы для работы с DOM). Высота задается случайным образом, от 50 до 300 пикселей. По желанию, можете также генерировать какое-то содержимое, поэкспериментировать с цветами и другими элементами оформления (но это необязательно).
Самое главное, что не должно быть никаких некрасивых пустот и разрывов на странице.
Когда пользователь кликает мышкой по заметке, она исчезает, а документ перестраивается так, чтобы заполнить образовавшуюся пустоту в душе.
Существует, как минимум, 3 различных способа реализовать такой механизм построения, и в зависимости от выбранного вами способа, реализация может занять от 15 минут до 2 часов. Предлагаю не затягивать, а то будет как в прошлый раз.