КАК РАБОТАЕТ БРАУЗЕР?
Вставка
- Опубліковано 19 бер 2024
- Стань “Белым” хакером в Skillfactory: go.skillfactory.ru/XX_IMg
Возврат денег за курс, если не нашли работу после обучения + скидка 45% по промокоду ALEKOS до 10.04.2024 г.
erid: LjN8JtGBr
Присоединяйся к бесплатному вебинару по ChatGPT - Промпт-инженер, узнай, как создать нейросотрудников и зарабатывать от 1 миллиона рублей за проект при помощи ИИ:
neural-university.ru/prompt-e...
erid: 2VtzqxWP1EL
Узнай о программировании больше вместе с Яндекс Практикумом - ya.cc/t/FDOC_esn4stvVw
Erid: 2VtzqvS2aPn
Телеграм-канал - t.me/Alek_OS
Все ролики без рекламы - alekos1
❤️ Поддержка канала:
Бусти - boosty.to/alekos
Юмани - yoomoney.ru/to/410011179144828
00:20 История
05:11 URL
08:30 Белый хакер
09:46 HTTP 1.0
17:35 HTTP 1.1
22:57 ChatGPT
24:06 HTTPS
30:02 HTTP-AUTH
31:31 Cookies и уязвимости
40:13 Websocket
Телеграм-канал - t.me/Alek_OS
Браузер работает так:
Запросы крутятся, кукисы мутятся.
Сайты такие:
Не хотите печенек? 🥺🍪
@@boost_456 Хочу пароль и логин других пользователей
Алек ОС - реально машина
виртуальная?)
Операционная система
@@alexchto+
Даа.
Видео хорошее, но это не совсем про "как работает браузер", думаю, а больше про сетевое взаимодействие между браузером и сервером. Когда дошёл до storage в видео, уже подумал, что пошло в нужную сторону, но не совсем. Как работает браузер, мне кажется, помимо упомянутого - это больше работа с ОС, с памятю, т.е. рассмотреть его как приложение, функциональные возможности, движки, отрисовки контента и пр.
Согласен, но это половина что сказано в видео, с этим дополнением было бы полное объяснение😊
Уберите из браузера ту функциональность, которая описана в этом видео, и он перестанет быть браузером... Это видео более-менее описывает то как РАБОТАЕТ браузер, а то что описываете Вы, больше подходит под заголовок «как УСТРОЕН браузер».
ожидал объяснение как работает парсинг страниц, рендеринг, в том числе хочется комплексный обзор первых движков (парочку из них имеют исходники на гитхабе)
@@--..--..---.--.-.ролик скорее про то, какие технологии использует браузер, curl же не является браузером, хотя все это делает :)
@@plaintext7288 нет. Ролик как раз про то, на чём основана работа браузера: про протокол передачи гипертекста, предназначенного для отображения браузером веб-интерфейсов. К слову, существуют разные языки разметки, и некоторые тоже предназначены для рендеринга интерфейсов. Но это никаким образом не имеет отношения к браузеру. А вот curl - утилита, использующая протокол, разработанный специально для браузеров, но не наоборот...
Это видео: кошмар для бабушек которые сходят с ума когда слышат слово браузер, а при слове торрент взрываются с мощностью 250 000 тонн
Тратила
Или как побить 100 бабушек😅
Твоя бабушка читает книгу "Язык Ада" ?
тротила
@@BestMovieActors моя бабушка читает газету «Жизнь».
не представляю какого это, досконально самому изучить такой материал и потом ещё сжать его до подобного видео. это же целая мать его книга с техническим текстом.
Можно начать с Википедии
Это буквально всего страниц 50-60 любой книги по сетям. Ребята в университете проходят это на 2-3 курсе. Автору респект именно за то, что запарился с анимациями, все остальное - подача материала и его сложность не огонь
Да сложного тут ничего нет по нынешим меркам, илюстрация и донести простым языком самое сложное, но это для тех хоть как-то крутится в этой теме. Ну автор молодец конечто же, спору нет)
13:06 - since - произносится как "синс", а не "саинс". science - наука
Да, и в слове "origin" ударение ставится на первый слог - "Ориджин". Это просто к сведению ☺За видос спасибо.
Я указывал на звезды в небе, он видел шрам на руке.
Благодарю за огромный труд и за то что делитесь его результатами с нами. У вас очень интересная подача материала. Характерный графический материал позволяет хорошо проникнуть в суть. Быстрая начитка с полным отсутствием воды. Неожиданные интеграции. Это всё формирует неповторимый стиль вашего контента.
Спасибо за такую емкую, последовательную и понятную подачу материала!
Спасибо тебе за то что ты делаешь, полезно. Даже при условии что давно знаю основы, всплывают вещи о которых никогда не думал или не читал!
Продолжай!!!❤
Огромное спасибо, очень интересная информация, как всегда отличная подача, невероятно интересно смотреть.❤
Спасибо! Мне начинает казаться что ты выпускаешь ролики под тему которую я изучаю) как обычно лучший контент!👍
Как можно было забыть про Оперу в рассказе про браузеры и, особенно, в рассказе про W3C? Они ж внесли самый большой вклад и имели в своё время неплохую долю рынка
Хороший был браузер до тех пор пока они не перешли на хромиум
@@cherimolah9493 есть Vivaldi. Сделан разрабами старой оперы
Из перков: название заголовка Referer написано с ошибкой, правильно с двумя r посерединке (Refe_rr_er). Подробную историю можно на вики почитать, но в целом это один из примеров фразы "так исторически сложилось". Кто-то в самом начале разработки протокола HTTP ошибся, а теперь нам с этим жить ;)
Спасибо все по полочкам в голове стало 👍
Спасибо, мне очень нравится и материал и подача!
Оч, круто! Автору респект за работу! Лучший контент на тему.
Спасибо за материал
Вот бы про видео ещё такой же!
Включаю твои видео чтобы заснуть, очень помогает, спасибо! (Без сарказма)
Этот ролик просто надо разделить на 8 отдельных уроков по 1.5 часа и будет норм...
в точку.
1е 15минут понятно, а потом я поплыл
Просмотрел весь ролик. Благодаою за видео.
очень интересно слушать, но хотелось бы чтобы чуточку больше всё разжеванно было. а так, огромное спасибо автору за такие классные ролики. наверное чтобы лучше все понять, пересмотрю по несколько раз всё
Тут все настолько разжевано, что проще уже некуда. Если не понятно, то пересматривай видос и читай дополнительную литературу. Тут нет контента который можно смотреть на развлекаловку
Спасибо тебе большое за такой крутой обучающий контент)!!
сайнс -> синс, алоу -> элау. Хорошая обзорная экскурсия. Стоило акцентировать, что под TLS или WebSocket все еще лежит TCP, иначе у пытающихся разбираться это может создать впечатление, что последний волшебным образом из игры выбывает.
Шикарный ролик! Спасибо за старания
Вышло видео Alek OS, это праздник🎉
Да, я написал комент, чтоб просто продвинуть ролик:)
Кто-бы не говорил,Алек делает годный контент
После этого видео - я понял, что ничего не понял про веб, и той базы, которую можно найти на популярных источниках - не достаточно, чтобы делать серьезные проекты.
покупайте книжки в книжном, читайте периодику, монографии и учитесь на кафедрах серьезных вузов.
@@aiminvest так себе совет)
Будет ли видео про то, как устроены базы данных? Что и куда подключается в них, зачем порты и тд?
Порт для любой программы это некий идентификатор по которому программа определяет, что данные попадающие в систему предназначаются именно ей. В ОС программы могут взаимодействовать и по номеру процесса, но он не постоянен и получить его тоже может быть проблема. Это работает когда мы через консоль используя имя или путь программы отправляем ей команды. По этому используются порты. Некая программа или даже устройство, говорит системе что вот данные по этому порту присылай мне. И затем когда другая программа хочет что-то послать ей, то говорит системе, сейчас я передам данные, отправь их на такой-то порт.
Но больше по БД я врятли сильно чего могу рассказать. Ибо порты это общий способ взаимодействия разных программ, а вот в БД, тоже не особо разбираюсь.
В принципе начинается всё также как и с браузерами. Некая программа для работы с БД посылает данные некоей прослойке между ней и самими данными. Эта прослойка как и серверное приложение сайта слушает порт и обрабатывает запросы, взаимодействуя с файлами.
Отдельное спасибо за CORS !!!!🔥
Aleks OS спасибо большое за видео! Полезное объёмное - много труда вложено, уровень подачи материала High class. Единственное, название видео скорее "Взаимодействие браузера с сервером, протоколы HTTP, HTTPS". Было бы очень интересно посмотреть видео от тебя про устройство самого браузера и Event Loop в деталях. Здоровья тебе, и удовольствия от того чем ты занимаешься. С уважением!!!
Сойдёт, но чисто база) раньше когда ты рассказывал про какие то не очень сложные темы было интересно, но сейчас уже чисто база)
Ультимативное видео про механики интернета. Низкий поклон.
Полезная инфа!!! Лайк за работу!!!
Спасибо за ролик)
а может следующее виде на тему как работаю веб фреймворки)? для меня было бы очень актуально 😊
Заявленная тема не раскрыта. Протоколы и секьюрность имеют примерно такое же отношение к работе браузера, как забор и подъездные пути к работе завода.
Фи.
Кстати edge очень классный браузер, я им начал пользоваться в 2019 году, потому что по сравнению с яндексом и гуглом он жрал ресурсов в 2 раза меньше, сохраняя точно такой же функционал (кроме picture in picture который был в яндексе, но плагином это фиксится), в этом браузере я нашëл огромное колличество плюсов
-Предустановлен по усолчанию
-минималистичный
-нет всяких боковых панелей (года 1.5 назад появились и отключаются 1 кнопкой)
-прдержка всех возможных плагинов
- переключение между вкладками через alt+tab (для некоторых было бы не удобно, но мне по кайфу)
-удобный режим разработчика
- и всë так же маложрущий ресурсы
Из минусов
-Засунули боковую панель
-при закрытии браузера вкладки тоже закрываются (фиксится 1 ползунком)
Тоже пользуюсь edge с 2017 года. По мне вполне годный браузер. У многих он наверно ассоциируется с Internet explorer возможно поэтому мало людей пользуются эджом
@@otombaymatraimov55 нет. Пользователи предпочитают Chrome/Yandex из-за синхронизации с аккаунтом. Дело не в функциональности или скорости / прожорливости, а в сохранении истории, паролей, настроек, расширений, закладок - простым входом в тот же аккаунт, на котором есть почта, диск, ютуб-канал, и так далее...
Аж заплакал .Помню что то подобное мне друг говорил когда появился гугл хром))))
+вертикальные вкладки и без заголовка
Edge > любой другой браузер на десктопе сейчас. Тем более хром. К сожалению, из-за плохой репутации Эджа и IE в прошлом люди очень скептично к нему относятся, а зря
6:39 - это не GET-параметры, а Query параметры
а GET параметры тогда что?
Алек, давай видео про Уведомления от браузеров и мобильных/десктопных приложений
Процентов 40 максимум понял, подача подразумевает понимание основ. В целом годно.)
Кодирование url существенно безумнее, чем здесь описано. кодировка пути и далее не обязательно utf-8 (по крайней мере так было раньше) а вот международные домены кодируются совершенно диким способом по имени punycode. в результате получится что-то типа xn--e1afmkfd.xn--80akhbyknj4f вместо пример.испытание
мега база, спасибо
если вас не берут на работу, скиллфэктори вам не поможет))
Как же много зеленого! После 10 минут просмотра видео, когда я отвернулся от экрана, все в комнате стало с красным оттенком.
вроде и видос ниче такой и анимация, но хотелось бы наглядности, например скрины старых браузеров и т.д
Ура учиться
Все верно,
Алекс, когда от тебя ждать Алекс Оператион систем?)
Спасибо
13:00 только не сайнс, а синс) спасибо за видео!
Господи, это видео как глоток свежего посреди фастфуд-говно-контента, который рождается в UA-cam каждую секунду. Спасибо Бро, подписался, смотрю дальше
Вот это годнота 🔥
Видео точно не для джунов, скорее для мидлов, которые хотят точнее разобраться во всех тонкостях. Но кликбейтные названия бесят
Легенда паря. Мощная работа
Можешь рассказать как работает время в компьютере ?
точнее как он может определить что прошло ровна один секунд или час?!
Точность электронных часов в телефоне определяется точностью настройки и стабильностью кварцевого генератора (резонатора).
На частоту резонатора влияют параметры окружающей среды (температура, давление) и напряжение питания генератора. Также в состав генератора входят и другие элементы, параметры которых сильнее зависят от внешних воздействий. В результате часы могут убегать до 30 секунд в месяц.
Для повышения точности часов можно использовать два пути:
Аппаратный. Частота генератора часов подстраивается под частоту несущей передающей вышки GSM.
Программный. Базовая вышка GSM передает сигналы точного времени, и операционная система подстраивает часы.
Также можно установить дополнительное программное обеспечение, например, ClockSync. Оно синхронизирует системное время Android-устройства через Интернет по протоколу NTP с серверами точного времени.
22:53 - тут я понял, ну нафиг, сайты я делать не буду...
урааааа новая имба от алек ос
Годнотище
Красавчик, тема то что надо
13:07 since - синс (ну насколько это возможно по-русски написать). Автор урорно читает его как сайнс - science (наука)
А видос интересный, но не рассказывает как работает браузер. Он рассказывает что может браузер и пр.
Как сервер отличает, что запрос подан через XmlHttp?
Спасибо!
Ты теплое с мягким спутал, XML это вид представления данных, а HTTP это собссно через что он передается.
@@Torn_Shoe , бу-га-га!!11
Хороший анекдот!
@@postoronny че? Дак и расскажи тогда что такое XmlHttp, ибо даже инет молчит по этому поводу.
@@Torn_Shoe ты в инет и не пытался зайти, раз 👉XMLHttpRequest👈 не нагуглил 🤣👉🤡
Огнище, спасибо! С удовольствием посмотрел, хотя всё это знаю наизусть)
13:06 Модифицированная наука
Код ответа 418 самый прикольный.
Ооо, новое видео))
Поставлю кружочек в календаре
"Каким файлообменником ты пользуешься?"
Спасибо, Друг!
Топовый контент
Просто не мог не оставить коммент.
Это хорошо воспринимается контент, но на 15 минуте почувствовал нагрузку на мозг😂
Выкл. Видос
Пока так
Спасибо
Слышал, что написать с нуля современный браузер так же сложно, как и новую ОС
Да, но как и в случае с ОС с нуля обычно не пишут, тот же Венатор для осинта например частично переписан с либревульфа)
Ну это как пример творчества энтузиастов.
Спасибо очень круто и анимация отличная, только метроном задолбал я на эти щелчки как кот из видео реагировал , не надо так (
+++,да за отдельная благодарочка.Автор,знает свое дело..молодец
расскажи про API
А где история лучшего браузера нулевых, OPERA?
Посмотрел весь выпуск на одном дыхании, огонь пушка 🔥
Рофл, не кидайтесь
за две минуты сорок три секунды?
Хренли ты там посмотрел 40+ минут со временем написания коммента 7 минут назад?
Первонахи
@@ProCto_Filya Время дорогая вещь приходится в х45 смотреть
@@User-y31337 Лекции: "Рофл", урок 1:
Я стебусь над пользователями, которые так пишут. Очевидно, что я не успел бы физически за это время весь посмотреть
@@fiatex он заранее закоментил, вдохнул воздуха побольше и пошёл смотреть))
Если меня спросят на собесе: как работает браузер, а я ему ответ на 45 минут, то меня возьмут?🤔
❤
Чисто технически видео обзор чего угодно, только не движка браузера. Ждал более глубого программерского взгляда вглубь, а не вширь
Хорошие видео по сети, вот только как их слушать чтобы мозг не взорвался ))) при таком стиле и качестве почему так редко? Возьми монтажера, контролируй монтаж и делай в 2-3 раза больше роликов ,потенциал есть, а делигирование нужно подтягивать. Взрывай ютуб вместо своего мозга от загружености не нужными делами, респектую, жаль не маштабируеш начатое
Ой, да чего мелочиться, пусть свою студию открывает и нанимает тысячу монтажеров, у него же бабки из карманов сыпятся, да?
@@Torn_Shoe Нет) просто считать нужно уметь, да и можно найти монтажера согласившегося на % от дохода с ютуб, Время намного дороже чем монтажер )))
Since производится как синс
Алек, прорекламируй пожалуйста курсы английского языка и сам сходи на них
Ну какой к черту саенс? Since = синс
Если ты байтил, то ты мастер
😅
Пощады, пожалуйста!
Вот http3 уже наступает на пятки. Алек, сделал бы ты и этот разбор тоже, было бы классно.
"Код 300, выберете своего тракториста"
Ты реально разбираешься во всех этих темах, которые есть на канале? Или тщательно готовишься, чтобы выпустить материал?
я обязательно пойму
Что со звуковой дорожкой ? Почему я слышку странные звуки во время речи ? Что это ? И это не только в этом его видосе
Отличный материал, молодец!)
Про работу браузера особо ничего в видео и нет.
Сюда
Потрясающий материал!
Спасибо за качественный контент!)
дружище, ты не про браузер рассказываешь, а про http))
Спасибо за видео, извлеку новые знания. Очень жду новый душещипательный подкаст, предыдущие меня вдохновили на нормальную учёбу, буквально вернули к жизни. "Программирование - это искусство".
Большое спасибо.
Тэк, Это все прикольно, но ты рассказал не про ток, как работает браузер, а про протоколы, про интернеты.
1. Мне кажется ты уже про это рассказывал.
2. Что там с DOM и CSSOM
3. Разные браузерные API типа батареи или IndexedDB
4. Что там с отрисовкой всей этой сложной лабуды, которую мы пишем?
5. Вкладки, отношения меду ними, расширения и вообще фоновые процессы.
Очевидно, что это далеко не все, что умеет современный бровсер, однако в видео мы вообще видим одну сторону. Да, браузер умеет делать запросы и получать ответы, но это умеет и постман или какое-нибудь мобильное приложение. В чем тогда отличия? Откуда столько легаси? Почему мы давно выкинули на помоку кучу десктопного софта и перенесли его в веб?
Уже отвечал на схожий комментарий. Есть основной принцип работы браузера (то что в видео), а есть внутреннее устройство браузера, которое зависит от конкретной реализации.
@@--..--..---.--.-. да, но этотуже было, мало того, про это есть везде
А что такое батарея?
@@stas7che window.navigator.getBattery() возвращает промис, содержащий информацию о батареи. Заряжается ли, какой процент остался, на сколько хватит и все такое
Присоединяюсь к той части комментаторов, кто считает, что это видео скорее про то как работает HTTP/HTTPS. Очень ждал, но так и не увидел про xhttprequest или инкогнито. Про js вообще ни слова. Про локалсторадж, подгрузку и кеширование ресурсов было вскользь. Для тех кто проходил мимо сложновато, даже для тех кто с этим работает тут много лишнего. Может под какой-то специфический курс пойдет типа "всё что вы хотели знать про хттп за полчаса, а заодно всё то что знать не хотели за еще 15 минут". Но работа, как и всегда, колоссальная, тут вопросов нет.
Ты все равно не расскажешь КАК
🎉
В принципе все понятно, кроме кук, чего то с ними перемудрили😢
С куками все более чем просто.
Куками или кукисами сервер может помечать и различать клиентов,имеющие 1 не уникальный IP адрес.
То есть при заходе на сервер,он может затребовать у клиента(приложение браузер) те самые куки,чтоб посмотреть что в последний раз туда было записано.
Если куки вернулись пустые,значит либо человек их у себя почистил либо заходит первый раз.
Зачем это нужно?
Хранить публичную,информацию о пользователе,чтоб не производить опрос пользователя каждый раз.
Например данные авторизации,настройки по интерфейсу.
Много мифов и жути гуляет по интернету по поводу кражи и безопасности кукисов,но это скорее проблема уровня знаний программистов делавших конкретный сайт.
С нормального сайта даже украденная свежая сессия авторизации сможет определить,что что-то не так и предотвратить несанкционированный доступ к данным аккаунта.
В конце видео забыл спеть "Боже царя храни". Теперь тебя точно посадят.
как же мне нравится такие видео смотреть