КАК РАБОТАЕТ БРАУЗЕР?
HTML-код
- Опубликовано: 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 Хочу пароль и логин других пользователей
баги фиксятся?
Видео хорошее, но это не совсем про "как работает браузер", думаю, а больше про сетевое взаимодействие между браузером и сервером. Когда дошёл до storage в видео, уже подумал, что пошло в нужную сторону, но не совсем. Как работает браузер, мне кажется, помимо упомянутого - это больше работа с ОС, с памятю, т.е. рассмотреть его как приложение, функциональные возможности, движки, отрисовки контента и пр.
Согласен, но это половина что сказано в видео, с этим дополнением было бы полное объяснение😊
Уберите из браузера ту функциональность, которая описана в этом видео, и он перестанет быть браузером... Это видео более-менее описывает то как РАБОТАЕТ браузер, а то что описываете Вы, больше подходит под заголовок «как УСТРОЕН браузер».
ожидал объяснение как работает парсинг страниц, рендеринг, в том числе хочется комплексный обзор первых движков (парочку из них имеют исходники на гитхабе)
@@--..--..---.--.-.ролик скорее про то, какие технологии использует браузер, curl же не является браузером, хотя все это делает :)
@@plaintext7288 нет. Ролик как раз про то, на чём основана работа браузера: про протокол передачи гипертекста, предназначенного для отображения браузером веб-интерфейсов. К слову, существуют разные языки разметки, и некоторые тоже предназначены для рендеринга интерфейсов. Но это никаким образом не имеет отношения к браузеру. А вот curl - утилита, использующая протокол, разработанный специально для браузеров, но не наоборот...
Алек ОС - реально машина
виртуальная?)
Операционная система
@@alexchto+
Даа.
Он тигр жи есть
Это видео: кошмар для бабушек которые сходят с ума когда слышат слово браузер, а при слове торрент взрываются с мощностью 250 000 тонн
Тратила
Или как побить 100 бабушек😅
Твоя бабушка читает книгу "Язык Ада" ?
тротила
@@BestMovieActors моя бабушка читает газету «Жизнь».
Благодарю за огромный труд и за то что делитесь его результатами с нами. У вас очень интересная подача материала. Характерный графический материал позволяет хорошо проникнуть в суть. Быстрая начитка с полным отсутствием воды. Неожиданные интеграции. Это всё формирует неповторимый стиль вашего контента.
Огромное спасибо, очень интересная информация, как всегда отличная подача, невероятно интересно смотреть.❤
13:06 - since - произносится как "синс", а не "саинс". science - наука
Да, и в слове "origin" ударение ставится на первый слог - "Ориджин". Это просто к сведению ☺За видос спасибо.
Я указывал на звезды в небе, он видел шрам на руке.
Из перков: название заголовка Referer написано с ошибкой, правильно с двумя r посерединке (Refe_rr_er). Подробную историю можно на вики почитать, но в целом это один из примеров фразы "так исторически сложилось". Кто-то в самом начале разработки протокола HTTP ошибся, а теперь нам с этим жить ;)
Спасибо тебе за то что ты делаешь, полезно. Даже при условии что давно знаю основы, всплывают вещи о которых никогда не думал или не читал!
Продолжай!!!❤
не представляю какого это, досконально самому изучить такой материал и потом ещё сжать его до подобного видео. это же целая мать его книга с техническим текстом.
Можно начать с Википедии
Это буквально всего страниц 50-60 любой книги по сетям. Ребята в университете проходят это на 2-3 курсе. Автору респект именно за то, что запарился с анимациями, все остальное - подача материала и его сложность не огонь
Да сложного тут ничего нет по нынешим меркам, илюстрация и донести простым языком самое сложное, но это для тех хоть как-то крутится в этой теме. Ну автор молодец конечто же, спору нет)
-како́го- _каково́_
@@kitten-free спаси́бо!
Спасибо все по полочкам в голове стало 👍
Кто-бы не говорил,Алек делает годный контент
Спасибо! Мне начинает казаться что ты выпускаешь ролики под тему которую я изучаю) как обычно лучший контент!👍
Спасибо за такую емкую, последовательную и понятную подачу материала!
Спасибо, мне очень нравится и материал и подача!
Шикарный ролик! Спасибо за старания
Присоединяюсь к той части комментаторов, кто считает, что это видео скорее про то как работает HTTP/HTTPS. Очень ждал, но так и не увидел про xhttprequest или инкогнито. Про js вообще ни слова. Про локалсторадж, подгрузку и кеширование ресурсов было вскользь. Для тех кто проходил мимо сложновато, даже для тех кто с этим работает тут много лишнего. Может под какой-то специфический курс пойдет типа "всё что вы хотели знать про хттп за полчаса, а заодно всё то что знать не хотели за еще 15 минут". Но работа, как и всегда, колоссальная, тут вопросов нет.
Оч, круто! Автору респект за работу! Лучший контент на тему.
Спасибо за материал
Вот бы про видео ещё такой же!
Просмотрел весь ролик. Благодаою за видео.
Полезная инфа!!! Лайк за работу!!!
сайнс -> синс, алоу -> элау. Хорошая обзорная экскурсия. Стоило акцентировать, что под TLS или WebSocket все еще лежит TCP, иначе у пытающихся разбираться это может создать впечатление, что последний волшебным образом из игры выбывает.
Этот ролик просто надо разделить на 8 отдельных уроков по 1.5 часа и будет норм...
в точку.
1е 15минут понятно, а потом я поплыл
Как можно было забыть про Оперу в рассказе про браузеры и, особенно, в рассказе про W3C? Они ж внесли самый большой вклад и имели в своё время неплохую долю рынка
Хороший был браузер до тех пор пока они не перешли на хромиум
@@cherimolah9493 есть Vivaldi. Сделан разрабами старой оперы
Включаю твои видео чтобы заснуть, очень помогает, спасибо! (Без сарказма)
Спасибо тебе большое за такой крутой обучающий контент)!!
очень интересно слушать, но хотелось бы чтобы чуточку больше всё разжеванно было. а так, огромное спасибо автору за такие классные ролики. наверное чтобы лучше все понять, пересмотрю по несколько раз всё
Тут все настолько разжевано, что проще уже некуда. Если не понятно, то пересматривай видос и читай дополнительную литературу. Тут нет контента который можно смотреть на развлекаловку
Вышло видео Alek OS, это праздник🎉
Да, я написал комент, чтоб просто продвинуть ролик:)
Спасибо за ролик)
мега база, спасибо
После этого видео - я понял, что ничего не понял про веб, и той базы, которую можно найти на популярных источниках - не достаточно, чтобы делать серьезные проекты.
покупайте книжки в книжном, читайте периодику, монографии и учитесь на кафедрах серьезных вузов.
@@aiminvest так себе совет)
Aleks OS спасибо большое за видео! Полезное объёмное - много труда вложено, уровень подачи материала High class. Единственное, название видео скорее "Взаимодействие браузера с сервером, протоколы HTTP, HTTPS". Было бы очень интересно посмотреть видео от тебя про устройство самого браузера и Event Loop в деталях. Здоровья тебе, и удовольствия от того чем ты занимаешься. С уважением!!!
Сойдёт, но чисто база) раньше когда ты рассказывал про какие то не очень сложные темы было интересно, но сейчас уже чисто база)
Отдельное спасибо за CORS !!!!🔥
если вас не берут на работу, скиллфэктори вам не поможет))
Заявленная тема не раскрыта. Протоколы и секьюрность имеют примерно такое же отношение к работе браузера, как забор и подъездные пути к работе завода.
Фи.
вроде и видос ниче такой и анимация, но хотелось бы наглядности, например скрины старых браузеров и т.д
Будет ли видео про то, как устроены базы данных? Что и куда подключается в них, зачем порты и тд?
Порт для любой программы это некий идентификатор по которому программа определяет, что данные попадающие в систему предназначаются именно ей. В ОС программы могут взаимодействовать и по номеру процесса, но он не постоянен и получить его тоже может быть проблема. Это работает когда мы через консоль используя имя или путь программы отправляем ей команды. По этому используются порты. Некая программа или даже устройство, говорит системе что вот данные по этому порту присылай мне. И затем когда другая программа хочет что-то послать ей, то говорит системе, сейчас я передам данные, отправь их на такой-то порт.
Но больше по БД я врятли сильно чего могу рассказать. Ибо порты это общий способ взаимодействия разных программ, а вот в БД, тоже не особо разбираюсь.
В принципе начинается всё также как и с браузерами. Некая программа для работы с БД посылает данные некоей прослойке между ней и самими данными. Эта прослойка как и серверное приложение сайта слушает порт и обрабатывает запросы, взаимодействуя с файлами.
6:39 - это не GET-параметры, а Query параметры
а GET параметры тогда что?
Кодирование url существенно безумнее, чем здесь описано. кодировка пути и далее не обязательно utf-8 (по крайней мере так было раньше) а вот международные домены кодируются совершенно диким способом по имени punycode. в результате получится что-то типа xn--e1afmkfd.xn--80akhbyknj4f вместо пример.испытание
Ультимативное видео про механики интернета. Низкий поклон.
а может следующее виде на тему как работаю веб фреймворки)? для меня было бы очень актуально 😊
Спасибо
Алек, давай видео про Уведомления от браузеров и мобильных/десктопных приложений
Кстати edge очень классный браузер, я им начал пользоваться в 2019 году, потому что по сравнению с яндексом и гуглом он жрал ресурсов в 2 раза меньше, сохраняя точно такой же функционал (кроме picture in picture который был в яндексе, но плагином это фиксится), в этом браузере я нашëл огромное колличество плюсов
-Предустановлен по усолчанию
-минималистичный
-нет всяких боковых панелей (года 1.5 назад появились и отключаются 1 кнопкой)
-прдержка всех возможных плагинов
- переключение между вкладками через alt+tab (для некоторых было бы не удобно, но мне по кайфу)
-удобный режим разработчика
- и всë так же маложрущий ресурсы
Из минусов
-Засунули боковую панель
-при закрытии браузера вкладки тоже закрываются (фиксится 1 ползунком)
Тоже пользуюсь edge с 2017 года. По мне вполне годный браузер. У многих он наверно ассоциируется с Internet explorer возможно поэтому мало людей пользуются эджом
@@otombaymatraimov55 нет. Пользователи предпочитают Chrome/Yandex из-за синхронизации с аккаунтом. Дело не в функциональности или скорости / прожорливости, а в сохранении истории, паролей, настроек, расширений, закладок - простым входом в тот же аккаунт, на котором есть почта, диск, ютуб-канал, и так далее...
Аж заплакал .Помню что то подобное мне друг говорил когда появился гугл хром))))
+вертикальные вкладки и без заголовка
Edge > любой другой браузер на десктопе сейчас. Тем более хром. К сожалению, из-за плохой репутации Эджа и IE в прошлом люди очень скептично к нему относятся, а зря
Как же много зеленого! После 10 минут просмотра видео, когда я отвернулся от экрана, все в комнате стало с красным оттенком.
Алекс, когда от тебя ждать Алекс Оператион систем?)
7:04 неправда, %-кодирование было допустимо только для пути, запроса и фрагмента. не знаю про схему а вот домен кодировать придумали сильно позже и для этого использовали совсем другой формат (xn--...)
урааааа новая имба от алек ос
Красавчик, тема то что надо
Легенда паря. Мощная работа
13:00 только не сайнс, а синс) спасибо за видео!
Процентов 40 максимум понял, подача подразумевает понимание основ. В целом годно.)
Ура учиться
Все верно,
Топовый контент
Спасибо за видео, извлеку новые знания. Очень жду новый душещипательный подкаст, предыдущие меня вдохновили на нормальную учёбу, буквально вернули к жизни. "Программирование - это искусство".
Вот это годнота 🔥
Видео точно не для джунов, скорее для мидлов, которые хотят точнее разобраться во всех тонкостях. Но кликбейтные названия бесят
Спасибо, Друг!
Потрясающий материал!
22:53 - тут я понял, ну нафиг, сайты я делать не буду...
13:06 Модифицированная наука
Годнотище
13:07 since - синс (ну насколько это возможно по-русски написать). Автор урорно читает его как сайнс - science (наука)
А видос интересный, но не рассказывает как работает браузер. Он рассказывает что может браузер и пр.
Отличный материал, молодец!)
Алек, прорекламируй пожалуйста курсы английского языка и сам сходи на них
Ну какой к черту саенс? Since = синс
Если ты байтил, то ты мастер
😅
Ооо, новое видео))
Поставлю кружочек в календаре
Господи, это видео как глоток свежего посреди фастфуд-говно-контента, который рождается в RUclips каждую секунду. Спасибо Бро, подписался, смотрю дальше
Огнище, спасибо! С удовольствием посмотрел, хотя всё это знаю наизусть)
Спасибо за качественный контент!)
Since производится как синс
расскажи про API
А где история лучшего браузера нулевых, OPERA?
Код ответа 418 самый прикольный.
Чисто технически видео обзор чего угодно, только не движка браузера. Ждал более глубого программерского взгляда вглубь, а не вширь
Можешь рассказать как работает время в компьютере ?
точнее как он может определить что прошло ровна один секунд или час?!
Точность электронных часов в телефоне определяется точностью настройки и стабильностью кварцевого генератора (резонатора).
На частоту резонатора влияют параметры окружающей среды (температура, давление) и напряжение питания генератора. Также в состав генератора входят и другие элементы, параметры которых сильнее зависят от внешних воздействий. В результате часы могут убегать до 30 секунд в месяц.
Для повышения точности часов можно использовать два пути:
Аппаратный. Частота генератора часов подстраивается под частоту несущей передающей вышки GSM.
Программный. Базовая вышка GSM передает сигналы точного времени, и операционная система подстраивает часы.
Также можно установить дополнительное программное обеспечение, например, ClockSync. Оно синхронизирует системное время Android-устройства через Интернет по протоколу NTP с серверами точного времени.
Пощады, пожалуйста!
я обязательно пойму
Большое спасибо.
❤
Про работу браузера особо ничего в видео и нет.
"Каким файлообменником ты пользуешься?"
Просто не мог не оставить коммент.
Это хорошо воспринимается контент, но на 15 минуте почувствовал нагрузку на мозг😂
Выкл. Видос
Пока так
Спасибо
Посмотрел весь выпуск на одном дыхании, огонь пушка 🔥
Рофл, не кидайтесь
за две минуты сорок три секунды?
Хренли ты там посмотрел 40+ минут со временем написания коммента 7 минут назад?
Первонахи
@@ProCto_Filya Время дорогая вещь приходится в х45 смотреть
@@User-y31337 Лекции: "Рофл", урок 1:
Я стебусь над пользователями, которые так пишут. Очевидно, что я не успел бы физически за это время весь посмотреть
@@fiatex он заранее закоментил, вдохнул воздуха побольше и пошёл смотреть))
Если меня спросят на собесе: как работает браузер, а я ему ответ на 45 минут, то меня возьмут?🤔
Как сервер отличает, что запрос подан через XmlHttp?
Спасибо!
Ты теплое с мягким спутал, XML это вид представления данных, а HTTP это собссно через что он передается.
@@Torn_Shoe , бу-га-га!!11
Хороший анекдот!
@@postoronny че? Дак и расскажи тогда что такое XmlHttp, ибо даже инет молчит по этому поводу.
@@Torn_Shoe ты в инет и не пытался зайти, раз 👉XMLHttpRequest👈 не нагуглил 🤣👉🤡
Видос просто топчик, спасибо большое
Спасибо очень круто и анимация отличная, только метроном задолбал я на эти щелчки как кот из видео реагировал , не надо так (
+++,да за отдельная благодарочка.Автор,знает свое дело..молодец
Сюда
Слышал, что написать с нуля современный браузер так же сложно, как и новую ОС
Да, но как и в случае с ОС с нуля обычно не пишут, тот же Венатор для осинта например частично переписан с либревульфа)
Ну это как пример творчества энтузиастов.
Обожаю этот канал
дружище, ты не про браузер рассказываешь, а про http))
как же мне нравится такие видео смотреть
Ты все равно не расскажешь КАК
Вот http3 уже наступает на пятки. Алек, сделал бы ты и этот разбор тоже, было бы классно.
🎉
"Код 300, выберете своего тракториста"
Что со звуковой дорожкой ? Почему я слышку странные звуки во время речи ? Что это ? И это не только в этом его видосе
Хорошие видео по сети, вот только как их слушать чтобы мозг не взорвался ))) при таком стиле и качестве почему так редко? Возьми монтажера, контролируй монтаж и делай в 2-3 раза больше роликов ,потенциал есть, а делигирование нужно подтягивать. Взрывай ютуб вместо своего мозга от загружености не нужными делами, респектую, жаль не маштабируеш начатое
Ой, да чего мелочиться, пусть свою студию открывает и нанимает тысячу монтажеров, у него же бабки из карманов сыпятся, да?
@@Torn_Shoe Нет) просто считать нужно уметь, да и можно найти монтажера согласившегося на % от дохода с ютуб, Время намного дороже чем монтажер )))
Автор понапутал куча всего. На 16 минуте я понял, что там уже 5 пунктов, которые в видео перепутаны. Дальше смотреть не стал. А вот новичкам в программировании или просто людям для самообразования будет полезно!