Задний план
Вернувшись в 2011 году, когда раньше я был разработчиком .NET, жизнь ощущала отличную запись Visual Basic (мой любимый язык программирования) и C # и единственный способ сделать что-то на веб-странице (что я знал и был комфортно с) Используйте окно Toolbox в Visual Studio. Я мог бы указать все поведение, которое я хотел с моим объектно-ориентированным языком, а визуальные настройки, используемые для проведения окна свойства, и даже если это было ограничено, я имел вроде удивления, почему в мире нужен кто-то CSS. Некоторая часть этого заключается в том, что я был в основном в создании приложений Windows и слишком поздно вышел в веб-разработку.
Вскоре я переехал в Фонд презентации Windows для моего разработки приложений и, следовательно, Silverlight для Интернета, визуальные компоненты моих творений стали лучше. Сейчас я был более контрольным о том, как что-то отображается, и на этот раз я пристрастился к написанию моего собственного XAML, а не полагаться на Visual Studio, даже дополнительную смесь выражений.
Быстро вперед к моим «передней жизни»
В 2012 году я познакомился с совершенно новым миром развития: фронт. С Silverlight почти устаревшим и имел небольшой проблеск того, что все возможно в веб-браузере, я очаровался с стеком технологии клиента. Узнав о базовом JavaScript, повторно введя себя в HTML и заполнение пустоты, оставленного XAML с CSS, было все, с которым я проводил время.
Мой первый инструмент презентации на основе браузера
Была проблема, которую я всегда хотел решить для себя: найти что-то еще вместо Microsoft PowerPoint для создания презентаций. Все, кого я знал, использовал одно и то же программное обеспечение для этой цели.
Теперь, когда я знал свой путь в веб-браузере, я скоро придумал инструмент презентации, созданный с Knowtout.js в качестве значительного строительного блока. Была отличная игровая с CSS для анимации слайд-перехода, не использовать PowerPoint и несущую мои презентации где угодно, в Интернете. Несмотря на то, что он сохранил много времени, проведенного с PowerPoint, презентации все еще должны быть созданы как документы HTML.
Позже во время моего участия в техническом обучении, используя свой опыт с тем, что я добился в прошлый раз, я разработал улучшенный инструмент для того же назначения, сочетая мощность ASP.NET MVC и остальная часть кода с интерфейсным стеком. Было супер полезно представить техническую подготовку, и участники должны были испытать различные виды презентаций, в которых я использовал для того, чтобы предпринял обучение по темам, связанным с перспективным разработкой, используя слайды, разработанные с использованием того же технологического стека. Эта реализация поделилась одной и той же проблемой, хотя мне пришлось кодировать все как HTML и тратить время, чтобы все это правильно.
Принесение усадки в браузер
Я все еще был на стремлении создать что-то, что не потребует от меня кодировать HTML-страницы, чтобы представить идею. Я хотел иметь рабочий процесс так же просто, как быстро пишет простой текстовый документ и представляя его как презентацию слайд-шоу.
Я создал Головной презентатер как эксперимент, который пошел правильно. Это был простой разработанный онлайн-инструмент, который вы сможете удалить документы Markdown в и начать переключение слайдов, используя клавишу левой и правой стрелки. Вы также можете печатать презентации как отдельные документы. Теперь это было что-то полезное!
Я до сих пор не понимаю, почему я опубликовал это как Пакет NPM Где это было явно приложение, а не многоразовый пакет. Удивительно, что сегодня показано более тысячи загрузок. Интересно, как люди поглотили это:).
Объединение мощности веб-розетки с исчезновенным презерующим
Я думал, что я мог бы взять эту вещь еще дальше, может быть, добавить больше стиля к нему: как насчет контроля презентации удаленно из другого устройства, может быть компьютер или смартфон? Именно здесь началась моя работа по слайду газеру.
TLDR; Слайд газеры
При подготовке к презентации на работе идея иметь возможность контролировать представление с удаленного устройства. У меня было чувство, что я мог взять эту идею немного дальше и решил покинуть исчезновенную ведущую, где это было и начну со свежими новыми Короче говоря, я был так же всегда, я назвал его слайд-газером.
Построен на том же основном принципе исчезновения, слайд-газера – это моя четвертая попытка решить проблему, и она добавляет еще много функций вместе с чистым дизайном. Некоторые из которых:
- Многие анимации слайд-перехода
- Слайд Автоматический переход
- Подчеркивая смелый текст на слайдах временно
- Возможность контролировать презентацию с другого устройства (главная цель для этого проекта для существования)
- Вы все еще можете распечатать презентацию из браузера и поделиться им с аудиторией как единый документ
Это пришел долгий путь от того, где он начался в 2018 году, и, к сожалению, я не смог провести много времени на нее Так что все еще так много я хочу видеть там. Некоторые из моих планов:
- Добавить модуль-тесты!
- Улучшить UX, облегчить использование
- Реализовать «слайд-поиск», чтобы вы могли прыгать на скольжение напрямую
- Поддержка браузеров, которые не очень умны. Я был только тестированием на Google Chrome, и почти никогда не получила шанс попробовать на других веб-браузерах, кроме Chrome на Android, который технически Chrome снова.
Это просто означает, что это все еще постоянный эксперимент, который еще не завершен. Я использовал его, чтобы представить все мои презентации и улучшить его кусок.
Я ждал так долго, чтобы поделиться этим с сообществом и получить свое мнение, поэтому я пишу этот пост.
Вы можете увидеть чек на Slide-gazer.teamflusion.com и исходный код на Гадость .
Так что ты думаешь?
Оригинал: “https://dev.to/myterminal/slide-gazer—a-light-weight-presentation-tool-in-the-browser-2inm”