Собрать свой PowerPoint к Новому году. Это кейс #PresentationMaker по предмету frontend у второкурсников кафедры программных систем в Институте iSpring.

– Программа должна быть написана на языке TypeScript. Есть обязательные требования: экспорт презентации в PDF, реализация программы на локальном сервере. Но ребята могут добавить свои функции и на защите наверняка ещё удивят нас: в прошлые годы студенты реализовывали возможность вставить видео, добавляли возможность экспорта в несколько форматов, – отмечает преподаватель Керим Арнабердиев.

– Для меня кейс достаточно сложен, мы изучаем новые технологии и способы программирования, непохожие на предыдущие – библиотеку React и новые инструменты типа npm (Node Package Manager). Сейчас я на этапе реализации функционала, добавления различных кнопок. Из дополнительного хочу добавить макеты геометрических фигур и улучшенную работу с текстом, – говорит студент Дмитрий Рыбаков.

– Я уже реализовал основной функционал и структуру приложения, перехожу к «фичам» – дополнительным возможностям. Хочу добавить выделение, удаление нескольких объектов, превью презентации. Мне интересен этот кейс: в отличие от многих языков программирования, на React нужно программировать в декларативном стиле, описывать в коде не «как» сделать, а «что» сделать. Это довольно необычно, – считает второкурсник Влад Ковалёв.

Мирослав Актуганов адаптировал свой редактор презентаций для арабского рынка. Кроме добавления языка, это значит, что нужно организовать вёрстку страницы справа налево (right to left), потому что читать в арабских странах принято именно так.

Мирослав уже успел реализовать базовый функционал приложения:

– создание/удаление объекта (картинки или текста),

– создание/удаление презентации,

– установка фона слайда (сплошной цвет/изображение),

– название презентаций,

– drag and drop для объектов – перемещение объектов по слайду,

– drag and drop для превью слайдов, 

– вёрстка справа налево (right to left).

–В планах добавить фигуры, кнопки undo/redo изменение размера объектов на слайде, и кастомизацию для текстового блока, а также управление приложением через клавиатуру. Да, удаление объекта по кнопке delete – отдельная функция, которую нужно реализовывать, когда мы пишем редактор с нуля. Курс по фронтенду довольно сложный и требует серьёзной базы. Зато после него можно работать фронтенд-разработчиком, так как большинство примеров из него встречаются на работе. Чувствую, что сильно прокачался за время курса, – делится Мирослав. 

 Если ребята сделают всё, что запланировали, очень хорошая история получится. Увидим на защите проектов в январе, – говорит преподаватель курса Керим Арнабердиев.