# | Название видеоурока | Видео / Тесты | Решило | Рейтинг | Доступ |
---|---|---|---|---|---|
1 |
![]() |
без видео 7 тестов |
|||
Мы начинаем ФОТОКУРС по созданию игры "шахматы". Здесь не будет видео, только картинки. На первом уроке мы выведем все фигуры на экран. Отчёт отправил: 10494. Алексей В. Выполнено за 30 мин. [Показать отчёт] Научился: Создание первой программы на PHP Сложности: Ничего Комментарии: Есть ли бесплатная версия PHP для Visual Studio |
|||||
2 |
![]() |
без видео 4 теста |
|||
На этом уроке мы создадим файл стиля chess.css для доски и белых/чёрных клеток. Далее создадим HTML для всей доски. Отчёт отправил: 10494. Алексей В. Выполнено за 30 мин. [Показать отчёт] Научился: Создавать шахматное поле. Сложности: Сложного ничего нет. Комментарии: Все хорошо, все замечательно. |
|||||
3 |
![]() |
без видео 2 теста |
|||
На этом уроке мы совместим первые два урока и разместим все фигуры на доске.
Отчёт отправил: 10494. Алексей В. Выполнено за 30 мин. [Показать отчёт] Научился: Совмещать клетки и фигуры Сложности: Ничего Комментарии: Все отлично!!! |
|||||
4 | PHP - Установка EasyPHP |
без видео 1 тест |
|||
Далее для работы нам потребуется технология PHP. Для этого можно скачать и установить EasyPHP. Отчёт отправил: 10494. Алексей В. Выполнено за 30 мин. [Показать отчёт] Научился: Устанавливать EasyPHP. Сложности: Ничего Комментарии: Все отлично |
|||||
5 | PHP - Запуск скрипта |
без видео 2 теста |
|||
На этом уроке мы запустим первый скрипт на РНР.
Отчёт отправил: 10494. Алексей В. Выполнено за 10 мин. [Показать отчёт] Научился: Ничему Сложности: Ничего Комментарии: Открыл Наношахматы на этом сервере!! Все получилось!!! |
|||||
6 | PHP - Циклы для клеток |
без видео 1 тест |
|||
На этом уроке мы добавим щепотку РНР - для вывода клеток будем использовать два вложенных цикла. Функция ord() возвращает номер буквы/символа в таблице ASCII. Отчёт отправил: 10494. Алексей В. Выполнено за 20 мин. [Показать отчёт] Научился: Использовать циклы PHP Сложности: Пока еще не все символы в операторах понятны Комментарии: Замечаний нет. Все хорошо |
|||||
7 | PHP - Массив для фигур |
без видео 2 теста |
|||
На этом уроке мы создадим массив шахматной доски. И запишем в него начальное расположение фигур. Каждая фигура обозначается одной буквой, согласно нотации Форсайта — Эдвардса. Отчёт отправил: 10494. Алексей В. Выполнено за 3 час. 20 мин. [Показать отчёт] Научился: Формировать массивы PHP. Сложности: Вывести вместо букв фигуры. Сначала пробовал вывести по юникоду, выяснилось, что PHP не понимает, что я от него хочу. Видимо, должна быть особая команда для использования юникода. Затем пробовал буквы заменить скопированными фигурами, в итоге на доске были только знаки вопроса на всех позициях фигур. Комментарии: Курс для опытных пользователей. Новичкам его сложно понять. Приходится сначала изучать базовые понятия. Но все равно очень интересно. |
|||||
8 | PHP - Превращение букв |
без видео 1 тест |
|||
На этом уроке мы напишем функцию GetFigureHTML, которая будет переводить буквы фигур в HTML-коды. Можно написать длинный и правильный код, либо короткий-хакерский вариант. При выводе доски на экран нужно добавить вызов созданной функции. Отчёт отправил: 10494. Алексей В. Выполнено за 10 мин. [Показать отчёт] Научился: Узнал формат switch-а Сложности: Ничего Комментарии: Все отлично!!!! |
|||||
9 | HTML5 - Поднятие фигур |
без видео 1 тест |
|||
На этом уроке мы подготовим фигуры к переносу. Для этого нам понадобятся возможности HTML 5.0 и JavaScript. (1) Для переноса фигур нужно их поместить в отдельный блок span. (2) Каждому span-блоку нужно выдать разрешение на перенос draggable. (3) Каждому блоку нужно присвоить уникальный id-код, мы будем использовать координаты клеток. После этого вы сможете хватать фигуру и таскать её по полю. Отчёт отправил: 10494. Алексей В. Выполнено за 10 мин. [Показать отчёт] Научился: Оборачивать каждую клетку в span блок Сложности: Ничего Комментарии: Все отлично!!! |
|||||
10 | JavaScript - Тронул? Коди! |
без видео 2 теста |
|||
На этом уроке мы напишем функцию drag(), которая вызывается в самом начале переноса фигуры. Цель этой функции - сохранить id-код span-объекта, в котором фигура расположена. Эта информация нам понадобится при опускании фигуры. Внимательно прочитайте все комментарии и протестируйте работу программы. Отчёт отправил: 10494. Алексей В. Выполнено за 20 мин. [Показать отчёт] Научился: Использовать скрипты Сложности: Ничего Комментарии: Интересно, что уже 3 в одном HTML, PHP и Jawa. Все хорошо. |
|||||
11 | JavaScript - Посадку давай! |
без видео 1 тест |
|||
Карлсон заметил, что во время таскания фигуры по доске всё время виден значок «стоянка запрещена». Так происходит потому, что ни одна площадка не разрешает посадку нашей фигуре. Чтобы разрешить посадку - нужно написать функцию allowDrop() и вызывать её в атрибуте ondragover каждого divа на шахматной доске. Теперь посадка будет разрешена, правда, пока ещё приземляться мы не умеем. Отчёт отправил: 10494. Алексей В. Выполнено за 15 мин. [Показать отчёт] Научился: Разрешать "посадку" фигуры. Сложности: Ничего. Комментарии: Все отлично. |
|||||
12 | JavaScript - Завершение хода |
без видео 1 тест |
|||
На этом уроке мы завершим посадку фигуры на новую клетку шахматной доски. При отпускании фигуры происходит событие ondrop, в атрибуте которого мы сделаем вызов функции drop(). Эта функция принимает событие event. Нам опять нужно отменить действие по умолчанию и принять полученный объект. Помните, мы сохраняли id-код span'a, фигуру которого мы переносим? Теперь мы получаем этот код, чтобы получить доступ к span элементу. На этот раз в event.target находится площадка приземления, мы используем её метод appendChild() для размещения объекта. Отчёт отправил: 10494. Алексей В. Выполнено за 15 мин. [Показать отчёт] Научился: Переносить фигуры. Сложности: Самое сложное пока, выполнение переноса фигур, в связи с недостаточными знаниями данного языка программирования. Комментарии: Все отлично |
|||||
13 | JavaScript - Я тебя съем! |
1 тест |
|||
На этом уроке мы реализуем съедание фигур. Для этого перед посадкой нам нужно проверить, есть ли кто-нибудь на аэродроме? hasChildNodes()? используем функцию removeChild() для его удаления. Используем 0-ой номер для доступа к первому и единственному элементу. ЗАДАНИЕ: Поставить мат и сделать скриншот. Останется ещё один баг - если мы попробуем приземлить фигуру на исходную клетку - она самоуничтожится. Чтобы избежать этого добавим проверку - если на площадке точно такая же фигура - то ничего делать не нужно. Отчёт отправил: 10494. Алексей В. Выполнено за 15 мин. [Показать отчёт] Научился: Рубить шахматы. Сложности: Ничего. Комментарии: Программа получилась довольно компактная, правда без правил игры. Все отлично. Жду новых интересных программ с участием WEB технологий. |
|||||
14 | ФИНАЛЬНЫЙ УРОК |
без видео 1 тест |
|||
Мы с вами закончили создание нано Шахмат. Для создания доски мы использовали следующие технологии: HTML - для отображения доски CSS - для оформления клеток PHP - для формирования повторяющихся строк JavaScript - для перемещения фигур. Напиши в отчёте, понравился ли тебе этот миникурс, что нового ты узнал, как ты ещё будешь дорабатывать свои шахматы. Задание: Записать видео, на котором разыграть матовую комбинацию. Какой курс ты будешь проходить следующим? Отчёт отправил: 10494. Алексей В. Выполнено за 40 мин. [Показать отчёт] Научился: Играть за двоих одновременно в шахматы Сложности: Не запутаться в ходах. Комментарии: В конце, пешка становится Ферзем, но как это реализовать пока не знаю. Курс отличный. Видеообзор: https://youtu.be/BYheMoBKoCo |
|||||
15 | VIP. PHP - Создание картинки |
без видео 1 тест |
|||
На этом уроке мы воспользуемся GD библиотекой для создания картинки и рисования линий в РНР скрипте. Отчёт отправил: 10494. Алексей В. Выполнено за 1 час. 10 мин. [Показать отчёт] Научился: Рисовать примитивы на php Сложности: Запустить imagecreatetruecolor. Комментарии: Все отлично, я справился!!!! |
|||||
16 | VIP. PAINT - Координаты отрезков |
без видео 1 тест |
|||
На этом уроке мы поработаем с программой MS Paint. Запустите mspaint, можете включить сетку (в старых версиях не доступно). Используя инструмент «Линия» нарисовать 2 или 3 буквы своих инициалов. Выписать координаты каждой линии, для этого наведите мышку на конец каждой линии и выпишите последовательно координаты всех отрезков. Отчёт отправил: 10494. Алексей В. Выполнено за 20 мин. [Показать отчёт] Научился: Находить координаты отрезков Сложности: Ничего Комментарии: Все отлично!!! |
|||||
17 | VIP. PHP - Рисуем буквы |
без видео 1 тест |
|||
На этом уроке мы нарисуем ваши инициалы в РНР. Отчёт отправил: 10494. Алексей В. Выполнено за 30 мин. [Показать отчёт] Научился: Рисовать буквы на PHP Сложности: Запустить сервер OpenServer в среде PHPStorm Комментарии: Все отлично!!! Я справился!!! |
|||||
Итого: 17 видеоуроков |
02 мин. 30 тестов |
18 чел. | |||
Финалисты: Сергей Соколов, Новопашин Владимир, Алексей В., Иван Воронин, Кирилл Шмойлов, Tekashnik, Елена, Константин, Максим Лапшинов, Дмитрий, Николай Денисов, Yefim, Andrew, Слава, Dmitry Sinitsin, Tom, Александр Шлома, MaxB . |