КАК РАБОТАЕТ БРАУЗЕР?
Стань “Белым” хакером в 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
Пікірлер: 225
Телеграм-канал - t.me/Alek_OS
Браузер работает так: Запросы крутятся, кукисы мутятся.
@boost_456
Ай бұрын
Сайты такие: Не хотите печенек? 🥺🍪
@trainPTT
Ай бұрын
@@boost_456 Хочу пароль и логин других пользователей
@jacknoel5817
10 күн бұрын
баги фиксятся?
Алек ОС - реально машина
@flandrescarlet4298
Ай бұрын
виртуальная?)
@alexchto
Ай бұрын
Операционная система
@Akvaster
Ай бұрын
@@alexchto+
@redfox7193
Ай бұрын
Даа.
Видео хорошее, но это не совсем про "как работает браузер", думаю, а больше про сетевое взаимодействие между браузером и сервером. Когда дошёл до storage в видео, уже подумал, что пошло в нужную сторону, но не совсем. Как работает браузер, мне кажется, помимо упомянутого - это больше работа с ОС, с памятю, т.е. рассмотреть его как приложение, функциональные возможности, движки, отрисовки контента и пр.
@thenikehiro5278
Ай бұрын
Согласен, но это половина что сказано в видео, с этим дополнением было бы полное объяснение😊
@--..--..---.--.-.
Ай бұрын
Уберите из браузера ту функциональность, которая описана в этом видео, и он перестанет быть браузером... Это видео более-менее описывает то как РАБОТАЕТ браузер, а то что описываете Вы, больше подходит под заголовок «как УСТРОЕН браузер».
@pspdv
Ай бұрын
ожидал объяснение как работает парсинг страниц, рендеринг, в том числе хочется комплексный обзор первых движков (парочку из них имеют исходники на гитхабе)
@plaintext7288
Ай бұрын
@@--..--..---.--.-.ролик скорее про то, какие технологии использует браузер, curl же не является браузером, хотя все это делает :)
@--..--..---.--.-.
Ай бұрын
@@plaintext7288 нет. Ролик как раз про то, на чём основана работа браузера: про протокол передачи гипертекста, предназначенного для отображения браузером веб-интерфейсов. К слову, существуют разные языки разметки, и некоторые тоже предназначены для рендеринга интерфейсов. Но это никаким образом не имеет отношения к браузеру. А вот curl - утилита, использующая протокол, разработанный специально для браузеров, но не наоборот...
Это видео: кошмар для бабушек которые сходят с ума когда слышат слово браузер, а при слове торрент взрываются с мощностью 250 000 тонн
@user-ki8ye4el7x
Ай бұрын
Тратила
@thenikehiro5278
Ай бұрын
Или как побить 100 бабушек😅
@BestMovieActors
Ай бұрын
Твоя бабушка читает книгу "Язык Ада" ?
@UraniumAgent
Ай бұрын
тротила
@jk-art2197
Ай бұрын
@@BestMovieActors моя бабушка читает газету «Жизнь».
не представляю какого это, досконально самому изучить такой материал и потом ещё сжать его до подобного видео. это же целая мать его книга с техническим текстом.
@hardwares
Ай бұрын
Можно начать с Википедии
@heartmarshalljunior8670
Ай бұрын
Это буквально всего страниц 50-60 любой книги по сетям. Ребята в университете проходят это на 2-3 курсе. Автору респект именно за то, что запарился с анимациями, все остальное - подача материала и его сложность не огонь
@dmitrius8d
Ай бұрын
Да сложного тут ничего нет по нынешим меркам, илюстрация и донести простым языком самое сложное, но это для тех хоть как-то крутится в этой теме. Ну автор молодец конечто же, спору нет)
Благодарю за огромный труд и за то что делитесь его результатами с нами. У вас очень интересная подача материала. Характерный графический материал позволяет хорошо проникнуть в суть. Быстрая начитка с полным отсутствием воды. Неожиданные интеграции. Это всё формирует неповторимый стиль вашего контента.
Огромное спасибо, очень интересная информация, как всегда отличная подача, невероятно интересно смотреть.❤
Спасибо тебе за то что ты делаешь, полезно. Даже при условии что давно знаю основы, всплывают вещи о которых никогда не думал или не читал! Продолжай!!!❤
Спасибо все по полочкам в голове стало 👍
Спасибо, мне очень нравится и материал и подача!
Спасибо! Мне начинает казаться что ты выпускаешь ролики под тему которую я изучаю) как обычно лучший контент!👍
Шикарный ролик! Спасибо за старания
Спасибо за материал Вот бы про видео ещё такой же!
Спасибо за такую емкую, последовательную и понятную подачу материала!
Из перков: название заголовка Referer написано с ошибкой, правильно с двумя r посерединке (Refe_rr_er). Подробную историю можно на вики почитать, но в целом это один из примеров фразы "так исторически сложилось". Кто-то в самом начале разработки протокола HTTP ошибся, а теперь нам с этим жить ;)
Оч, круто! Автору респект за работу! Лучший контент на тему.
Просмотрел весь ролик. Благодаою за видео.
13:06 - since - произносится как "синс", а не "саинс". science - наука
@Rainmakeroffire
Ай бұрын
Да, и в слове "origin" ударение ставится на первый слог - "Ориджин". Это просто к сведению ☺За видос спасибо.
@Erzhikcoding
Ай бұрын
Я указывал на звезды в небе, он видел шрам на руке.
Включаю твои видео чтобы заснуть, очень помогает, спасибо! (Без сарказма)
Спасибо тебе большое за такой крутой обучающий контент)!!
Вышло видео Alek OS, это праздник🎉 Да, я написал комент, чтоб просто продвинуть ролик:)
Кто-бы не говорил,Алек делает годный контент
очень интересно слушать, но хотелось бы чтобы чуточку больше всё разжеванно было. а так, огромное спасибо автору за такие классные ролики. наверное чтобы лучше все понять, пересмотрю по несколько раз всё
@user-zl9ub4jt4z
Ай бұрын
Тут все настолько разжевано, что проще уже некуда. Если не понятно, то пересматривай видос и читай дополнительную литературу. Тут нет контента который можно смотреть на развлекаловку
Полезная инфа!!! Лайк за работу!!!
Как можно было забыть про Оперу в рассказе про браузеры и, особенно, в рассказе про W3C? Они ж внесли самый большой вклад и имели в своё время неплохую долю рынка
@cherimolah9493
Ай бұрын
Хороший был браузер до тех пор пока они не перешли на хромиум
@sunlight2093
Ай бұрын
@@cherimolah9493 есть Vivaldi. Сделан разрабами старой оперы
Отдельное спасибо за CORS !!!!🔥
Спасибо за ролик)
сайнс -> синс, алоу -> элау. Хорошая обзорная экскурсия. Стоило акцентировать, что под TLS или WebSocket все еще лежит TCP, иначе у пытающихся разбираться это может создать впечатление, что последний волшебным образом из игры выбывает.
мега база, спасибо
Сойдёт, но чисто база) раньше когда ты рассказывал про какие то не очень сложные темы было интересно, но сейчас уже чисто база)
Aleks OS спасибо большое за видео! Полезное объёмное - много труда вложено, уровень подачи материала High class. Единственное, название видео скорее "Взаимодействие браузера с сервером, протоколы HTTP, HTTPS". Было бы очень интересно посмотреть видео от тебя про устройство самого браузера и Event Loop в деталях. Здоровья тебе, и удовольствия от того чем ты занимаешься. С уважением!!!
После этого видео - я понял, что ничего не понял про веб, и той базы, которую можно найти на популярных источниках - не достаточно, чтобы делать серьезные проекты.
@aiminvest
Ай бұрын
покупайте книжки в книжном, читайте периодику, монографии и учитесь на кафедрах серьезных вузов.
@3dprint-ic3ji
Ай бұрын
@@aiminvest так себе совет)
Этот ролик просто надо разделить на 8 отдельных уроков по 1.5 часа и будет норм...
@Sev4ik0388
26 күн бұрын
в точку. 1е 15минут понятно, а потом я поплыл
Ультимативное видео про механики интернета. Низкий поклон.
Заявленная тема не раскрыта. Протоколы и секьюрность имеют примерно такое же отношение к работе браузера, как забор и подъездные пути к работе завода. Фи.
а может следующее виде на тему как работаю веб фреймворки)? для меня было бы очень актуально 😊
Кодирование url существенно безумнее, чем здесь описано. кодировка пути и далее не обязательно utf-8 (по крайней мере так было раньше) а вот международные домены кодируются совершенно диким способом по имени punycode. в результате получится что-то типа xn--e1afmkfd.xn--80akhbyknj4f вместо пример.испытание
Алек, давай видео про Уведомления от браузеров и мобильных/десктопных приложений
Будет ли видео про то, как устроены базы данных? Что и куда подключается в них, зачем порты и тд?
@Arlate_
Ай бұрын
Порт для любой программы это некий идентификатор по которому программа определяет, что данные попадающие в систему предназначаются именно ей. В ОС программы могут взаимодействовать и по номеру процесса, но он не постоянен и получить его тоже может быть проблема. Это работает когда мы через консоль используя имя или путь программы отправляем ей команды. По этому используются порты. Некая программа или даже устройство, говорит системе что вот данные по этому порту присылай мне. И затем когда другая программа хочет что-то послать ей, то говорит системе, сейчас я передам данные, отправь их на такой-то порт. Но больше по БД я врятли сильно чего могу рассказать. Ибо порты это общий способ взаимодействия разных программ, а вот в БД, тоже не особо разбираюсь. В принципе начинается всё также как и с браузерами. Некая программа для работы с БД посылает данные некоей прослойке между ней и самими данными. Эта прослойка как и серверное приложение сайта слушает порт и обрабатывает запросы, взаимодействуя с файлами.
Кстати edge очень классный браузер, я им начал пользоваться в 2019 году, потому что по сравнению с яндексом и гуглом он жрал ресурсов в 2 раза меньше, сохраняя точно такой же функционал (кроме picture in picture который был в яндексе, но плагином это фиксится), в этом браузере я нашëл огромное колличество плюсов -Предустановлен по усолчанию -минималистичный -нет всяких боковых панелей (года 1.5 назад появились и отключаются 1 кнопкой) -прдержка всех возможных плагинов - переключение между вкладками через alt+tab (для некоторых было бы не удобно, но мне по кайфу) -удобный режим разработчика - и всë так же маложрущий ресурсы Из минусов -Засунули боковую панель -при закрытии браузера вкладки тоже закрываются (фиксится 1 ползунком)
@otombaymatraimov55
Ай бұрын
Тоже пользуюсь edge с 2017 года. По мне вполне годный браузер. У многих он наверно ассоциируется с Internet explorer возможно поэтому мало людей пользуются эджом
@--..--..---.--.-.
Ай бұрын
@@otombaymatraimov55 нет. Пользователи предпочитают Chrome/Yandex из-за синхронизации с аккаунтом. Дело не в функциональности или скорости / прожорливости, а в сохранении истории, паролей, настроек, расширений, закладок - простым входом в тот же аккаунт, на котором есть почта, диск, ютуб-канал, и так далее...
@kalyamba777
Ай бұрын
Аж заплакал .Помню что то подобное мне друг говорил когда появился гугл хром))))
@AndroidsReview
Ай бұрын
+вертикальные вкладки и без заголовка
@alexeygudan
Ай бұрын
Edge > любой другой браузер на десктопе сейчас. Тем более хром. К сожалению, из-за плохой репутации Эджа и IE в прошлом люди очень скептично к нему относятся, а зря
Как же много зеленого! После 10 минут просмотра видео, когда я отвернулся от экрана, все в комнате стало с красным оттенком.
Алекс, когда от тебя ждать Алекс Оператион систем?)
Процентов 40 максимум понял, подача подразумевает понимание основ. В целом годно.)
вроде и видос ниче такой и анимация, но хотелось бы наглядности, например скрины старых браузеров и т.д
урааааа новая имба от алек ос
Красавчик, тема то что надо
если вас не берут на работу, скиллфэктори вам не поможет))
Легенда паря. Мощная работа
13:00 только не сайнс, а синс) спасибо за видео!
Спасибо, Друг!
Спасибо
22:53 - тут я понял, ну нафиг, сайты я делать не буду...
Спасибо за видео, извлеку новые знания. Очень жду новый душещипательный подкаст, предыдущие меня вдохновили на нормальную учёбу, буквально вернули к жизни. "Программирование - это искусство".
6:39 - это не GET-параметры, а Query параметры
@ardixq
18 күн бұрын
а GET параметры тогда что?
Вот это годнота 🔥 Видео точно не для джунов, скорее для мидлов, которые хотят точнее разобраться во всех тонкостях. Но кликбейтные названия бесят
Ура учиться
@Akvaster
Ай бұрын
Все верно,
Господи, это видео как глоток свежего посреди фастфуд-говно-контента, который рождается в KZread каждую секунду. Спасибо Бро, подписался, смотрю дальше
Годнотище
Топовый контент
Отличный материал, молодец!)
Ооо, новое видео)) Поставлю кружочек в календаре
Спасибо за качественный контент!)
Огнище, спасибо! С удовольствием посмотрел, хотя всё это знаю наизусть)
13:07 since - синс (ну насколько это возможно по-русски написать). Автор урорно читает его как сайнс - science (наука) А видос интересный, но не рассказывает как работает браузер. Он рассказывает что может браузер и пр.
Потрясающий материал!
Присоединяюсь к той части комментаторов, кто считает, что это видео скорее про то как работает HTTP/HTTPS. Очень ждал, но так и не увидел про xhttprequest или инкогнито. Про js вообще ни слова. Про локалсторадж, подгрузку и кеширование ресурсов было вскользь. Для тех кто проходил мимо сложновато, даже для тех кто с этим работает тут много лишнего. Может под какой-то специфический курс пойдет типа "всё что вы хотели знать про хттп за полчаса, а заодно всё то что знать не хотели за еще 15 минут". Но работа, как и всегда, колоссальная, тут вопросов нет.
Код ответа 418 самый прикольный.
13:06 Модифицированная наука
Просто не мог не оставить коммент. Это хорошо воспринимается контент, но на 15 минуте почувствовал нагрузку на мозг😂 Выкл. Видос Пока так Спасибо
"Каким файлообменником ты пользуешься?"
Можешь рассказать как работает время в компьютере ? точнее как он может определить что прошло ровна один секунд или час?!
@IZUMRUDUNKNOWN
19 күн бұрын
Точность электронных часов в телефоне определяется точностью настройки и стабильностью кварцевого генератора (резонатора). На частоту резонатора влияют параметры окружающей среды (температура, давление) и напряжение питания генератора. Также в состав генератора входят и другие элементы, параметры которых сильнее зависят от внешних воздействий. В результате часы могут убегать до 30 секунд в месяц. Для повышения точности часов можно использовать два пути: Аппаратный. Частота генератора часов подстраивается под частоту несущей передающей вышки GSM. Программный. Базовая вышка GSM передает сигналы точного времени, и операционная система подстраивает часы. Также можно установить дополнительное программное обеспечение, например, ClockSync. Оно синхронизирует системное время Android-устройства через Интернет по протоколу NTP с серверами точного времени.
Большое спасибо.
расскажи про API
Слышал, что написать с нуля современный браузер так же сложно, как и новую ОС
@Hatkid-sg2nc
Ай бұрын
Да, но как и в случае с ОС с нуля обычно не пишут, тот же Венатор для осинта например частично переписан с либревульфа) Ну это как пример творчества энтузиастов.
Видос просто топчик, спасибо большое
Посмотрел весь выпуск на одном дыхании, огонь пушка 🔥 Рофл, не кидайтесь
@ProCto_Filya
Ай бұрын
за две минуты сорок три секунды?
@User-y31337
Ай бұрын
Хренли ты там посмотрел 40+ минут со временем написания коммента 7 минут назад? Первонахи
@trainPTT
Ай бұрын
@@ProCto_Filya Время дорогая вещь приходится в х45 смотреть
@fiatex
Ай бұрын
@@User-y31337 Лекции: "Рофл", урок 1: Я стебусь над пользователями, которые так пишут. Очевидно, что я не успел бы физически за это время весь посмотреть
@apkawa
Ай бұрын
@@fiatex он заранее закоментил, вдохнул воздуха побольше и пошёл смотреть))
Алек, прорекламируй пожалуйста курсы английского языка и сам сходи на них Ну какой к черту саенс? Since = синс Если ты байтил, то ты мастер
@include.6890
Ай бұрын
😅
❤
Если меня спросят на собесе: как работает браузер, а я ему ответ на 45 минут, то меня возьмут?🤔
Since производится как синс
Пощады, пожалуйста!
Спасибо очень круто и анимация отличная, только метроном задолбал я на эти щелчки как кот из видео реагировал , не надо так (
@Akvaster
Ай бұрын
+++,да за отдельная благодарочка.Автор,знает свое дело..молодец
я обязательно пойму
Чисто технически видео обзор чего угодно, только не движка браузера. Ждал более глубого программерского взгляда вглубь, а не вширь
как же мне нравится такие видео смотреть
А где история лучшего браузера нулевых, OPERA?
Как сервер отличает, что запрос подан через XmlHttp? Спасибо!
@Torn_Shoe
Ай бұрын
Ты теплое с мягким спутал, XML это вид представления данных, а HTTP это собссно через что он передается.
@postoronny
Ай бұрын
@@Torn_Shoe , бу-га-га!!11 Хороший анекдот!
@Torn_Shoe
Ай бұрын
@@postoronny че? Дак и расскажи тогда что такое XmlHttp, ибо даже инет молчит по этому поводу.
@SalatikInMyHead
Ай бұрын
@@Torn_Shoe ты в инет и не пытался зайти, раз 👉XMLHttpRequest👈 не нагуглил 🤣👉🤡
Вот http3 уже наступает на пятки. Алек, сделал бы ты и этот разбор тоже, было бы классно.
Хорошие видео по сети, вот только как их слушать чтобы мозг не взорвался ))) при таком стиле и качестве почему так редко? Возьми монтажера, контролируй монтаж и делай в 2-3 раза больше роликов ,потенциал есть, а делигирование нужно подтягивать. Взрывай ютуб вместо своего мозга от загружености не нужными делами, респектую, жаль не маштабируеш начатое
@Torn_Shoe
Ай бұрын
Ой, да чего мелочиться, пусть свою студию открывает и нанимает тысячу монтажеров, у него же бабки из карманов сыпятся, да?
@investanny6215
Ай бұрын
@@Torn_Shoe Нет) просто считать нужно уметь, да и можно найти монтажера согласившегося на % от дохода с ютуб, Время намного дороже чем монтажер )))
"Код 300, выберете своего тракториста"
Что со звуковой дорожкой ? Почему я слышку странные звуки во время речи ? Что это ? И это не только в этом его видосе
Тэк, Это все прикольно, но ты рассказал не про ток, как работает браузер, а про протоколы, про интернеты. 1. Мне кажется ты уже про это рассказывал. 2. Что там с DOM и CSSOM 3. Разные браузерные API типа батареи или IndexedDB 4. Что там с отрисовкой всей этой сложной лабуды, которую мы пишем? 5. Вкладки, отношения меду ними, расширения и вообще фоновые процессы. Очевидно, что это далеко не все, что умеет современный бровсер, однако в видео мы вообще видим одну сторону. Да, браузер умеет делать запросы и получать ответы, но это умеет и постман или какое-нибудь мобильное приложение. В чем тогда отличия? Откуда столько легаси? Почему мы давно выкинули на помоку кучу десктопного софта и перенесли его в веб?
@--..--..---.--.-.
Ай бұрын
Уже отвечал на схожий комментарий. Есть основной принцип работы браузера (то что в видео), а есть внутреннее устройство браузера, которое зависит от конкретной реализации.
@tackesi
Ай бұрын
@@--..--..---.--.-. да, но этотуже было, мало того, про это есть везде
@stas7che
Ай бұрын
А что такое батарея?
@tackesi
Ай бұрын
@@stas7che window.navigator.getBattery() возвращает промис, содержащий информацию о батареи. Заряжается ли, какой процент остался, на сколько хватит и все такое
Про работу браузера особо ничего в видео и нет.
Ты реально разбираешься во всех этих темах, которые есть на канале? Или тщательно готовишься, чтобы выпустить материал?
дружище, ты не про браузер рассказываешь, а про http))
Сюда
🎉
Обожаю этот канал
В принципе все понятно, кроме кук, чего то с ними перемудрили😢
@User-y31337
Ай бұрын
С куками все более чем просто. Куками или кукисами сервер может помечать и различать клиентов,имеющие 1 не уникальный IP адрес. То есть при заходе на сервер,он может затребовать у клиента(приложение браузер) те самые куки,чтоб посмотреть что в последний раз туда было записано. Если куки вернулись пустые,значит либо человек их у себя почистил либо заходит первый раз. Зачем это нужно? Хранить публичную,информацию о пользователе,чтоб не производить опрос пользователя каждый раз. Например данные авторизации,настройки по интерфейсу. Много мифов и жути гуляет по интернету по поводу кражи и безопасности кукисов,но это скорее проблема уровня знаний программистов делавших конкретный сайт. С нормального сайта даже украденная свежая сессия авторизации сможет определить,что что-то не так и предотвратить несанкционированный доступ к данным аккаунта.