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