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