Вопросы React Frontend Developer

1. Парсинг HTML

• Браузер начинает парсить HTML-документ и строить DOM-дерево (Document Object Model), представляющее иерархическую структуру всех элементов страницы.

• Если браузер находит <script>, он приостанавливает парсинг, загружает и выполняет скрипт, что может изменить структуру DOM.

2. Загрузка внешних ресурсов

• Во время парсинга HTML браузер обнаруживает ссылки на внешние ресурсы (CSS, изображения, шрифты, скрипты) и начинает их загружать параллельно.

• CSS загружается и парсится, формируя CSSOM (CSS Object Model).

3. Построение рендер-дерева

• DOM и CSSOM объединяются для создания рендер-дерева, которое представляет собой структуру элементов, подлежащих отображению на экране с примененными стилями.

4. Вычисление геометрии (Layout)

• Браузер вычисляет размеры и положение каждого элемента на странице, основываясь на рендер-дереве. Этот процесс называется layout или reflow.

5. Отрисовка (Painting)

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

6. Композиция (Compositing)

• Некоторые элементы могут быть отрисованы в отдельных слоях для улучшения производительности (например, анимации или фиксированные элементы). На этапе композиции браузер объединяет эти слои в одно изображение для отображения на экране.

7. Интерфейс пользователя (UI)

• Браузер обрабатывает пользовательские события (клики, прокрутка, ввод данных и т.д.).

• JavaScript может изменять DOM, что может запустить повторные этапы layout и painting.

Темную тему можно реализовать с помощью CSS-медиавыражения prefers-color-scheme, которое определяет предпочтения пользователя относительно цветовой схемы (светлой или темной). В зависимости от предпочтений браузера применяются соответствующие стили. Также можно настроить переключение темы вручную с помощью JavaScript и CSS-классов.

Git — это система контроля версий, которая позволяет отслеживать изменения в коде, возвращаться к старым версиям и работать над проектом совместно с другими разработчиками. GitHub — это платформа, где можно хранить код в облаке, делиться им и управлять проектами с помощью Git. Вместе они помогают эффективно работать над проектом в команде.

Docker Engine — это клиент-серверная платформа для создания, запуска и управления Docker контейнерами. Он состоит из Docker демона (сервера) и интерфейса командной строки (CLI), которые взаимодействуют для управления жизненным циклом контейнеров.

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