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