https://courses.digitable.life/tags/frontend/ Recent content in Frontend on Digitable courses Hugo ru-RU Sat, 01 Aug 2026 00:12:59 +0300 https://courses.digitable.life/post/frontend/03-css-fundamentals/ Thu, 16 Jul 2026 10:00:00 +0300 https://courses.digitable.life/post/frontend/03-css-fundamentals/ Как объявление в таблице стилей становится пикселем на экране: стадии значения, каскад и слои, специфичность, наследование, кастомные свойства, единицы измерения и цена стилей для производительности. https://courses.digitable.life/post/frontend/06-dom-and-events/ Thu, 16 Jul 2026 10:00:00 +0300 https://courses.digitable.life/post/frontend/06-dom-and-events/ DOM как API, а не как разметка: живые и статические коллекции, батчинг мутаций, layout thrashing, три фазы события, делегирование, кастомные события, четыре наблюдателя и утечки памяти — с измерениями в DevTools. https://courses.digitable.life/post/frontend/00-overview/ Thu, 16 Jul 2026 10:00:00 +0300 https://courses.digitable.life/post/frontend/00-overview/ Что такое фронтенд как инженерная дисциплина: слои платформы, путь от URL до пикселя, стратегии рендеринга и гидратация, Core Web Vitals, честное сравнение фреймворков и карта трека. https://courses.digitable.life/post/frontend/08-react-fundamentals/ Thu, 16 Jul 2026 10:00:00 +0300 https://courses.digitable.life/post/frontend/08-react-fundamentals/ Как React превращает JSX в DOM: элементы против компонентов, состояние как снимок, реконсиляция по key, дерево Fiber, фазы render и commit — и почему приложение тормозит. https://courses.digitable.life/post/frontend/05-css-architecture/ Thu, 16 Jul 2026 10:00:00 +0300 https://courses.digitable.life/post/frontend/05-css-architecture/ Как перестать бояться собственных стилей: изоляция имён, каскадные слои, CSS Modules, zero-runtime CSS-in-JS, Tailwind, дизайн-токены и цена стилей в рантайме. https://courses.digitable.life/post/frontend/17-frontend-architecture/ Thu, 16 Jul 2026 10:00:00 +0300 https://courses.digitable.life/post/frontend/17-frontend-architecture/ Как устроить фронтенд-проект так, чтобы он выдержал три года и десять человек: слои и правило зависимостей, изоляция API, монорепо на pnpm и Turborepo, микрофронтенды и их честная цена, неизменяемые артефакты, атомарный деплой с откатом и мониторинг ошибок в браузере. https://courses.digitable.life/post/frontend/04-css-layout/ Thu, 16 Jul 2026 10:00:00 +0300 https://courses.digitable.life/post/frontend/04-css-layout/ Раскладка как переговоры о размерах: intrinsic sizing, поток и BFC, алгоритмы flexbox и grid до последней детали, единая модель выравнивания, позиционирование и контексты наложения, адаптивность без медиазапросов, контейнерные запросы и производительность layout. https://courses.digitable.life/post/frontend/01-how-browser-works/ Thu, 16 Jul 2026 10:00:00 +0300 https://courses.digitable.life/post/frontend/01-how-browser-works/ Полный путь от URL до пикселя: процессы браузера, парсинг HTML и CSS, style, layout, paint, композитинг, event loop и бюджет кадра — и как всё это измерять. https://courses.digitable.life/post/frontend/14-web-performance/ Thu, 16 Jul 2026 10:00:00 +0300 https://courses.digitable.life/post/frontend/14-web-performance/ Почему интерфейс тормозит на самом деле, что меряют LCP, INP и CLS, как собрать полевые данные с атрибуцией, поставить бюджеты в CI и лениво грузить всё, что можно — без карго-культа. https://courses.digitable.life/post/frontend/11-data-fetching/ Thu, 16 Jul 2026 10:00:00 +0300 https://courses.digitable.life/post/frontend/11-data-fetching/ Серверное состояние против клиентского: честный fetch с отменой и ретраями, гонки в useEffect, устройство кэша запросов, staleTime против gcTime, инвалидация, оптимистичные обновления с откатом и измерение водопадов в DevTools. https://courses.digitable.life/post/frontend/13-routing-and-rendering/ Thu, 16 Jul 2026 10:00:00 +0300 https://courses.digitable.life/post/frontend/13-routing-and-rendering/ Как URL превращается в экран: History API и матчинг маршрутов, каскады запросов и loader’ы, CSR/SSR/SSG/ISR/PPR, стриминг с Suspense, механика гидратации и её цена, острова, RSC и resumability — с кодом и способами всё это измерить. https://courses.digitable.life/post/frontend/07-build-tooling/ Thu, 16 Jul 2026 10:00:00 +0300 https://courses.digitable.life/post/frontend/07-build-tooling/ Зачем нужен бандлер, если браузер умеет ESM: конвейер сборки, dev-сервер и HMR, tree-shaking и его провалы, разбиение на чанки, водопады загрузки, кэш-хэши, бюджеты в CI и честное сравнение Vite, webpack, Rspack и Turbopack. https://courses.digitable.life/post/frontend/02-html-semantics/ Thu, 16 Jul 2026 10:00:00 +0300 https://courses.digitable.life/post/frontend/02-html-semantics/ Как разметка превращается в дерево доступности, ориентиры, формы и превью в мессенджерах — и почему div-суп стоит вам скорости, конверсии и пользователей. https://courses.digitable.life/post/frontend/16-frameworks-comparison/ Thu, 16 Jul 2026 10:00:00 +0300 https://courses.digitable.life/post/frontend/16-frameworks-comparison/ Честное сравнение React, Vue, Svelte, Angular и Solid: три модели обновления DOM, одна задача на пяти фреймворках, где протекает каждая абстракция, что показывают бенчмарки, во что обходится владение и как выбирать под задачу, а не под моду. https://courses.digitable.life/post/frontend/15-frontend-testing/ Thu, 16 Jul 2026 10:00:00 +0300 https://courses.digitable.life/post/frontend/15-frontend-testing/ Как собрать набор тестов фронтенда, который ловит настоящие регрессии: Vitest и Testing Library, перехват сети через MSW, browser mode, E2E на Playwright, детерминированная визуальная регрессия и борьба с флейками в CI. https://courses.digitable.life/post/frontend/10-state-management/ Thu, 16 Jul 2026 10:00:00 +0300 https://courses.digitable.life/post/frontend/10-state-management/ Виды состояния и где им место: useState и useReducer, честная модель React Context, внешние сторы на useSyncExternalStore, Redux Toolkit, Zustand, Jotai, сигналы и машины состояний — с профилированием и разбором, почему приложение тормозит. https://courses.digitable.life/post/frontend/12-forms-and-validation/ Thu, 16 Jul 2026 10:00:00 +0300 https://courses.digitable.life/post/frontend/12-forms-and-validation/ Где живёт значение поля, почему одна схема должна работать и в браузере, и на сервере, когда показывать ошибку, как формулировать её текст — и почему большая контролируемая форма портит INP. https://courses.digitable.life/post/frontend/09-react-hooks-and-patterns/ Thu, 16 Jul 2026 10:00:00 +0300 https://courses.digitable.life/post/frontend/09-react-hooks-and-patterns/ Как на самом деле работают хуки: слоты в fiber, снимки рендера, эффекты как синхронизация, честная цена мемоизации, кастомные хуки и паттерны композиции компонентов. https://courses.digitable.life/post/blog/fundamentals-system-design-patterns-data-structures/ Fri, 03 Jul 2026 11:03:25 +0300 https://courses.digitable.life/post/blog/fundamentals-system-design-patterns-data-structures/ Фундамент программиста: system design, SOLID, GoF, функциональные паттерны и структуры данных https://courses.digitable.life/post/blog/152fz-privacyengineering/ Tue, 30 Jun 2026 16:32:18 +0300 https://courses.digitable.life/post/blog/152fz-privacyengineering/ 152-ФЗ для разработчиков: как внедрять персональные данные в сайты, React-приложения, backend и базы данных https://courses.digitable.life/post/blog/tg-28/ Wed, 05 Jun 2024 12:00:00 +0300 https://courses.digitable.life/post/blog/tg-28/ Лекториум на тему “Фронтенд разработка приложений” Что такое фронтенд и почему он устроен именно так как устроен? Как в это вписывается React и его основные ид… https://courses.digitable.life/video/frontend-apps-lecture/ Wed, 05 Jun 2024 12:00:00 +0300 https://courses.digitable.life/video/frontend-apps-lecture/ Лекция про устройство фронтенда, роль браузера, React и основные идеи разработки интерфейсов.