C# Professional

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

НаноШахматы

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

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

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



1,000 руб.


Для подписки на пакет необходимо авторизоваться.

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

# Название видеоурока Решило Рейтинг Доступ
1 HTML - Шахматные фигуры 65 чел. ★ 4.9 Done
  Отчёт отправил: 7180. Laurita Žalalytė Решено за 10 мин. [Показать отчёт]
Научился: Выводить фигуры на экран. 
Сложности: Ничего 
Комментарии: --- 
Видеообзор: --
2 CSS - Шахматная доска 59 чел. ★ 5 Done
  Отчёт отправил: 7180. Laurita Žalalytė Решено за 15 мин. [Показать отчёт]
Научился: Создавать доски для чёрных и белых клеток. 
Сложности: ничего 
Комментарии: --- 
3 HTML - Фигуры на Доске 59 чел. ★ 5 Done
  Отчёт отправил: 7180. Laurita Žalalytė Решено за 20 мин. [Показать отчёт]
Научился: размещать все фигуры на доске 
Сложности: ничего 
Комментарии: --- 
Видеообзор: ---
4 PHP - Установка EasyPHP 15 чел. ★ 4.9 $
5 PHP - Запуск скрипта 14 чел. ★ 5 $
6 PHP - Циклы для клеток 52 чел. ★ 4.9 Done
  Отчёт отправил: 7180. Laurita Žalalytė Решено за 15 мин. [Показать отчёт]
Научился: для вывoдa клеток использовала два вложенных цикла. Функция ord() возвращает номер буквы/символа в таблице ASCII. 
Сложности: ничего 
Комментарии: ---- 
7 PHP - Массив для фигур 42 чел. ★ 4.9 Done
  Отчёт отправил: 7180. Laurita Žalalytė Решено за 15 мин. [Показать отчёт]
Научился: Создавать массив и заполнять его нужными фигурами и выводить содержимое на шахматную доску. 
Сложности: ничего 
Комментарии: ----- 
8 PHP - Превращение букв 40 чел. ★ 5 Done
  Отчёт отправил: 7180. Laurita Žalalytė Решено за 15 мин. [Показать отчёт]
Научился: Изучила функцию GetFigureHTML 
Сложности: ничего 
Комментарии: ----- 
9 HTML5 - Поднятие фигур 36 чел. ★ 5 Done
  Отчёт отправил: 7180. Laurita Žalalytė Решено за 10 мин. [Показать отчёт]
Научился: Для переноса фигур нужно их поместить в отдельный блок span. (2) Каждому span-блоку нужно выдать разрешение на перенос draggable. (3) Каждому блоку нужно присвоить уникальный id-код, мы будем использовать координаты клеток. После этого вы сможете хватать фигуру и таскать её по полю. 
Сложности: ничего 
Комментарии: --- 
10 JavaScript - Тронул? Коди! 35 чел. ★ 5 Done
  Отчёт отправил: 7180. Laurita Žalalytė Решено за 10 мин. [Показать отчёт]
Научился: На этом ypоке мы напишем функцию drag(), котopaя вызывается в самом начале переноса фигуры. Цель этой функции - сохранить id-код span-объекта, в котором фигура расположена. Эта информация нам понадобится при опускании фигуры. 
Сложности: ничего 
Комментарии: --- 
11 JavaScript - Посадку давай! 33 чел. ★ 5 Done
  Отчёт отправил: 7180. Laurita Žalalytė Решено за 10 мин. [Показать отчёт]
Научился: Карлcoн заметил, что во время тacкaния фигуры по доске всё время виден значок «стоянка запрещена». Так происходит потому, что ни одна площадка не разрешает посадку нашей фигуре. Чтобы разрешить посадку - нужно написать функцию allowDrop() и вызывать её в атрибуте ondragover каждого divа на шахматной доске. Теперь посадка будет разрешена, правда, пока ещё приземляться мы не умеем. 
Сложности: ничего 
Комментарии: --- 
12 JavaScript - Завершение хода 31 чел. ★ 5 Done
  Отчёт отправил: 7180. Laurita Žalalytė Решено за 10 мин. [Показать отчёт]
