Платформы и инструменты веб-приложений: 100 уроков
Эта подборка содержит 100 уроков в восьми курсах. Каждый курс развивает собственный проект: интерфейс команды, портал заявок, файловый архив, наблюдаемое приложение, общий редактор, видеоконсультацию, просмотрщик PDF или агрегатор обновлений.
Материалы опубликованы. Примеры, зависимости и тесты не запускались; публикация учебных приложений не выполнялась. Описанные результаты ожидаются по разбору кода. В оглавлениях указаны исходные условия, версии и ограничения каждого проекта.
Выберите курс
| Курс | Уроков | Новый результат |
|---|---|---|
| Vue: кабинет команды | 16 | Компоненты, реактивность, формы, состояние, маршруты и API. |
| Laravel: портал заявок | 16 | PHP-приложение с шаблонами, базой, проверкой прав и фоновыми действиями. |
| Файлы и медиа | 12 | Приватное хранилище, ограниченная загрузка, обработка изображений и удаление. |
| Диагностика приложения | 12 | Журналы, трассировки, метрики, панели и объяснение отказов. |
| Совместный редактор | 12 | Согласование правок, присутствие участников, сохранение и восстановление связи. |
| Видеоконсультация на WebRTC | 12 | Два участника, камера, микрофон, сигнализация, ICE и демонстрация экрана. |
| Документы в вебе | 10 | PDF.js, страницы, текст, поиск, отдельные заметки и печатный конспект. |
| Агрегатор обновлений | 10 | RSS/Atom, условная загрузка, история, редакционная очередь и экспорт. |
Каждая серия имеет своё оглавление, последовательные переходы между уроками и архив исходников. Начальные знания по JavaScript, HTML/CSS, HTTP и базам данных можно повторять по готовым главам.
Четыре учебных маршрута
Сервис обмена документами. Начните с Vue и форм кабинета, затем изучите серверные договоры в HTTP/API или Node.js. Продолжите файловым архивом и просмотрщиком PDF. Безопасность приложения и диагностика помогут разобраться с правами и отказами.
Совместная редакция. После Vue перейдите к общему редактору. Strapi показывает редакционную модель публикации, а Redis и фоновые задачи — обработку отложенных действий. Завершите диагностикой, чтобы отличать ошибку сохранения от разрыва соединения.
Онлайн-консультации. Бронирование на FastAPI задаёт расписание и владельцев записей. Чат поддержки знакомит с соединениями и сообщениями. WebRTC добавляет аудио и видео; диагностика помогает разбирать состояние приложения вокруг звонка.
Пульт редактора. Агрегатор обновлений готовит подборку источников. Затем можно пройти Redis для фонового выполнения, Strapi или Markdown-сайт для собственной публикации и n8n для редакционных процессов.
Маршруты задают порядок изучения. Учебные приложения имеют собственные модели и условия; объединение их кода потребует согласовать API, идентификаторы, права и хранение данных. Общие понятия изучаем по существующим урокам, а новые главы посвящаем самостоятельным задачам.
Предыдущие 100 прикладных уроков · Все учебные серии · Каталог
Следующая подборка — 100 уроков новых возможностей веб-приложений: AI, вход, Go, GraphQL, инфраструктура, компоненты, 3D и реестр сертификатов.