Security Playground
Обучение разработчиковЛаборатория веб-безопасности
Интерактивные демонстрации типичных проблем веб-безопасности и более безопасных подходов к реализации.
Nuxt / Vue 3 / Web Security / OWASP
Эксперименты
Небольшие интерактивные инструменты и экспериментальные проекты. Одни можно использовать на практике, другие демонстрируют отдельные технические подходы.
Интерактивные инструменты
Небольшие инструменты для создания эскизов, преобразования данных и проверки деталей интерфейса прямо в браузере.
Избранный инструмент
Эскиз архитектуры системы
Создайте краткий первоначальный эскиз архитектуры по области применения, ограничению и требованию.
Сгенерированный эскиз, а не окончательная архитектура.
Преобразование JSON в TypeScript
Вставьте JSON и создайте простой интерфейс TypeScript локально в браузере.
Здесь появится сгенерированный интерфейс.
Проверка контраста для доступности
Проверьте контраст текста и фона по основным пороговым значениям WCAG.
Предпросмотр
Этот образец показывает обычный текст интерфейса на выбранном фоне.
Предпросмотр крупного текста
Коэффициент контраста
9.90:1
Обычный текст AAСоответствует
Крупный текст AAСоответствует
Обычный текст AAAСоответствует
Крупный текст AAAСоответствует
Высокий контраст для обычного и крупного текста.
Лабораторные проекты
Небольшие утилиты, учебные проекты и эксперименты дополняют основные работы на странице проектов.
PageScope
Расширение браузераИнструмент разработчика
Расширение Chrome, которое локально анализирует сайты и предоставляет сводки, метаданные и сведения о технологиях.
Chrome Extensions / JavaScript / Manifest V3 / HTML / CSS
i18n Linter CLI
CLI-инструментПроцессы разработки
CLI-утилита для проверки файлов переводов на отсутствующие и лишние ключи и несовпадающие плейсхолдеры.
Node.js / TypeScript / CLI / npm
Family Space
Личная продуктивностьПриложение Firebase
Приложение для организации семейных дел с общими календарями, задачами, сообщениями и совместной работой на Firebase.
Nuxt / Vue 3 / TypeScript / Tailwind CSS / Firebase
MindQ Lab
Самостоятельный продуктОбучающая платформа
Платформа о психологии и личностном росте, объединяющая структурированное обучение, ежедневный прогресс и вдумчивое взаимодействие.
Nuxt / TypeScript / Firebase / Tailwind CSS
Sunlit Tales / Poetry Mood Game
Контентная платформаТворческий веб-проект
Платформа поэзии и контента с ИИ-функцией настроения и игры, создающей русскоязычные литературные викторины на основе существующих стихотворений.
Node.js / Nuxt / Tailwind CSS / Sanity / MongoDB