HTML, CSS, JS: шахматное поле, часть 5: сохранение в файл и загрузка из файла

В предыдущих постах (1, 2, 3, 4) я описал создание шахматного поля на веб-странице с помощью HTML и CSS. Я добавил на это поле шахматные фигуры и с помощью скрипта на языке JavaScript реализовал возможность перемещения этих фигур мышью. В этом посте я добавлю в проект возможность сохранения позиции в файл и загрузку позиции из файла.

HTML, CSS, JS: шахматное поле, часть 4: движение фигур

В предыдущих трех постах (1, 2, 3) я описал создание шахматного поля на веб-странице с помощью языка разметки HTML и языка описания стилей CSS, с использованием входящей в CSS технологии Flexbox. Кроме этого, я добавил на шахматное поле шахматные фигуры (источник изображений). В этом посте я добавлю в проект возможность передвигать шахматные фигуры мышью с помощью скрипта на языке программирования JavaScript.

HTML, CSS: шахматное поле с помощью Flexbox, часть 3

В предыдущих двух постах этой серии постов я описал создание простого шахматного поля (1) на веб-странице с помощью языка разметки HTML, языка описания стилей CSS и технологии Flexbox, а также добавил в проект не обязательные, но яркие штрихи: текстуры дерева для клеток шахматного поля, буквенно-цифровые обозначения для столбцов и рядов (2). В этом посте я опишу добавление на поле шахматных фигур.

HTML, CSS: шахматное поле с помощью Flexbox, часть 2

В одном из предыдущих постов я описал создание веб-страницы с минималистичной версией шахматного поля. Проект писали со старшеклассниками, потом расширяли в течение нескольких занятий. Пока используем HTML и CSS, включая технологию Flexbox. JavaScript добавим позже. Вот как выглядел результат, скриншот (можно посмотреть и онлайн):

Google Test: пример из книги по TDD в обучении

Предыдущие посты в этой серии постов:

1. Как начать изучать тестирование программ на C++;
2. Начало изучения системы сборки программ CMake;
3. Интеграция модульных тестов в проект на C++.

HTML, CSS: шахматное поле с помощью Flexbox

Веду ознакомительный курс для старшеклассников по HTML и CSS. Когда я начинал изучать HTML и CSS в нулевых, для размещения элементов на веб-странице в желаемом порядке часто использовали элемент table, который изначально создавался не для этого. В десятых появился ряд новых способов размещения элементов на веб-странице, в том числе Flexbox. Элемент table вернулся к своему первоначальному назначению — создание на веб-странице таблиц с данными.

Интеграция модульных тестов в проект на C++

Предыдущие посты в этой серии постов:

• Как начать изучать тестирование программ на C++;
• Начало изучения системы сборки программ CMake.

Начало изучения системы сборки программ CMake

Предыдущий пост в этой серии постов: «Как начать изучать тестирование программ на C++».

C#: HttpClient, API Яндекс.Словаря и JSON

Написали со студентами на занятиях по предмету «Сетевое программирование» консольную программу (веб-клиент) на языке C#, использующую API «Яндекс.Словаря» (https://yandex.ru/dev/dictionary). Мы работаем на компьютерах с операционной системой «Windows 10».

Тест своих TCP-клиента и сервера в локальной сети

В рамках изучения сетевого программирования пишу со студентами программы-клиенты и программы-серверы, общающиеся между собой по протоколу TCP (Transmission Control Protocol). Сначала писали на языке C#, теперь написали на языке C++. На компьютерах в аудитории установлена операционная система Windows 10.

Как тестировать своего TCP-клиента

В рамках изучения сетевого программирования я набрал код программы TcpEchoClient.cs из книги «TCP/IP Sockets in C#», про которую писал в прошлом посте.

C#, .NET Framework: изменение формы из другого потока

На занятиях по системному программированию (мы работаем в системе «Windows 10») писали на языке C# решение из трех проектов в среде Visual Studio Community 2022. Это решение мы взяли из устаревающего методического пакета, оно должно продемонстрировать работу с доменами приложения и потоками. Поскольку домены приложения недоступны на платформе .NET 8.0, вынуждены были использовать платформу .NET Framework 4.8.

C#, .NET: не закрывается процесс калькулятора

На занятиях по системному программированию попался проблемный код. Пока искал решение, заметил, что этот вопрос поднимают в интернетах нередко. Вероятно, код, похожий на описанный здесь, часто используют в учебниках и статьях для начинающих. Пишем на языке программирования C# в операционной системе «Windows 10». Используем среду разработки «Visual Studio Community 2022».

Системное программирование, первое занятие

Начал вести курс «Системное программирование» в нашей академии для старшеклассников. Почитал в интернетах, под этим понимают разное, поэтому наполнение такого курса может быть разным.

Тестовый пост

Пробный пост в блог.