Мы уже разобрались, как устроена система внутри (Монолит против микросервисов), как её части договариваются между собой (Проектирование API) и как не терять тяжёлые задачи в очереди (Очереди сообщений). Пришла пора самой благодарной темы: как сделать так, чтобы сайт отвечал быстрее, почти не меняя код. Ответ почти…
В прошлой статье мы решили, из каких кусков состоит система: Монолит против микросервисов описал, когда всё держать в одном процессе, а когда разносить по отдельным службам. Но разделение само по себе ничего не даёт. Три независимых сервиса бесполезны, пока не научатся передавать друг другу данные —…
Когда проект вырастает из одного скрипта в набор сервисов, рано или поздно встанет вопрос: как передать работу от одной части системы другой, чтобы ничего не потерялось и не зависло. В первой статье серии — Монолит против микросервисов — мы говорили, что есть два пути общения между…
Серия «Архитектура и производительность» открывается первой, но самой важной статьёй — выбором способа, которым ваш проект будет устроен внутри. Всё, что мы писали до этого в серии про веб-без фреймворков — JavaScript, CSS, Fetch API, Web Components, потоки и офлайн-режим — работало для клиента, то есть…
Что происходит, когда пользователь входит в метро, улетает в рейс с Wi-Fi или просто попадает под дождь с плохим роумингом? Классический сайт выдает белый экран ошибки DNS/ERR_CONNECTION_REFUSED. Single-page приложение (SPA), которое всё подгрузило один раз, может остаться «живым»: DOM есть, стили есть. Но ни один запрос…
Пятый, «операционный» выпуск серии. Четыре предыдущих построили интерфейс: логика (fetch и асинхронность в «Современном JavaScript»), данные («Fetch API»), представление («Современный CSS»), компонентная модель («Web Components») и живой канал («Потоки в браузере: SSE и WebSocket»). Про live-компонент мы даже писали: слушает SSE, обновляет textContent. Теперь честный вопрос:…
Три предыдущих выпуска серии закрыли цикл «запрос → ответ → отрисуй»: fetch работает по модели «сходил, получил, закончил». Но есть класс задач, где сервер должен сам что-то прислать клиенту, без нового запроса с его стороны: уведомления о новом сообщении, live-счётчик, стрим токенов от модели, индикатор долгой…
Серия дошла до того слоя, который раньше всегда отдавали фреймворку. «Свои теги с собственной логикой и стилями» — то, ради чего шли в React/Vue/Svelte, теперь часть платформы браузера: Web Components — это три независимых стандарта (Custom Elements, Shadow DOM, Templates/Slots), которые вместе дают переиспользуемый инкапсулированный элемент,…
Эта статья — про полный цикл: как устроен Request/Response, как корректно отправлять методы и тела, как читать статусы и не путать HTTP-ошибку с сетевой, как отменять, ретраить, кэшировать и пагинировать REST-запросы, и как отображать полученное так, чтобы UI оставался предсказуемым и безопасным. Материал рассчитан на vanilla-код…
Переменные, двумерная сетка, настоящие каскадные слои и нативная вложенность покрывают большую часть того, ради чего раньше ставили Sass или Tailwind. Эта статья — про то, что реально доступно в браузере прямо сейчас, без сборки и без библиотек: как устроены кастомные свойства, когда Grid, а когда Flex,…
Обеспечивают базовую работу сайта: авторизация, сохранение настроек. Без них сайт не будет функционировать.
Яндекс.Метрика: статистика посещений, карта кликов, путь пользователя. Помогают понять, как используется сайт.