Гид по технологиям

Web‑разработка

Плавная прокрутка на JavaScript — практический гид
Web‑разработка 5 min read

Плавная прокрутка на JavaScript — практический гид

Плавная прокрутка делает переходы по странице более приятными и предсказуемыми. В этом руководстве показаны нативные и JavaScript-подходы, поправки для фиксированных шапок, доступность (prefers-reduced-motion), совместимость браузеров и готовые сниппеты для продакшен-реализаций.

Jinja + FastAPI: шаблоны и статические файлы
Web‑разработка 7 min read

Jinja + FastAPI: шаблоны и статические файлы

Интеграция Jinja с FastAPI позволяет рендерить серверные HTML‑страницы, обслуживать статические файлы и удобно разделять представление и логику. В статье — настройка, примеры шаблонов, безопасность и чек‑листы.

Firebase + Angular: составные индексы и сложные запросы
Web‑разработка 9 min read

Firebase + Angular: составные индексы и сложные запросы

В этой статье пошагово показано, как подключить Angular к Cloud Firestore, выполнить сложный запрос и создать составной индекс в Firebase, если запрос его требует.

React + Supabase: CRUD-приложение
Web‑разработка 6 min read

React + Supabase: CRUD-приложение

Краткое руководство по созданию простого CRUD-приложения на React с использованием Supabase как BaaS. Показываю, как создать проект Supabase, подключить клиент в React и реализовать операции Create, Read, Update и Delete с практическими примерами кода.

Селекторы DOM: руководство и приёмы
Web‑разработка 7 min read

Селекторы DOM: руководство и приёмы

Селекторы DOM — это методы JavaScript для поиска элементов на странице. Вы узнаете разницу между одиночными и групповыми селекторами, поведение живых коллекций, приёмы производительности и шаблоны для надёжной работы с элементами.

Поиск в Django: реализация и лучшие практики
Web‑разработка 6 min read

Поиск в Django: реализация и лучшие практики

В статье показано, как добавить поиск в Django: форма, представление, шаблоны, поиск по нескольким полям с Q, а также советы по UX, тестам и масштабированию.

Blazor: руководство по WebAssembly и Server
Web‑разработка 10 min read

Blazor: руководство по WebAssembly и Server

Blazor позволяет писать интерактивные веб-приложения на C#. Есть два режима — WebAssembly (клиент) и Server (через SignalR). Выберите модель по требованиям к скорости загрузки, офлайн-работе и масштабируемости.

Кнопки шаринга в React — быстро и просто
Web‑разработка 4 min read

Кнопки шаринга в React — быстро и просто

В этой статье показано, как быстро добавить кнопки «поделиться» в React‑приложение с помощью библиотеки react-share. Вы получите рабочие примеры кода для Facebook и Twitter, рекомендации по кастомизации, альтернативы и роль‑ориентированные чеклисты для разработки и тестирования.

Генерация изображений DALL·E в React
Web‑разработка 7 min read

Генерация изображений DALL·E в React

Кратко — это руководство показывает, как подключить OpenAI DALL·E к приложению React: от получения API-ключа и создания компонента генерации изображений до безопасной архитектуры (через прокси на сервере), приёмов для качественных промптов и тестирования.

Push‑уведомления Firebase в React — подробное руководство
Web‑разработка 8 min read

Push‑уведомления Firebase в React — подробное руководство

Пошаговое руководство по интеграции Firebase Cloud Messaging в React: настройка проекта, генерация VAPID‑ключей, получение клиентского токена, конфигурация service worker и тестирование уведомлений.

JSON в Excel в Angular — экспорт с xlsx
Web‑разработка 5 min read

JSON в Excel в Angular — экспорт с xlsx

В этой статье показано, как в Angular-приложении преобразовать JSON из API в файл Excel (.xlsx) с помощью библиотеки xlsx. Вы получите рабочий сервис exportToExcel, примеры использования в компоненте, подсказки по типичным проблемам и чек-лист для внедрения.

Счётчик слов на JavaScript — простой пример
Web‑разработка 4 min read

Счётчик слов на JavaScript — простой пример

Короткий рабочий пример счётчика слов для веб-страницы: простая HTML-форма, базовая стилизация и JavaScript, который надёжно считает слова с учётом лишних пробелов и переносов строки.

Змейка на HTML/CSS/JavaScript — руководство
Web‑разработка 6 min read

Змейка на HTML/CSS/JavaScript — руководство

Быстрая инструкция по созданию классической игры «Змейка» в браузере с помощью canvas, HTML, CSS и JavaScript. Покрыты интерфейс, отрисовка, управление, еда, рост змейки и завершение игры.

Meta‑теги в Nuxt.js — руководство по SEO
Web‑разработка 5 min read

Meta‑теги в Nuxt.js — руководство по SEO

Meta‑теги в Nuxt.js дают поисковикам и соцсетям структурированную информацию о страницах. Добавляйте их глобально, локально или динамически (SSR) и проверяйте через View Source и инструменты соцсетей.