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