C# Professional

Формула программиста
основатель — Волосатов Евгений Витольдович

НаноШахматы

На этом фотокурсе мы создадим простой шахматный скрипт
для разбора позиций или для игры вдвоём.

План фотокурса:
1. Рисуем шахматную доску с фигурами на HTML+CSS+Unicode
2. Помещаем фигуры в массив и формируем доску на PHP.
3. Делаем перемещение фигур на JavaScript.

На фотокурсе в каждом уроке есть фотография, скриншот с кодом и результатом. Необходимо выполнять задания по картинкам, видео записей нет.



Хочу купить!

Купить в рассрочку за мегахеши

Цена: 500 p.


Список уроков | фото | видео

# Название видеоурока Решило Рейтинг Доступ
1 HTML - Шахматные фигуры 74 чел. ★ 4.9 Done
  Мы начинаем ФОТОКУРС по созданию игры "шахматы".
Здесь не будет видео, только картинки.

На первом уроке мы выведем все фигуры на экран.

Отчёт отправил: 7238. Константин Выполнено за 20 мин. [Показать отчёт]
Научился: Создавать набор шахматных фигур. 
Сложности: Понять что с этим файлом делать после того как набрал долго не начинал этот урок из-за того что не было понятно откуда брать картинки фигур, а тут набрал и открыл через браузер и появились фигуры. 
Комментарии: Не совсем понял откуда взялись картинки с фигурами. Файл на картинке был указан в php. php - еще пока не изучал и понять, что делать с ним не сразу понял. 
2 CSS - Шахматная доска 67 чел. ★ 5 Done
  На этом уроке мы создадим файл стиля chess.css
для доски и белых/чёрных клеток.
Далее создадим HTML для всей доски.
Отчёт отправил: 7238. Константин Выполнено за 1 час. 10 мин. [Показать отчёт]
Научился: Создать шахматную доску. 
Сложности: Ничего. 
Комментарии: Все норм. 
3 HTML - Фигуры на Доске 67 чел. ★ 5 Done
  На этом уроке мы совместим первые два урока и разместим все фигуры на доске.
Отчёт отправил: 7238. Константин Выполнено за 20 мин. [Показать отчёт]
Научился: Выставлять фигуры на шахматную доску. 
Сложности: Выставить правильно кодовые последовательности. 
Комментарии: Все норм. 
4 PHP - Установка EasyPHP 22 чел. ★ 4.9 Done
  Далее для работы нам потребуется технология PHP.
Для этого можно скачать и установить EasyPHP.

Отчёт отправил: 7238. Константин Выполнено за 5 мин. [Показать отчёт]
Научился: Научился за 5 минут настраивать EasyPHP. 
Сложности: Ничего. 
Комментарии: Спасибо автору за добавленные уроки.  
5 PHP - Запуск скрипта 21 чел. ★ 5 Done
  На этом уроке мы запустим первый скрипт на РНР.
Отчёт отправил: 7238. Константин Выполнено за 5 мин. [Показать отчёт]
Научился: Работать с командами echo для PHP и запускать PHP скрипты. 
Сложности: Ничего. 
Комментарии: Когда информация подается последовательно нет ничего сложного. 
6 PHP - Циклы для клеток 58 чел. ★ 4.9 Done
  На этом уроке мы добавим щепотку РНР -
для вывода клеток будем использовать два вложенных цикла.
Функция ord() возвращает номер буквы/символа в таблице ASCII.
Отчёт отправил: 7238. Константин Выполнено за 4 час. 00 мин. [Показать отчёт]
Научился: Установил денвер. Провозился около 2-3 часов пока все настроил как-то сразу не пошло.  
Сложности: Уведомлен вооружен - в задании не было указано, о том что нужно еще поднимать веб сервер для работы с PHP.  
Комментарии: Автор ну почему нельзя написать пару строк о том, что нужно еще поставить веб сервер для PHP. Пару строк, а как могут сэкономить время. 
7 PHP - Массив для фигур 48 чел. ★ 4.9 Done
  На этом уроке мы создадим массив шахматной доски.
И запишем в него начальное расположение фигур.
Каждая фигура обозначается одной буквой,
согласно нотации Форсайта — Эдвардса.

