Создание web шахмат на HTML, JavaScript и PHP - вебинары ITVDN
ITVDN: курсы программирования
Видеокурсы по
программированию

Выбери свою IT специальность

Начать бесплатно
ITVDN logo
Видеокурсы по
программированию

Выбери свою IT специальность

Начать бесплатно

Создание web шахмат на HTML, JavaScript и PHP

Все вебинары бесплатные и доступны для зарегистрированных пользователей
Евгений Волосатов
01.01.1960
19:00 - 21:00
Рейтинг: 5. Проголосовало: 4

Во время этого вебинара мы создадим веб-страницу с шахматной доской. Посетители смогут перемещать фигуры и видеть ходы других участников. Получится "обычная" шахматная доска, без проверки очерёдности ходов.

Мы напишем клиент-серверные шахматы на основе MVC шаблона:

M - Модель выполняет ходы на PHP и хранит позицию в MySQL.

V - Представление показывает доску, реализовано только на HTML.

C - Контроллером является JavaScript прослойка с jQuery.ajax-вызовами.

Используемые технологии: HTML, JavaScript, AJAX, jQuery, JSON, PHP, MySQL.

План вебинара:

  1. HTML5. Создание Шахматной доски.
  2. jQuery. Перемещение Фигур мышкой.
  3. AJAX. Загрузка начальной позиции.
  4. PHP. Выполнение ходов на сервере.
  5. MySQL. Сохранение позиции в базе.
  6. Вызов PHP-методов из JavaScript.
  7. Игра в наши Шахматы со зрителями.

Предварительные требования: Базовые знания и навыки работы с HTML, JavaScript, PHP, MySQL.

Целевая аудитория: Программисты, IT-студенты, инженеры.

