Что происходит в браузере после того, как пользователь ввёл адрес в адресную строку / Катя Танькова

На собеседованиях часто спрашивают, что происходит в браузере после того, как пользователь ввел адрес в адресную строку. Тема очень важна, но не все знают процесс от и до.
В докладе будет рассказано, что собственно происходит после ввода адреса, как выполняется поиск нужного ресурса в интернете, подключение к серверу, запрос от клиента, ответ от сервера; как браузер разбирает ответ и превращает код в пиксели на экране, какие есть этапы отрисовки страницы и как вся эта картинка на экране может работать и реагировать на действия пользователя.
Ссылка на слайды
tankovae.githu...
Екатерина Танькова
Фронтенд-разработчик в Яндекс Маркете.

[@Catinthehat1610]

Важно знать не только разработчику, но и тестировщику :) Спасибо, очень полезно!

[@FF-ds1rt]

Самая нужная информация любому веб разработчику, чтобы исключить все пробелы

[@sergei_sergeevu4]

Спасибо за доклад)

[@arinqwerty]

спасибо, мне было полезно:)

[@leilaBabushkina]

большое спасибо! это очень полезная информация

[@НиколайГубанов-й5ь]

Шикарное объяснение!!!

[@amin--hj8mc]

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

[@linked_list_DLL]

Спасибо огромное

[@CultureofSpeech]

Большинство имеет определенное мировоззрение, которое определено меньшинством.

[@Ochenopasniy]

Интересно как это все устно на собеседовании рассказать…

[@myfoxeyes]

Какая конечная цель объединения DOM-дерева и CSSом-дерева? Вопрос с собеса (в Яндексе). Я не ответила, загуглить не получилось

[@alexeymarchenko718]

render tree