| # |
Название видеоурока |
Видео / Тесты |
Решило |
Рейтинг |
Доступ |
| 1 |
 HTML - Шахматные фигуры
|
без видео
7 тестов |
98 чел. |
★ 4.9 |
Free |
| |
Мы начинаем ФОТОКУРС по созданию игры "шахматы".
Здесь не будет видео, только картинки.
На первом уроке мы выведем все фигуры на экран.
|
| |
|
| |
MaxB, Александр Шлома, Tom, Ратмир, 1, Trira, Anatoli, Вячеслав, Игорь Бойко, Konstantin, Dmitry Sinitsin, Грачья, Александр, ZTg-18 Trefilov Nikolaj, ZTg-18 Petrakova Jekaterina, ZTg-18 Zakurdajev Ivan, ZTg-18 Kairys Darius, ZTg-18 Gerasimov Dmitrij, ZTg-18 Volkova Polina, ZTg-18 Sachno Vladimir, Žtg-18 Ernestas Mackonis, Никита, Павел Демьянов, Andrew, Yefim, Алексей, Слава, chokayes, Дмитрий, Григорий, Дмитрий, Николай Денисов, DimanDOS, Nikolay, ими , Алексей, Leonid Shevchenko, Евгений Мехтиев, Alexey, Alexmidrus, Сергей Сергеевич, Rita, Алексей|BrisK|Кривицкий, Константин, Новопашин Владимир, Кирилл Шмойлов, Алексей, Максим Лапшинов, Иван Воронин, Denis, Саша, Сергей Соколов, mirbek, Андрей Поляков, вадим, Морозов Юрий Александрович, Дмитрий, atomicpel, Алексей В., Natalja Piga, Laurita Žalalytė, Дмитрий 199, lenax, Žana Bogatyriova, Špakova Anastasija, Александр Широков, Андрей Н., Елена, Виталий, Антон Лазарец и другие
|
| 2 |
CSS - Шахматная доска
|
без видео
4 теста |
89 чел. |
★ 4.9 |
Free |
| |
На этом уроке мы создадим файл стиля chess.css
для доски и белых/чёрных клеток.
Далее создадим HTML для всей доски.
|
| |
|
| |
MaxB, Александр Шлома, Tom, 1, Anatoli, Вячеслав, Игорь Бойко, Konstantin, Dmitry Sinitsin, Грачья, Александр, ZTg-18 Sachno Vladimir, ZTg-18 Petrakova Jekaterina, ZTg-18 Trefilov Nikolaj, ZTg-18 Zakurdajev Ivan, ZTg-18 Kairys Darius, ZTg-18 Volkova Polina, Žtg-18 Ernestas Mackonis, ZTg-18 Gerasimov Dmitrij, Никита, Павел Демьянов, Andrew, Yefim, Дмитрий, Алексей, chokayes, Слава, Николай Денисов, Дмитрий, DimanDOS, Leonid Shevchenko, Евгений Мехтиев, Alexey, Сергей Сергеевич, Rita, Алексей|BrisK|Кривицкий, Константин, Новопашин Владимир, Кирилл Шмойлов, Алексей, Максим Лапшинов, Иван Воронин, Denis, Саша, Сергей Соколов, mirbek, Андрей Поляков, Морозов Юрий Александрович, atomicpel, Алексей В., Николай Миролюбов, Natalja Piga, Laurita Žalalytė, lenax, Дмитрий 199, Žana Bogatyriova, Špakova Anastasija, Александр Широков, Андрей Н., Елена, Виталий, Антон Лазарец, roman vasilenko, Pučko Antonina, Voskoboinikova Ana , Dubakaitė Violeta, Semionova Liudmila, Šatravka Vladislav и другие
|
| 3 |
HTML - Фигуры на Доске
|
без видео
2 теста |
87 чел. |
★ 4.9 |
Free |
| |
На этом уроке мы совместим первые два урока и разместим все фигуры на доске.
|
| |
|
| |
MaxB, Александр Шлома, Tom, 1, Вячеслав, Игорь Бойко, Konstantin, Dmitry Sinitsin, Грачья, Александр, ZTg-18 Sachno Vladimir, ZTg-18 Volkova Polina, ZTg-18 Petrakova Jekaterina, ZTg-18 Trefilov Nikolaj, ZTg-18 Gerasimov Dmitrij, ZTg-18 Zakurdajev Ivan, ZTg-18 Kairys Darius, Žtg-18 Ernestas Mackonis, Никита, Andrew, Yefim, Дмитрий, Алексей, chokayes, Слава, Николай Денисов, Дмитрий, DimanDOS, Евгений Мехтиев, Leonid Shevchenko, Alexey, Сергей Сергеевич, Rita, Алексей|BrisK|Кривицкий, Константин, Кирилл Шмойлов, Новопашин Владимир, Алексей, Максим Лапшинов, Иван Воронин, Denis, Саша, Сергей Соколов, mirbek, Андрей Поляков, Морозов Юрий Александрович, atomicpel, Алексей В., Николай Миролюбов, Natalja Piga, Laurita Žalalytė, lenax, Дмитрий 199, Žana Bogatyriova, Špakova Anastasija, Антон Лазарец, Андрей Н., Александр Широков, Елена, Виталий, roman vasilenko, Pučko Antonina, Voskoboinikova Ana , Dubakaitė Violeta, Semionova Liudmila, Šatravka Vladislav, Alcatraz, Иван, Максим и другие
|
| 4 |
PHP - Установка EasyPHP
|
без видео
1 тест |
31 чел. |
★ 4.9 |
$ |
| |
Далее для работы нам потребуется технология PHP.
Для этого можно скачать и установить EasyPHP.
|
| |
|
| |
MaxB, Александр Шлома, Tom, Konstantin, Dmitry Sinitsin, Грачья, Александр, Никита, Andrew, Yefim, Алексей, chokayes, Слава, Николай Денисов, Дмитрий, DimanDOS, Alexey, Елена, Leonid Shevchenko, Евгений Мехтиев, Tekashnik, Максим Лапшинов, Сергей Сергеевич, Кирилл Шмойлов, Алексей|BrisK|Кривицкий, Rita, Иван Воронин, Алексей В., Новопашин Владимир, Сергей Соколов, Константин
|
| 5 |
PHP - Запуск скрипта
|
без видео
2 теста |
30 чел. |
★ 5 |
$ |
| |
На этом уроке мы запустим первый скрипт на РНР.
|
| |
|
| |
MaxB, Александр Шлома, Tom, Konstantin, Dmitry Sinitsin, Грачья, Александр, Никита, Andrew, Yefim, Алексей, chokayes, Слава, Николай Денисов, Дмитрий, DimanDOS, Alexey, Елена, Алексей|BrisK|Кривицкий, Leonid Shevchenko, Tekashnik, Rita, Максим Лапшинов, Кирилл Шмойлов, Сергей Сергеевич, Иван Воронин, Алексей В., Новопашин Владимир, Сергей Соколов, Константин
|
| 6 |
PHP - Циклы для клеток
|
без видео
1 тест |
66 чел. |
★ 4.9 |
$ |
| |
На этом уроке мы добавим щепотку РНР -
для вывода клеток будем использовать два вложенных цикла.
Функция ord() возвращает номер буквы/символа в таблице ASCII.
|
| |
|
| |
MaxB, Александр Шлома, Tom, Dmitry Sinitsin, Грачья, Александр, Никита, Andrew, Yefim, chokayes, Слава, Николай Денисов, Дмитрий, DimanDOS, Alexey, Алексей|BrisK|Кривицкий, Leonid Shevchenko, Сергей Сергеевич, Константин, Rita, Новопашин Владимир, Кирилл Шмойлов, Алексей, Максим Лапшинов, Иван Воронин, Denis, Саша, Сергей Соколов, mirbek, Андрей Поляков, Морозов Юрий Александрович, Алексей В., Николай Миролюбов, Natalja Piga, lenax, Žana Bogatyriova, Laurita Žalalytė, roman vasilenko, Špakova Anastasija, Андрей Н., Елена, Виталий, Pučko Antonina, Kunafin Matvej, Zajarin Anton, Semionova Liudmila, Šatravka Vladislav, Krasnauskaitė Jelena, Levšin Aleksandr, Petuško Julija, Tautavičiūtė Anastasija, Kapitanov Dmitrij, Kaznačenko Valentin, Sman Diana, Alcatraz, Иван, Максим, Ender, Артём, Tekashnik, Vojevodina Ksenija, Čižys Augintas, Varkus Maksim, Bogdaškaitė Erika, Vaitkevičiūtė Irma, Kazminas Vladimiras
|
| 7 |
PHP - Массив для фигур
|
без видео
2 теста |
56 чел. |
★ 4.9 |
$ |
| |
На этом уроке мы создадим массив шахматной доски.
И запишем в него начальное расположение фигур.
Каждая фигура обозначается одной буквой,
согласно нотации Форсайта — Эдвардса.
|
| |
|
| |
MaxB, Александр Шлома, Tom, Dmitry Sinitsin, Грачья, Александр, Никита, Andrew, Yefim, chokayes, Слава, Николай Денисов, Дмитрий, DimanDOS, Alexey, Leonid Shevchenko, Константин, Сергей Сергеевич, Новопашин Владимир, Кирилл Шмойлов, Алексей, Максим Лапшинов, Иван Воронин, Denis, Саша, Сергей Соколов, Андрей Поляков, Морозов Юрий Александрович, Алексей В., lenax, Laurita Žalalytė, Zajarin Anton, roman vasilenko, Špakova Anastasija, Андрей Н., Елена, Виталий, Pučko Antonina, Tekashnik, Sman Diana, Krasnauskaitė Jelena, Kapitanov Dmitrij, Tautavičiūtė Anastasija, Šatravka Vladislav, Petuško Julija, Kaznačenko Valentin, Alcatraz, Иван, Максим, Ender, Varkus Maksim, Vojevodina Ksenija, Čižys Augintas, Kazminas Vladimiras, Vaitkevičiūtė Irma, Bogdaškaitė Erika
|
| 8 |
PHP - Превращение букв
|
без видео
1 тест |
54 чел. |
★ 5 |
$ |
| |
На этом уроке мы напишем функцию GetFigureHTML,
которая будет переводить буквы фигур в HTML-коды.
Можно написать длинный и правильный код, либо короткий-хакерский вариант.
При выводе доски на экран нужно добавить вызов созданной функции.
|
| |
|
| |
MaxB, Александр Шлома, Tom, Грачья, Dmitry Sinitsin, Александр, Никита, Andrew, Yefim, chokayes, Слава, Николай Денисов, Дмитрий, DimanDOS, Alexey, Leonid Shevchenko, Константин, Сергей Сергеевич, Новопашин Владимир, Кирилл Шмойлов, Алексей, Максим Лапшинов, Иван Воронин, Denis, Саша, Сергей Соколов, Андрей Поляков, Морозов Юрий Александрович, Алексей В., Laurita Žalalytė, Zajarin Anton, roman vasilenko, Špakova Anastasija, Андрей Н., Елена, Kapitanov Dmitrij, Виталий, Pučko Antonina, Tekashnik, Sman Diana, Tautavičiūtė Anastasija, Šatravka Vladislav, Petuško Julija, Kaznačenko Valentin, Vojevodina Ksenija, Alcatraz, Иван, Максим, Ender, Varkus Maksim, Čižys Augintas, Kazminas Vladimiras, Bogdaškaitė Erika, Vaitkevičiūtė Irma
|
| 9 |
HTML5 - Поднятие фигур
|
без видео
1 тест |
50 чел. |
★ 5 |
$ |
| |
На этом уроке мы подготовим фигуры к переносу.
Для этого нам понадобятся возможности HTML 5.0 и JavaScript.
(1) Для переноса фигур нужно их поместить в отдельный блок span.
(2) Каждому span-блоку нужно выдать разрешение на перенос draggable.
(3) Каждому блоку нужно присвоить уникальный id-код, мы будем использовать координаты клеток.
После этого вы сможете хватать фигуру и таскать её по полю.
|
| |
|
| |
MaxB, Александр Шлома, Tom, Грачья, Dmitry Sinitsin, Александр, Никита, Andrew, Yefim, chokayes, Слава, Николай Денисов, Дмитрий, DimanDOS, Alexey, Leonid Shevchenko, Константин, Сергей Сергеевич, Новопашин Владимир, Кирилл Шмойлов, Алексей, Максим Лапшинов, Иван Воронин, Denis, Сергей Соколов, Андрей Поляков, Морозов Юрий Александрович, Алексей В., Laurita Žalalytė, roman vasilenko, Zajarin Anton, Kaznačenko Valentin, Špakova Anastasija, Андрей Н., Pučko Antonina, Елена, Виталий, Sman Diana, Kapitanov Dmitrij, Tekashnik, Bogdaškaitė Erika, Šatravka Vladislav, Kazminas Vladimiras, Vaitkevičiūtė Irma, Petuško Julija, Varkus Maksim, Alcatraz, Čižys Augintas, Иван, Максим
|
| 10 |
JavaScript - Тронул? Коди!
|
без видео
2 теста |
48 чел. |
★ 5 |
$ |
| |
На этом уроке мы напишем функцию drag(), которая вызывается в самом начале переноса фигуры.
Цель этой функции - сохранить id-код span-объекта, в котором фигура расположена.
Эта информация нам понадобится при опускании фигуры.
Внимательно прочитайте все комментарии и протестируйте работу программы.
|
| |
|
| |
MaxB, Александр Шлома, Tom, Грачья, Dmitry Sinitsin, Александр, Никита, Andrew, Yefim, chokayes, Слава, Николай Денисов, Дмитрий, Alexey, Leonid Shevchenko, Константин, Сергей Сергеевич, Новопашин Владимир, Кирилл Шмойлов, Алексей, Максим Лапшинов, Иван Воронин, Denis, Сергей Соколов, Морозов Юрий Александрович, Алексей В., Laurita Žalalytė, roman vasilenko, Zajarin Anton, Šatravka Vladislav, Kaznačenko Valentin, Špakova Anastasija, Андрей Н., Pučko Antonina, Елена, Виталий, Sman Diana, Kapitanov Dmitrij, Tekashnik, Bogdaškaitė Erika, Kazminas Vladimiras, Varkus Maksim, Vaitkevičiūtė Irma, Petuško Julija, Čižys Augintas, Alcatraz, Иван, Максим
|
| 11 |
JavaScript - Посадку давай!
|
без видео
1 тест |
46 чел. |
★ 5 |
$ |
| |
Карлсон заметил, что во время таскания фигуры по доске всё время виден значок «стоянка запрещена».
Так происходит потому, что ни одна площадка не разрешает посадку нашей фигуре.
Чтобы разрешить посадку - нужно написать функцию allowDrop()
и вызывать её в атрибуте ondragover каждого divа на шахматной доске.
Теперь посадка будет разрешена, правда, пока ещё приземляться мы не умеем.
|
| |
|
| |
MaxB, Александр Шлома, Tom, Грачья, Dmitry Sinitsin, Александр, Никита, Andrew, Yefim, chokayes, Слава, Николай Денисов, Дмитрий, Alexey, Leonid Shevchenko, Константин, Сергей Сергеевич, Новопашин Владимир, Кирилл Шмойлов, Алексей, Максим Лапшинов, Иван Воронин, Denis, Сергей Соколов, Морозов Юрий Александрович, Алексей В., Laurita Žalalytė, roman vasilenko, Zajarin Anton, Šatravka Vladislav, Kaznačenko Valentin, Špakova Anastasija, Андрей Н., Елена, Виталий, Kapitanov Dmitrij, Tekashnik, Bogdaškaitė Erika, Vaitkevičiūtė Irma, Kazminas Vladimiras, Varkus Maksim, Petuško Julija, Čižys Augintas, Alcatraz, Иван, Максим
|
| 12 |
JavaScript - Завершение хода
|
без видео
1 тест |
44 чел. |
★ 5 |
$ |
| |
На этом уроке мы завершим посадку фигуры на новую клетку шахматной доски.
При отпускании фигуры происходит событие ondrop,
в атрибуте которого мы сделаем вызов функции drop().
Эта функция принимает событие event.
Нам опять нужно отменить действие по умолчанию и принять полученный объект.
Помните, мы сохраняли id-код span'a, фигуру которого мы переносим?
Теперь мы получаем этот код, чтобы получить доступ к span элементу.
На этот раз в event.target находится площадка приземления,
мы используем её метод appendChild() для размещения объекта.
|
| |
|
| |
MaxB, Александр Шлома, Tom, Грачья, Dmitry Sinitsin, Александр, Никита, Andrew, Yefim, chokayes, Слава, Дмитрий, Николай Денисов, Leonid Shevchenko, Константин, Сергей Сергеевич, Кирилл Шмойлов, Новопашин Владимир, Максим Лапшинов, Алексей, Иван Воронин, Denis, Сергей Соколов, Морозов Юрий Александрович, Алексей В., roman vasilenko, Laurita Žalalytė, Zajarin Anton, Šatravka Vladislav, Kaznačenko Valentin, Špakova Anastasija, Андрей Н., Елена, Виталий, Kapitanov Dmitrij, Tekashnik, Bogdaškaitė Erika, Kazminas Vladimiras, Vaitkevičiūtė Irma, Varkus Maksim, Petuško Julija, Alcatraz, Иван, Максим
|
| 13 |
JavaScript - Я тебя съем!
|
00:02:54
1 тест |
44 чел. |
★ 5 |
$ |
| |
На этом уроке мы реализуем съедание фигур.
Для этого перед посадкой нам нужно проверить,
есть ли кто-нибудь на аэродроме? hasChildNodes()?
используем функцию removeChild() для его удаления.
Используем 0-ой номер для доступа к первому и единственному элементу.
ЗАДАНИЕ: Поставить мат и сделать скриншот.
Останется ещё один баг - если мы попробуем приземлить
фигуру на исходную клетку - она самоуничтожится.
Чтобы избежать этого добавим проверку -
если на площадке точно такая же фигура - то ничего делать не нужно.
|
| |
|
| |
MaxB, Александр Шлома, Tom, Грачья, Dmitry Sinitsin, Александр, Никита, Andrew, Yefim, chokayes, Слава, Дмитрий, Николай Денисов, Leonid Shevchenko, Константин, Сергей Сергеевич, Кирилл Шмойлов, Новопашин Владимир, Максим Лапшинов, Алексей, Иван Воронин, Denis, Сергей Соколов, Морозов Юрий Александрович, Алексей В., roman vasilenko, Laurita Žalalytė, Zajarin Anton, Šatravka Vladislav, Kaznačenko Valentin, Špakova Anastasija, Андрей Н., Елена, Kapitanov Dmitrij, Иван, Виталий, Максим, Tekashnik, Bogdaškaitė Erika, Varkus Maksim, Kazminas Vladimiras, Vaitkevičiūtė Irma, Petuško Julija, Alcatraz
|
| 14 |
ФИНАЛЬНЫЙ УРОК
|
без видео
1 тест |
39 чел. |
★ 5 |
$ |
| |
Мы с вами закончили создание нано Шахмат.
Для создания доски мы использовали следующие технологии:
HTML - для отображения доски
CSS - для оформления клеток
PHP - для формирования повторяющихся строк
JavaScript - для перемещения фигур.
Напиши в отчёте, понравился ли тебе этот миникурс,
что нового ты узнал, как ты ещё будешь дорабатывать свои шахматы.
Задание: Записать видео, на котором разыграть матовую комбинацию.
Какой курс ты будешь проходить следующим?
|
| |
|
| |
MaxB, Александр Шлома, Tom, Грачья, Dmitry Sinitsin, Александр, Никита, Слава, Andrew, Yefim, chokayes, Николай Денисов, Дмитрий, Leonid Shevchenko, Константин, Кирилл Шмойлов, Новопашин Владимир, Алексей В., Сергей Соколов, Елена, Алексей, Максим Лапшинов, Иван Воронин, Denis, Морозов Юрий Александрович, roman vasilenko, Laurita Žalalytė, Zajarin Anton, Šatravka Vladislav, Špakova Anastasija, Андрей Н., Виталий, Максим, Tekashnik, Alcatraz, Bogdaškaitė Erika, Varkus Maksim, Vaitkevičiūtė Irma, Petuško Julija
|
| 15 |
VIP. PHP - Создание картинки
|
без видео
1 тест |
46 чел. |
★ 5 |
$ |
| |
На этом уроке мы воспользуемся GD библиотекой
для создания картинки и рисования линий в РНР скрипте.
|
| |
|
| |
MaxB, Александр Шлома, Tom, Dmitry Sinitsin, Никита, Слава, Andrew, Yefim, Николай Денисов, Дмитрий, Максим Лапшинов, Константин, Кирилл Шмойлов, Новопашин Владимир, Алексей В., Сергей Соколов, Елена, Иван Воронин, Denis, Морозов Юрий Александрович, Zajarin Anton, Kazminas Vladimiras, Андрей Н., Alcatraz, Иван, Виталий, Tekashnik, Petuško Julija, Kunafin Matvej, Bogdaškaitė Erika, Tautavičiūtė Anastasija, Voskoboinikova Ana , Dubakaitė Violeta, Vaitkevičiūtė Irma, Špakova Anastasija, Šatravka Vladislav, Semionova Liudmila, Žana Bogatyriova, Natalja Piga, roman vasilenko, lenax, Laurita Žalalytė, Krasnauskaitė Jelena, Vojevodina Ksenija, Varkus Maksim, Sman Diana
|
| 16 |
VIP. PAINT - Координаты отрезков
|
без видео
1 тест |
46 чел. |
★ 5 |
$ |
| |
На этом уроке мы поработаем с программой MS Paint.
Запустите mspaint, можете включить сетку (в старых версиях не доступно).
Используя инструмент «Линия» нарисовать 2 или 3 буквы своих инициалов.
Выписать координаты каждой линии, для этого наведите мышку
на конец каждой линии и выпишите последовательно координаты всех отрезков.
|
| |
|
| |
MaxB, Александр Шлома, Tom, Dmitry Sinitsin, Слава, Andrew, Yefim, Николай Денисов, Дмитрий, Максим Лапшинов, Константин, Кирилл Шмойлов, Новопашин Владимир, Алексей В., Сергей Соколов, Елена, Иван Воронин, Denis, Морозов Юрий Александрович, Kazminas Vladimiras, Андрей Н., Alcatraz, Виталий, Tekashnik, Kunafin Matvej, Tautavičiūtė Anastasija, Bogdaškaitė Erika, Kaznačenko Valentin, Šatravka Vladislav, Vaitkevičiūtė Irma, Špakova Anastasija, Žana Bogatyriova, Natalja Piga, roman vasilenko, lenax, Laurita Žalalytė, Pučko Antonina, Voskoboinikova Ana , Dubakaitė Violeta, Semionova Liudmila, Krasnauskaitė Jelena, Sman Diana, Vojevodina Ksenija, Petuško Julija, Varkus Maksim, Čižys Augintas
|
| 17 |
VIP. PHP - Рисуем буквы
|
без видео
1 тест |
42 чел. |
★ 5 |
$ |
| |
На этом уроке мы нарисуем ваши инициалы в РНР.
|
| |
|
| |
MaxB, Александр Шлома, Tom, Dmitry Sinitsin, Слава, Andrew, Yefim, Николай Денисов, Дмитрий, Максим Лапшинов, Константин, Кирилл Шмойлов, Новопашин Владимир, Алексей В., Сергей Соколов, Елена, Иван Воронин, Морозов Юрий Александрович, Kazminas Vladimiras, Андрей Н., Špakova Anastasija, Alcatraz, Виталий, Tekashnik, Kunafin Matvej, Tautavičiūtė Anastasija, Šatravka Vladislav, Krasnauskaitė Jelena, Sman Diana, Vojevodina Ksenija, Čižys Augintas, roman vasilenko, Natalja Piga, lenax, Laurita Žalalytė, Bogdaškaitė Erika, Voskoboinikova Ana , Dubakaitė Violeta, Semionova Liudmila, Vaitkevičiūtė Irma, Petuško Julija, Varkus Maksim
|
| |
Итого: 17 видеоуроков |
02 мин.
30 тестов
|
18 чел. |
★ 4.97 |
|
| |
Финалисты:
Сергей Соколов, Новопашин Владимир, Алексей В., Иван Воронин, Кирилл Шмойлов, Tekashnik, Елена, Константин, Максим Лапшинов, Дмитрий, Николай Денисов, Yefim, Andrew, Слава, Dmitry Sinitsin, Tom, Александр Шлома, MaxB .
|
