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