Веб-сайты и веб-приложения

Сайты и веб-сайты

Как устроены сайты и веб-сайты - сборка, развёртывание и роль статических генераторов в современном веб-производстве.

Адресная строка браузера

Адресная строка браузера - как устроен ввод URL, отображение контекста безопасности и особенности интерфейса на мобильных устройствах.

Архитектура веб-приложений

Архитектура веб-приложений - сочетание серверного рендеринга и клиентской логики, влияющее на скорость загрузки и интерактивность.

Управление закладками и вкладками в браузере

Управление вкладками и закладками в браузере - как организовать сессии, сохранить контекст работы и быстрее переключаться между задачами.

Обработка внутренних ошибок браузера

Это определяет схожесть или различие в форматах ошибок.

Веб-серверы

Так, если клиент - это браузер и пользователь, то сервер - это мощный компьютер где-то далеко.

Конструкторы сайтов

Конструкторы сайтов - визуальная сборка страниц, шаблоны и ограничения no-code-подхода при создании веб-проектов.

Архитектурные особенности современных веб-приложений

Архитектурные особенности современных веб-приложений - протоколы, границы компонентов и отличия от классических сайтов.

Фоновая работа и офлайн-режим веб-приложений

Фоновая работа и офлайн-режим веб-приложений - Service Worker, кэширование и устойчивость интерфейса при нестабильной сети.

Хранение данных в браузере и на сервере

Где хранятся данные веб-приложения - распределение между браузером и сервером, а также границы ответственности клиента и backend-части.

Push-уведомления и рассылки

Push-уведомления — это короткие сообщения, которые веб-приложение может показать пользователю даже тогда, когда вкладка с сайтом закрыта, браузер свёрнут или работает в фоне.

SEO-оптимизация

SEO-оптимизация и аудит - как оценивать текущие позиции сайта, приоритизировать улучшения и формировать дорожную карту роста.

Персонализация и пользовательские предпочтения

Персонализация в вебе - как платформы учитывают поведение пользователя, формируют предпочтения и адаптируют контент под контекст.

Web API в браузере

Web API в браузере - что это такое, как работает и какие API лежат в основе современного веб-приложения.

Web API на практике - примеры кода

Web API на практике - короткие рабочие примеры кода для fetch, DOM, Storage, WebSocket, Workers, Notifications и других API.

Справочник по Tilda

Полный справочник по Tilda — блоки, Zero Block, формы, CRM, интернет-магазин, SEO, домены, публикация, интеграции, API и ограничения платформы.

BB-код — разметка постов на форумах

Теги BB-кода на форумах, преобразование в HTML на сервере, сравнение с Markdown и риски XSS в старых движках.

История браузера и приватность на клиенте

Журнал посещений, кэш, cookies и режим инкогнито — что хранит браузер, кто ещё видит активность и как это связано с веб-хранилищами.

Интернет, сайт и HTTP — связь с культурой сети

Как технические термины Интернет, сайт, HTTP и URL связаны с форумами, мемами и рунетской лексикой — мост между 2.03 и 9.10.

Движки браузеров и линейки продуктов

Chromium, Gecko, WebKit; Chrome, Edge, Firefox, Safari, Яндекс Браузер и наследие Internet Explorer — одна карта без дублирования учебника.

HTTPS и TLS — шифрование веба

Что даёт HTTPS, этапы TCP и TLS, сертификат и сессионный ключ; замок в браузере и куда копать глубже.

Polling, Long Polling, SSE и Webhook

Четыре базовых подхода к обновлениям в реальном времени — от периодического опроса до push-событий между сервисами.

Метрики производительности веб-страницы

Девять базовых показателей загрузки сайта — от TTFB и RTT до FCP, DOM Content Loaded и блокирующих ресурсов — и связь с Core Web Vitals.

Дизайн веб-интерфейсов

Базовые элементы дизайна веб-интерфейса - хедер, навигация и служебные блоки, которые определяют удобство взаимодействия с сайтом.

Рекламные технологии в вебе

Рекламные технологии в вебе - форматы, механики показа и технические ограничения, влияющие на эффективность и пользовательский опыт.