Образование — одна из самых интересных областей применения фронтенда. Skyeng задумывался как школа английского языка, а для изучения английского достаточно видеосвязи. Но одним из новых продуктов стали уроки математики для школьников. Математика — предмет письменный, поэтому стали думать, как дать пользователю возможность письменного ввода, максимально близкую к реалистичной. И нашли выход.

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

В докладе будет:

Выбор библиотеки для создания редактора, SVG или CANVAS?
Как прикрутить режим коллаборации, когда преподаватель и ученик работают совместно.
Создание собственных инструментов и фигур.
Как подружить браузер с USB-планшетом для рисования: комплект «железа» из ручки, которая пишет обычными чернилами, и планшета, на который кладется обычный листочек в клеточку: пишем ручкой, и все отображается в браузере.
Добавление альтернативной математической библиотеки для быстрого запуска новых фич.

Доклад будет интересен middle/senior frontend разработчикам, а также тем, кто интересуется онлайн-образованием, желающим найти практическое применение нераспространённым браузерным возможностям.

Антон Хайновский

Выступления в сезоне 2021 Moscow

Доска в клеточку. Рисуем математику в вебе

Антон Хайновский