Научился: На этом ypоке мы завершим поcaдкy фигуры на новую клетку шахматной доски. При отпускании фигуры происходит событие ondrop, в атрибуте которого мы сделаем вызов функции drop(). Эта функция принимает событие event. Нам опять нужно отменить действие по умолчанию и принять полученный объект. Помните, мы сохраняли id-код span'a, фигуру которого мы переносим? Теперь мы получаем этот код, чтобы получить доступ к span элементу. На этот раз в event.target находится площадка приземления, мы используем её метод appendChild() для размещения объекта. Всё работает! Правда, у нас ещё не работает «взятие фигур». Если поместить фигуру туда, где уже есть другая - на одной клетке появится сразу две фигуры. 
Сложности: ничего 
Комментарии: --- 
13 JavaScript - Я тебя съем! 00:02:54 31 чел. ★ 5 Done
  Отчёт отправил: 7180. Laurita Žalalytė Решено за 10 мин. [Показать отчёт]
Научился: лошадка съела пешку :D  
Сложности: ничего 
Комментарии: --- 
14 ФИНАЛЬНЫЙ УРОК 26 чел. ★ 5 Done
  Отчёт отправил: 7180. Laurita Žalalytė Решено за 20 мин. [Показать отчёт]
Научился: Мне понравился этот мини курс :) хоть я и не умею играть в шахматы, мне было интересно это всё делать :) спасибо  
Сложности: сложным ничего не было 
Комментарии: всё гууд. 
15 VIP. PHP - Создание картинки 36 чел. ★ 5 Done
  Отчёт отправил: 7180. Laurita Žalalytė Решено за 15 мин. [Показать отчёт]
Научился: в php получать картинки 
Сложности: ничего 
Комментарии: никаких 
Видеообзор: -
16 VIP. PAINT - Координаты отрезков 37 чел. ★ 5 Done
  Отчёт отправил: 7180. Laurita Žalalytė Решено за 15 мин. [Показать отчёт]
Научился: Находить координаты) 
Сложности: ничего 
Комментарии: нету 
Видеообзор: -
17 VIP. PHP - Рисуем буквы 33 чел. ★ 5 Done
  Отчёт отправил: 7180. Laurita Žalalytė Решено за 15 мин. [Показать отчёт]
Научился: Рисовать свои инициалы :) 
Сложности: ничего 
Комментарии: гууд. 
Видеообзор: -
  Итого:   17 видеоуроков общей продолжительностью 02 мин. 9 чел. ★ 4.98  
  Финалисты:   Сергей Соколов,   Новопашин Владимир,   Алексей В.,   Иван Воронин,   Кирилл Шмойлов,   Tekashnik,   Елена,   Константин,   Максим Лапшинов .

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




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

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

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

Ты в любой момент сможешь отписаться от рассылки.
Научился: Мне понравился этот мини курс :) хоть я и не умею играть в шахматы, мне было интересно это всё делать :) спасибо
Трудности: сложным ничего не было
всё гууд.
Фотокурс "Наношахматы" мне понравился. Задания были легкими, не вызывающими вопросов. Мы шаг за шагом изучили основы javascript, css, php. Хоть шахматы получились недоделанными, я считаю курс выполняет свою цель. Дальше можно ограничить движение фигур, задать им правила, чтобы они не перемещались с одного конца поля на другое. Чтобы не перепрыгивали через фигуры. Далее можно добавить, чтобы нельзя было съесть фигуры своего цвета. Необычная форма подачи материала порадовала. Комментарии на картинках полные. Вообщем, я не пожалел, что прошел этот курс, освежил в памяти веб-программирование.