Отчёт отправил: 7238. Константин Выполнено за 50 мин. [Показать отчёт]
Научился: Научился заполнять и выводить массив из букв на php через цикл. 
Сложности: Пока понять как можно будет вывести символы хотя догадываюсь через If наверное 
Комментарии: Все норм. 
8 PHP - Превращение букв 46 чел. ★ 5 Done
  На этом уроке мы напишем функцию GetFigureHTML,
которая будет переводить буквы фигур в HTML-коды.
Можно написать длинный и правильный код, либо короткий-хакерский вариант.
При выводе доски на экран нужно добавить вызов созданной функции.
Отчёт отправил: 7238. Константин Выполнено за 50 мин. [Показать отчёт]
Научился: Научился выставлять фигуры вместо букв.  
Сложности: Допустил в строке ошибку вместо R написал T пришлось пересматривать весь код. 
Комментарии: Нужно почитать мануал по PHP вроде все понятно, но еще нужно почитать. 
9 HTML5 - Поднятие фигур 42 чел. ★ 5 Done
  На этом уроке мы подготовим фигуры к переносу.
Для этого нам понадобятся возможности HTML 5.0 и JavaScript.
(1) Для переноса фигур нужно их поместить в отдельный блок span.
(2) Каждому span-блоку нужно выдать разрешение на перенос draggable.
(3) Каждому блоку нужно присвоить уникальный id-код, мы будем использовать координаты клеток.
После этого вы сможете хватать фигуру и таскать её по полю.

Отчёт отправил: 7238. Константин Выполнено за 10 мин. [Показать отчёт]
Научился: Дописал код для возможности поднятия фигур. 
Сложности: Все норм. 
Комментарии: Все норм. 
10 JavaScript - Тронул? Коди! 40 чел. ★ 5 Done
  На этом уроке мы напишем функцию drag(), которая вызывается в самом начале переноса фигуры.
Цель этой функции - сохранить id-код span-объекта, в котором фигура расположена.
Эта информация нам понадобится при опускании фигуры.

Внимательно прочитайте все комментарии и протестируйте работу программы.
Отчёт отправил: 7238. Константин Выполнено за 30 мин. [Показать отчёт]
Научился: Научился обрабатывать событие через alert. 
Сложности: Не запустилось под IE пришлось установить Chrome. 
Комментарии: Почему не запустилось под IE? 
11 JavaScript - Посадку давай! 38 чел. ★ 5 Done
  Карлсон заметил, что во время таскания фигуры по доске всё время виден значок «стоянка запрещена».
Так происходит потому, что ни одна площадка не разрешает посадку нашей фигуре.
Чтобы разрешить посадку - нужно написать функцию allowDrop()
и вызывать её в атрибуте ondragover каждого divа на шахматной доске.
Теперь посадка будет разрешена, правда, пока ещё приземляться мы не умеем.
Отчёт отправил: 7238. Константин Выполнено за 20 мин. [Показать отчёт]
Научился: Научился создавать функцию по принятию объекта. 
Сложности: Все норм. 
Комментарии: Все норм. 
12 JavaScript - Завершение хода 36 чел. ★ 5 Done
  На этом уроке мы завершим посадку фигуры на новую клетку шахматной доски.
При отпускании фигуры происходит событие ondrop,
в атрибуте которого мы сделаем вызов функции drop().
Эта функция принимает событие event.
Нам опять нужно отменить действие по умолчанию и принять полученный объект.
Помните, мы сохраняли id-код span'a, фигуру которого мы переносим?
Теперь мы получаем этот код, чтобы получить доступ к span элементу.
На этот раз в event.target находится площадка приземления,
мы используем её метод appendChild() для размещения объекта.

Отчёт отправил: 7238. Константин Выполнено за 1 час. 20 мин. [Показать отчёт]
Научился: Научился осуществлять перестановку фигур. 
Сложности: Из-за браузера долго провозился на IE никак не хотел работать через хром пошло. 
Комментарии: Все норм. 
13 JavaScript - Я тебя съем! 00:02:54 36 чел. ★ 5 Done
  На этом уроке мы реализуем съедание фигур.
Для этого перед посадкой нам нужно проверить,
есть ли кто-нибудь на аэродроме? hasChildNodes()?
используем функцию removeChild() для его удаления.
Используем 0-ой номер для доступа к первому и единственному элементу.
ЗАДАНИЕ: Поставить мат и сделать скриншот.

