Прикладные веб-проекты: 100 уроков
Эта подборка добавляет 100 уроков в семи сериях. В каждой серии строим собственный проект: знакомимся с его данными, развиваем один пример и разбираем результат каждого изменения. У серий отдельные оглавления, исходники по шагам и навигация между уроками.
Все материалы опубликованы. Примеры не запускались, тесты не выполнялись, публикация учебных приложений не производилась. Описанные результаты ожидаются по разобранному коду; перед самостоятельным использованием потребуются проверки выбранного окружения.
Выберите практическую задачу
| Серия | Уроков | Проект и результат |
|---|---|---|
| Чат поддержки и realtime | 16 | «Линия»: HTTP и WebSocket, серверная личность, комнаты, история, подтверждения и повторное подключение. |
| Redis, кэш и фоновые задачи | 12 | «Импортёр»: синтетический CSV, TTL, инвалидирование, очередь, worker, повторы и прогресс. |
| Strapi: редакционный сайт | 16 | «Редакционный дом»: модель материалов, доступ, черновики, API и серверный потребитель. |
| WooCommerce: учебный магазин | 16 | «Полка»: каталог цифровых материалов, варианты, корзина, sandbox и сопровождение. |
| FastAPI: приложение бронирования | 16 | «Окно»: DTO, PostgreSQL, время, защита от пересечения броней, права и отмена. |
| Расширение браузера | 12 | «Заметки читателя»: Manifest V3, popup, service worker, сообщения, хранение и обмен. |
| Карты для веба | 12 | «Рядом»: GeoJSON, маркеры, список, фильтры, геолокация, расстояние и импорт. |
Как соединить серии
Для собственного веб-приложения начните с HTTP и API и PostgreSQL. После этого выберите FastAPI или продолжите Node.js. Redis полезен после знакомства с серверными операциями: он добавляет кэш и фоновые процессы, но не заменяет основной договор данных.
Чат поддержки требует уверенного понимания серверной личности и прав. В серии разбираем соединение отдельно от сохранённой истории: живое сообщение, подтверждение и устойчивые данные имеют разные роли. Если нужна редакционная библиотека, начните со Strapi; если каталог должен стать магазином — с WooCommerce. Учебные платежи и сведения в магазине синтетические.
Расширение браузера и карты удобны после JavaScript. Расширение добавляет отдельную модель разрешений и жизненный цикл worker. Карта добавляет географические данные и договор внешнего поставщика, сохраняя обычный список как способ чтения.
Что находится в исходниках
Оглавление каждой серии ведёт к архиву её проекта. Берите целое состояние нужного урока: это помогает увидеть существующие определения и зависимости, даже если в статье разобран только изменяемый фрагмент. Не переносите учебные профили доступа и окружения в production без отдельного разбора их границ.
Материалы написаны как самостоятельные русскоязычные уроки с оригинальными примерами и ссылками на первичную документацию. Эта партия не является переводом YouTube-плейлистов. Уроки опубликованы и включены в каталог.
Предыдущая практическая подборка — от макета до сопровождения. Все остальные серии доступны в общем списке курсов, а тематические направления — в каталоге.
Следующая подборка — 100 уроков платформ и веб-инструментов:Vue,Laravel,файлы,диагностика,редактор,видеосвязь,PDF и ленты.