Тема: frontend

Статья

Как работает браузер: парсинг, DOM, CSSOM, рендер, композитинг

Полный путь от URL до пикселя: процессы браузера, парсинг HTML и CSS, style, layout, paint, композитинг, event loop и бюджет кадра — и как всё это измерять.

#frontend#браузер#рендеринг

Статья

Вёрстка: flexbox, grid, позиционирование, адаптивность и контейнерные запросы

Раскладка как переговоры о размерах: intrinsic sizing, поток и BFC, алгоритмы flexbox и grid до последней детали, единая модель выравнивания, позиционирование и контексты …

#frontend#css#вёрстка

Статья

Архитектура фронтенда: слои, монорепо, микрофронтенды, деплой и мониторинг

Как устроить фронтенд-проект так, чтобы он выдержал три года и десять человек: слои и правило зависимостей, изоляция API, монорепо на pnpm и Turborepo, микрофронтенды и …

#frontend#архитектура#монорепо

Статья

Архитектура стилей: БЭМ, CSS-modules, CSS-in-JS, Tailwind, дизайн-системы

Как перестать бояться собственных стилей: изоляция имён, каскадные слои, CSS Modules, zero-runtime CSS-in-JS, Tailwind, дизайн-токены и цена стилей в рантайме.

#frontend#css#дизайн-система

Статья

React: компоненты, JSX, состояние, жизненный цикл, реконсиляция

Как React превращает JSX в DOM: элементы против компонентов, состояние как снимок, реконсиляция по key, дерево Fiber, фазы render и commit — и почему приложение тормозит.

#frontend#react#javascript

Статья

Frontend: карта трека и как устроена современная веб-разработка

Что такое фронтенд как инженерная дисциплина: слои платформы, путь от URL до пикселя, стратегии рендеринга и гидратация, Core Web Vitals, честное сравнение фреймворков и …

#frontend#браузер#react

Статья

DOM и события: работа с деревом, делегирование, всплытие, наблюдатели

DOM как API, а не как разметка: живые и статические коллекции, батчинг мутаций, layout thrashing, три фазы события, делегирование, кастомные события, четыре наблюдателя и …

#frontend#dom#события

Статья

CSS с нуля: каскад, специфичность, наследование, единицы измерения

Как объявление в таблице стилей становится пикселем на экране: стадии значения, каскад и слои, специфичность, наследование, кастомные свойства, единицы измерения и цена …

#frontend#css#вёрстка

Статья Рекомендуем

Фундамент программиста: system design, SOLID, GoF, функциональные паттерны и структуры данных

Фундамент программиста: system design, SOLID, GoF, функциональные паттерны и структуры данных

#programming#systemdesign#architecture

Статья Рекомендуем

152-ФЗ для разработчиков: как внедрять персональные данные в сайты, React-приложения, backend и базы данных

152-ФЗ для разработчиков: как внедрять персональные данные в сайты, React-приложения, backend и базы данных

#152фз#персональныеданные#privacy

Видео

Лекториум: фронтенд-разработка приложений

Лекция про устройство фронтенда, роль браузера, React и основные идеи разработки интерфейсов.

#frontend#web#react

Статья

Лекториум на тему "Фронтенд разработка приложений"

Лекториум на тему “Фронтенд разработка приложений” Что такое фронтенд и почему он устроен именно так как устроен? Как в это вписывается React и его основные …

#all#development#lectures