Виталий Мазяр
01.01.1960
2 ч 14 м
3364
Алла Штогрина
01.01.1960
2 ч 2 м
2630
Генрих Коваленко
01.01.1960
1 ч 48 м
2709
Алла Штогрина
01.01.1960
1 ч 49 м
2486
Влад Шевченко
01.01.1960
2 ч 4 м
3845
Ковалев Евгений
01.01.1960
1 ч 35 м
4061
Тысячный Влад
01.01.1960
1 ч 24 м
8838
Ткаченко Анастасия
01.01.1960
2 ч 31 м
8772
Ярослав Вовченко
01.01.1960
2 ч 3 м
3380
Артем Кондранин
01.01.1960
1 ч 0 м
2676
Константин Абрамов
01.01.1960
3 ч 26 м
3236
Никита Шкарубо
01.01.1960
1 ч 26 м
6356
Владимир Кожаев
01.01.1960
1 ч 6 м
2542
Артем Кондранин
01.01.1960
2 ч 14 м
2841
Никита Шкарубо
01.01.1960
1 ч 59 м
18709
Елена Хижняк
01.01.1960
1 ч 24 м
5800
Артем Кондранин
01.01.1960
2 ч 14 м
7689
Евгений Волосатов
01.01.1960
1 ч 20 м
5106
Юрий Шерстобитов
01.01.1960
2 ч 20 м
5705
Патёха Сергей
01.01.1960
1 ч 21 м
13745
Евгений Волосатов
01.01.1960
1 ч 56 м
4766
Евгений Волосатов
01.01.1960
1 ч 15 м
22977
Евгений Волосатов
01.01.1960
1 ч 40 м
7613
Евгений Волосатов
01.01.1960
1 ч 42 м
12930
Александр Плишкин
01.01.1960
1 ч 55 м
13270
Кирилл Козак
01.01.1960
2 ч 27 м
8138
Александр Пономаренко
01.01.1960
2 ч 46 м
38617
Артем Кондранин
01.01.1960
2 ч 22 м
24821
Артем Кондранин
01.01.1960
2 ч 3 м
4067
Артем Кондранин
01.01.1960
1 ч 41 м
3807
Сергей Швайцер
01.01.1960
1 ч 34 м
3309
Сергей Швайцер
01.01.1960
2 ч 0 м
2585
Кто такой Full-stack разработчик
Full-stack разработчик (произносится “фулл стек”) — это некий мастер на все руки в мире веб-разработки. Ему под силу реализовать как клиентскую, так и серверную сторону приложения, которыми, обычно, занимаются FrontEnd и BackEnd разработчики раздельно друг от друга. Таким образом, Full-stack специалист способен в одиночку вести проект от начала до конца.
Что должен знать FrontEnd разработчик в 2019 году
Верстка сайтов и веб-программирование привлекают большое количество новичков в мир IT. Это связано с достаточно низким порогом вхождения. Количество желающих стать фронтендщиком с каждым годом увеличивается, вследствии чего растут и требования к кандидатам.
Что такое адаптивная верстка и зачем она нужна
Еще в 2015 году Google внедрил изменения в алгоритмы своей поисковой системы, которые теперь учитывают адаптированность сайта под мобильные устройства как важный пункт при ранжировании сайта. Дата была удачно названа Мобилгеддон (Mobilegeddon), как сравнение с Армагеддоном. Одно только такое введение требований от поисковиков к наличию мобильной версии сайта может оправдать важность адаптивного дизайна. Проще говоря, веб-сайт должен быть удобным для просмотра на смартфоне.
Обзор конструкторов сайтов – критерии выбора и преимущества использования
Конструкторы сайтов представляют собой сервис по самостоятельной разработке интернет страниц. В отличие от CMS они просты в управлении, а также открывают множество возможностей настройки и опций, востребованных в современном онлайн мире.
Тренды веб-разработки на 2019 год
Готовы ли вы к внедрению инноваций в ваши веб-приложения в 2019 году? Представляем вам последние тренды веб-разработки, которым, безусловно, стоит следовать!
Инструменты Vue.js разработчика
Когда вы начинаете свои эксперименты с Vue и открываете инструменты разработчика в браузере, вы обнаружите предложение загрузить инструменты разработчика Vue.js по указанной ссылке.
Топ-5 лучших фреймворков для Python-разработчиков
Сейчас трудно представить себе любого девелопера без использования фреймворков. Здесь вы найдёте 5 лучших и наиболее признанных фреймворков для Python-разработчиков.
10 полезных фич в Angular, о которых вы могли не знать
Angular - это объемный фреймворк, и наверняка большинство из нас использует лишь небольшую его часть. Но за этим мы можем упускать некоторые весьма полезные его возможности, которые сделали бы нашу жизнь значительно проще. В этой статье я собираюсь разобрать около 12 полезных фич в Angular, о которых вы могли и не слышать.
HTML 5.2 is done, HTML 5.3 is coming
На сегодняшний день W3C уже выпустило релиз 5.2. Это второй пересмотр HTML 5, который идет сразу за HTML 5.1, увидевшего свет в прошлом году. В 2014 году мы выразили желание устраивать «ревизию» HTML каждый год. Что же, похоже, наше желание было услышано.
Лучшие практики Node.JS
Добро пожаловать в наш небольшой сборник советов от ведущих разработчиков на платформе Node.JS! Цель сей статьи – обобщить все те знания, которые были в свое время опубликованы в различных обучающих постах или журналах.
Что нового в Angular 5
Переход от AngularJS к Angular 2 был огромным шагом вперед. При этом изменилось абсолютно все, без обратной совместимости. В то же время, Angular 4 добавила новые возможности, но при этом была обратно совместимой с Angular 2 (Версия Angular 3 была пропущена из-за @angular/router, который на момент релиза был 3.x, в то время как остальные пакеты 2.x. Для того, чтобы избежать путаницы и перевести все пакеты к одной версии, третья версия была пропущена). Angular 5 - это следующее обновление, в котором изменения затронули механизмы, работающие «под капотом».
Что нового в Angular 4?
Что нового в Angular 4? Наконец, когда обновленная технология предстала перед нами, мы можем приступить к ее изучению! То, что новый представитель семейства Angular приобрел новый номер, свидетельствует об инновационных изменениях. Но все же встает вопрос: почему Angular 4, а не 3? Все достаточно просто: так как пакет маршрутизатора был уже представлен в версии 3.x, вместо того, чтобы вносить все нововведения в версию 3.0, а маршрутизатор перенести в 4.0, разработчик решил объединить все в версии 4.0.

Пакеты подписки с доступом ко всем курсам и сервисам

Стартовый
  • Все видеокурсы на 3 месяца
  • Тестирование по 6 курсам
  • Проверка 5 домашних заданий
  • Консультация с тренером 30 мин
Базовый
  • Все видеокурсы на 6 месяцев
  • Тестирование по 8 курсам
  • Проверка 10 домашних заданий
  • Консультация с тренером 60 мин
Премиум
  • Все видеокурсы на 12 месяцев
  • Тестирование по 16 курсам
  • Проверка 20 домашних заданий
  • Консультация с тренером 120 мин
169.99 $
Подписка
комментарии и обсуждения
Notification success