Процесс загрузки web страницы
2021 ж. 8 Там.
41 077 Рет қаралды
Марафоны, скидки, подарки и акции t.me/loftschool_bot
Данный ролик будет определенно полезен всем разработчикам до senior уровня, абсолютно всем менеджерам на технических продуктах или же просто любому человеку, кто хочет погрузиться детальнее в процесс загрузки Web - страницы. Рассмотрим шаги от получения IP адреса сервера до отрисовки конечного сайта, и важно отметить, что погрузимся в тему лишь структурно - для формирования общей картины данной истории. Но если вам будет интересно узнать что - то подробнее, то обязательно пишите в комментарии - как минимум мы сможем порекомендовать крутой материал по теме.
Одно из немногих видео, где чётко разъясняется как http-хэндшейк использует асимметричное шифрование и что за ним, для дальнейшего обмена данными, следует симметричное. Респект!
Большая их часть сосредоточена в Южной Америке, особенно в США 😆👍 В целом очень полезное видео, спасибо👌
Наверное в Северной :)
@@alexpro5670 Наверное :)))
@@ksai4721 Я тож первым делом это заметил и решил пойти написать коммент, но сначала поискал и таки да - уже кто-то тоже обратил внимание)))
У меня музыка заиграла в голове из мема с черной рамочкой)
Ты единственный кто помог ине разобраться в этой теме, спасибо тебе
Спасибо огромное!!! Вы лучший
Было интересно! Спасибо ;)
Отличная подача, спасибо большое!
Божественный видос!!!🤜🤛
4:00 root DNS серверов ровно 13 штук. не больше. связано с максимальной длинной пакета DNS запроса по стадарту, и в это пакет вмещается максимум 13 имен.
Спасибо за подробное видео. https, page rendering, interview questions, DNS, http request, page rendering
Большое спасибо!
Супер, кратко и ясно !!
Огнормное спасибо. Все чётко и понятно
Спасибо, очень полезно!
Огромное спасибо!
Ну, попробую я законспектировать всё это видео для себя; как я понял информацию из этого видео и как я буду объяснять её понимание на собеседованиях, если, конечно, меня будут спрашивать про это тему. Ок Юзер нажал на кнопку энтер, которая отправляет запрос браузеру на нахождение сайта, к которому хочет получить доступ юзер. Первое, что делает браузер - это нахождение самого сайта. Чтобы найти этот сайт, нужно воспользоваться DNS, который в свою очередь через цепочку некоторых действий должен найти наш сайт, в конечном счёте достав IP адрес сайта. После того, как DNS получил этот адрес, он передаёт его браузеру. То есть, коротко говоря, браузер нашёл связь с сайтом. Далее, браузеру нужно построить этот сайт и передать его юзеру. Первое действие здесь, это получение ресурсов сайта, с помощью которых и будет строиться сайт. Браузер соединяется с бэкендом сайта, и там, чаще всего, берёт index.html. Берёт он этот файл потому что почти всегда оно является корнем всей структуры сайта. К примеру, браузер видит ссылку на js файл в index.html, и запрашивает у сервера запрос на скачивание этого файла. Во время скачивания всех встречных файлов по этой цепочке, браузер также распарсивает их, то есть прочитывает. Отсюда браузер уже начинает строить одно из 3-х деревьев, которые будут помогать строить сайт. Первым деревом является DOM, то есть html всего сайта. Браузер находит html теги, далее нужно застайлить их. Для этого служит css, который в свою очередь будет строить второе дерево - CSSOM. Это почти тот же DOM, за исключением того, что CSSOM занимается только теми компонентами, которые нуждаются в стилистике. Другими словами, CSSOM - это дерево стилей, которые должны быть в сайте. Ок, браузер получил html(и) и css(ы) сайта. Теперь браузер должен начать подготовку к построению сайта. Для этого задействуется render tree. Это дерево, как я понял, которое отбрасывает всё ненужное и незадейственное во фронтенде сайта, и строит только цепочку действий. Действий, которые будут участвовать во фронтенде. Ок, сайт построил план действий по постройке сайта. Теперь осталось их обработать и разместить. Для этого оно использует layout positioning, или как оно там называется, и по пикселям строит план по размещению html компонентов по их задуманным местам. Следующим идёт план стилизаций этих компонентов. И в конечном итоге, всё это совмещается в одно действие, после чего наконец-то начинается стройка сайта. Построив сайт, браузер может отдать его юзеру. Ну, это как я понял. Можете где-то подправить или дополнить.
Крутое видео. Спасибо
спасибо за информацию
На собеседовании тебя могут спросить что угодно. потому что многие компании не могут определится какой уровень разработчика им нужен
не только разработчика)
Cool vidos, useful and interesting.
есть ли у вас видео про разницу отображения в разных браузерах? вроде как-то с движеом браузеров связано...?
Спасибо за видео! А в каком из этих этапов, к примеру, происходит отрисовка загруженных с сервера изображений? Уже после? И не сказано ничего про JS и его роль в этом процессе.
Сайт сделан на таблицах, интересно🤓
Пушка. спасибо. А что происходит если сайт в кэше всё есть?
- Дорогой кэш, есть ли у тебя информация, где находится адрес сервера? 😁 - Извини, друг, у меня нет ничего.🤥 - Окей🥺
Ооочень поверхностно
Окэй!
окай
сразу видно, комментарии не накручены 😂
Что мешает перехватить сертификат и ключ и использовать их при атаке?
@@vaxxxa Спасибо, хорошее объяснение.
Загуглите есть развернутый ответ на Хабре
Ребят я начал изучать HTML , как мне ускорить обучение , что конкретно нужно учить, я сейчас на тегах и атрибутах?
Заканчивать изучать html и css, и уже начать js
@@MrMixEdition а можно ли выучить html CSS за месяц
@@lorddregs4571 вполне
@@lorddregs4571 я изучал HTML/CSS около 1 - 1,5 месяца, так что вполне возможно). Но без платных курсов - смотрел туториалы на KZhead, статьи на просторах Интернета. Единственная проблема в самообучении - это возможное выгорание и незнание, что делать дальше, но это тоже поправимо)
@@Anri-rd2xk а можете дать совет какие именно нужно читать статьи?
Если что США это Северная Америка
Вот это оговорился! Спасибо, что отметили!
@@danilafetisov356 😮😮
ничего себе ты вумный!
Лучше бы написал что то умное по теме ролика
Это уже и джунов тестировщиков срашивают
+