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

Северьянов Алексей

24 Dec 2019

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

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

Обо всех проблемах сообщайте в комментариях.

Обновление от 24.12

Так как студенты всё равно всё делают в последний день, то мы считаем, что ещё не поздно обновить API.

Исправлено описание метода PATCH /api/users/records и добавлен метод GET /api/users/self для получения данный текущего пользователя.

3 Dec 2019

Ваше последнее домашнее задание - это проект, над которым вы будете работать в команде.

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

Одновременно с игрой пользователь может общаться в чате с другими игроками.

Требования к организации проекта

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

Требования к веб-приложению

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

При проверке и сдаче проектов файлы из репозиториев будут помещены в отдельные каталоги одного проверочного веб-приложения, так что все игроки будут работать на одном сайте. Посмотрим, что из этого выйдет.

Варианты игр и результаты распределения по командам

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

22 Nov 2019

12 Nov 2019

Добрый день, коллеги!

Самые быстрые из вас уже присылают 5-е и даже 6-е задание на проверку. Разбирая ваш код, у нас назрела необходимость поделиться ещё кое-какими секретами мастерства, чтоб те из вас, кто понял жизнь и не спешит, успели бы ими воспользоваться и, возможно, посмотрев внимательно на свою работу, уберегли бы свой код от ошибок, а себя от стыда и позора.

Во-первых, напоминаем о предыдущей новости по данной теме, эти бессмертные заповеди всегда актуальны, особенно первая.

Во-вторых, послушайте древнюю притчу. Один учитель дал своему ученику задание: написать функцию, которая принимает два аргумента и возвращает их сумму. Чтоб ученик смог проверить себя, учитель дал ему специальный код и сказал: "Этот код вызовет твою функцию и выведет результат её работы, и если она правильно написана, ты увидишь в консоли число 4".

Заготовка задания выглядела так: function add(a, b) { /* ваш код */ }

Проверяющий код был таким: console.log( add(2, 2) );

И вот ученик прислал своё решение: function add (a, b) { return 4; }

Надеюсь, вы поняли посыл. Не уподобляйтесь такому ученику.

Успехов!

Шумилов Вадим

7 Nov 2019

Мне напомнили, что я не разместил информацию по 4-му домашнему заданию. Исправляюсь.

Сделать браузерную версию игры "Крестики-Нолики" (пользователь играет с компьютером).

JS-код необходимо оформить в виде модуля.

ЛИБО (второй вариант):

Реализовать функцию ручного заполнения игрового поля для игры в "Морской Бой".

Пользователь мышкой указывает, где ставить корабли, и они размещаются на выбранных участках игрового поля.

JS-код необходимо оформить в виде модуля.

Друзина Елена

11 Dec 2019

Мышко Егор

3 Dec 2019

Шумилов Вадим

13 Nov 2019

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

Самое главное, что не должно быть никаких некрасивых пустот и разрывов на странице.

Когда пользователь кликает мышкой по заметке, она исчезает, а документ перестраивается так, чтобы заполнить образовавшуюся пустоту в душе.

Существует, как минимум, 3 различных способа реализовать такой механизм построения, и в зависимости от выбранного вами способа, реализация может занять от 15 минут до 2 часов. Предлагаю не затягивать, а то будет как в прошлый раз.

7 Nov 2019

Северьянов Алексей

25 Oct 2019