Останется ещё один баг - если мы попробуем приземлить
фигуру на исходную клетку - она самоуничтожится.
Чтобы избежать этого добавим проверку -
если на площадке точно такая же фигура - то ничего делать не нужно.

Отчёт отправил: 7238. Константин Выполнено за 30 мин. [Показать отчёт]
Научился: Дописал программу 
Сложности: Все норм. 
Комментарии: Все норм. 
14 ФИНАЛЬНЫЙ УРОК 30 чел. ★ 5 Done
  Мы с вами закончили создание нано Шахмат.
Для создания доски мы использовали следующие технологии:
HTML - для отображения доски
CSS - для оформления клеток
PHP - для формирования повторяющихся строк
JavaScript - для перемещения фигур.

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

Задание: Записать видео, на котором разыграть матовую комбинацию.

Какой курс ты будешь проходить следующим?
Отчёт отправил: 7238. Константин Выполнено за 15 мин. [Показать отчёт]
Научился: Писать отзыв. 
Сложности: Курс не очень сложный, но дает некоторые понимания работы с php. Были сложности с веб сервером, но автор добавил пару уроков и все встало на свои места. Предполагаю это начало для курса "Мат конем и слоном" базовые основы для старта заложены. Предполагаю дочистить остатки открытых курсов и наконец-таки начать изучать Сокобан. 
Комментарии: Все норм. 
15 VIP. PHP - Создание картинки 39 чел. ★ 5 Done
  На этом уроке мы воспользуемся GD библиотекой
для создания картинки и рисования линий в РНР скрипте.
Отчёт отправил: 7238. Константин Выполнено за 30 мин. [Показать отчёт]
Научился: Научился рисовать графические объекты. 
Сложности: Все норм. 
Комментарии: Недели 2 назад использовал IE ничего не работало думал ну в чем ошибка. Поставил хром все завелось сразу. 
16 VIP. PAINT - Координаты отрезков 40 чел. ★ 5 Done
  На этом уроке мы поработаем с программой MS Paint.
Запустите mspaint, можете включить сетку (в старых версиях не доступно).
Используя инструмент «Линия» нарисовать 2 или 3 буквы своих инициалов.
Выписать координаты каждой линии, для этого наведите мышку
на конец каждой линии и выпишите последовательно координаты всех отрезков.
Отчёт отправил: 7238. Константин Выполнено за 45 мин. [Показать отчёт]
Научился: Научился определять координаты. 
Сложности: Все норм. 
Комментарии: Оказалось достаточно просто написать свои инициалы благодаря паинту.  
17 VIP. PHP - Рисуем буквы 36 чел. ★ 5 Done
  На этом уроке мы нарисуем ваши инициалы в РНР.

Отчёт отправил: 7238. Константин Выполнено за 50 мин. [Показать отчёт]
Научился: Выводить свои инициалы на языке PHP. 
Сложности: Все норм. 
Комментарии: Все норм. 
  Итого:   17 видеоуроков общей продолжительностью 02 мин. 12 чел. ★ 4.98  
  Финалисты:   Сергей Соколов,   Новопашин Владимир,   Алексей В.,   Иван Воронин,   Кирилл Шмойлов,   Tekashnik,   Елена,   Константин,   Максим Лапшинов,   Дмитрий,   Николай Денисов,   Yefim .

Начинаем практику по языку C#




Чтобы стать хорошим программистом — нужно писать программы. На нашем сайте очень много практических упражнений.

После заполнения формы ты будешь подписан на рассылку «C# Вебинары и Видеоуроки», у тебя появится доступ к видеоурокам и консольным задачам.

Несколько раз в неделю тебе будут приходить письма — приглашения на вебинары, информация об акциях и скидках, полезная информация по C#.

Ты в любой момент сможешь отписаться от рассылки.


Научился: На этом курсе я вспомнил основы HTML и CSS. Немного познакомился с PHP и JavaScript. Увидел как здорово это всё может взаимодействовать между собой. Следующий курс будет API ВКонтакте =)
Трудности: после добавления в проект PHP допереть что это всё нужно на webserver положить. =)
отличный курс. И фотоуроки действительно удобны, если не много информации нужно передать.


Научился: Играть за двоих одновременно в шахматы
Трудности: Не запутаться в ходах.
В конце, пешка становится Ферзем, но как это реализовать пока не знаю. Курс отличный.