Frontend

Что происходит, когда пользователь входит в метро, улетает в рейс с 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,…

Настало время развернуть камеру на клиента и собрать серию про современный фронтенд без фреймворков — потому что под каждым React- или Vue-приложением лежат ровно те механизмы языка и платформы, которые здесь разберём. Это первая статья: ядро ES6+, система модулей и модель асинхронности. На ней держится всё…