PWA и офлайн
Manifest, service worker, кеш, IndexedDB, установка, обновление, работа без сети и синхронизация.
15 материаловВеб-приложения
PWA, Mini Apps, расширения, совместная работа, карты, медиа и документы.
Темы раздела
Мини-приложения и веб-оболочки
Telegram Mini Apps, интеграция с платформой, проверка авторизации, события и платежный интерфейс
21 материалРасширения браузера
Chrome и совместимые WebExtensions, интерфейс, разрешения, работа со страницами, хранение, обновление и публикация.
13 материаловСовместная работа
WebSocket, SSE, присутствие, чаты, CRDT, Yjs, общие документы, доски, синхронизация и восстановление соединения.
31 материалАудио и видео
WebRTC, камера, микрофон, запись экрана, плееры, субтитры, Web Audio, звонки и онлайн-консультации.
24 материалаКарты и геоданные
MapLibre, геолокация, маркеры, кластеризация, зоны доставки, маршруты и визуализация геоданных.
13 материаловДокументы и редакторы
PDF.js, просмотр и аннотации PDF, редакторы текста, импорт таблиц, генерация документов и печатные версии.
22 материалаИгры графика и симуляторы
Canvas, SVG, WebGL, WebGPU, 2D/3D, браузерные игры, интерактивные демонстрации, конфигураторы и подготовка ресурсов.
11 материаловМатериалы
- Модель Telegram Mini App
Разделить веб-интерфейс, Telegram и сервер
- Telegram Mini Apps: первый экран мини-приложения
Подключить страницу к согласованному сценарию открытия
- Telegram Mini Apps: SDK и объект WebApp
Определить доступные функции окружения
- Тема и цвета Telegram
Согласовать интерфейс с данными хоста
- Telegram Mini Apps: размер и безопасная область
Разместить элементы в изменяемом WebView
- Telegram Mini Apps: основная кнопка действия
Связать доступность действия и состояние экрана
- Telegram Mini Apps: возврат между экранами
Согласовать внутреннюю навигацию с кнопкой хоста
- Telegram Mini Apps: данные запуска приложения
Разделить переданное содержимое и доверенный контекст
- Telegram Mini Apps: проверка initData на сервере
Подтвердить подпись и допустимое время данных
- Telegram Mini Apps: сессия мини-приложения
Связать подтверждённый запуск и серверную сессию
- Telegram Mini Apps: запросы к собственному API
Согласовать аутентификацию и обработку ошибок
- Telegram Mini Apps: форма внутри WebView
Сохранить введённые данные и понятные ошибки
- Telegram Mini Apps: состояние между открытиями
Определить что сохраняется и что обновляется
- Telegram Mini Apps: хранение пользовательских настроек
Разделить локальные и серверные данные
- Telegram Mini Apps: ссылки на сценарии приложения
Передать контекст открытия без лишних данных
- Telegram Mini Apps: передача результата пользователем
Подготовить понятное действие распространения
- Telegram Mini Apps: потеря сети в мини-приложении
Сохранить состояние и предложить безопасный повтор
- Различия клиентов Telegram
Проверять наличие функции перед использованием
- Telegram Mini Apps: доступность интерфейса WebView
Согласовать семантику, фокус и размеры действий
- Telegram Mini Apps: выпуск учебного мини-приложения
Подготовить адрес, серверный контракт и план сопровождения
- Telegram Mini Apps: учебный план
20 уроков о WebView, Telegram SDK, проверке запуска, сессии, собственном API и состоянии мини-приложения
- Прикладные веб-проекты: 100 уроков
Семь последовательных серий: чат, Redis, CMS, магазин, бронирование, расширение браузера и карты.
- WebSocket и SSE: чат поддержки «Линия»
16 уроков о комнатах, правах, подтверждениях и восстановлении чата.
- Чат на WebSocket: договор сообщений и учебная идентичность
Описать события, команды и границу учебного входа.