Step 4 (S-44699)

From Stepik Wiki
Jump to: navigation, search

Step on Stepik: https://stepik.org/lesson/12528/step/4

Step 4 (S-44699) 1.png

[00:00 - 00:18] следующим клиентом и основным а которые мы рассмотрим является браузер а что такое браузер я думаю объяснять не нужно это программа а с графическим интерфейсом которая позволяет вам просматривать сайты основным назначением браузеры отображать а что мы или документы


Step 4 (S-44699) 2.png

[00:18 - 00:33] то есть веб странички а однако возможности браузеров существуют на сегодняшний день довольно обширна фактически а изначально браузер предполагался как а


[00:33 - 00:50] программа для серфинга между разными устройствами просто отображает страницу позволяет перейти а со временем браузеры превратился в среду выполнения для языка java script и среду для разработки полноценного графического интерфейса то есть браузер


[00:50 - 01:08] предоставлять а фронтенд разработчика api для создания полноценного графического интерфейса который не уступает а клиентским а то с клиентским приложением обычным вы положили а


[01:08 - 01:24] сегодня существует проекта для которые позволяют запустить внутри браузера операционную систему а в частности есть пример так называемых хром ос браузер запускается операционная система а


[01:24 - 01:40] различные приложения написано на языке java скрипт позволяет вам осуществлять операции проводятся там с документами не выходя из вашего браузера а существуют правила которые запускают внутри браузера трехмерные игры


[01:40 - 01:56] r как с помощью плагинов так и с помощью средств браузеров а интересно гиперссылка по которой можно посмотреть развития


[01:56 - 02:13] а технологии которые были в браузере они перетекали из 1 браузера в другой и какие сохранились на данный момент какие наиболее популярных а мы с вами рассмотрим сценарий работы типичного


Step 4 (S-44699) 3.png

[02:13 - 02:32] классического а под классическим я понимаю примерно то что существовало до 2005 года а то каким вот задумался изначально сценарий очень простой пользователь каким то образом вводит урл


[02:32 - 02:49] варианты разные может ввести в строку ввода может открыть в браузере есть а специальное меню закладками сохраненные урлы тем или иным образом пользователь отправляет браузер по некоторым ну то есть за некоторым документам


[02:49 - 03:07] браузер загружает веб страницу получает документ но в случае если я что мы документ оказался картинка все еще проще просто показывает а и натопаться заканчиваются если браузер скачайте документ


[03:07 - 03:23] его работа продолжается браузер анализируется либо как говорят что есть документ а разбирает форматов смысл извлекает оттуда ссылки на связанные ресурсы то есть


[03:23 - 03:41] сс java script файлы и на картинке а после чего стал как а все необходимые ресурсы были загружены браузер отображает страницу о причем современные браузеры поступают а довольно


[03:41 - 04:00] прогрессивно они отображают страничку по мере загрузки данных то есть после того как загрузился что мы и все необходимые файлы браузер может начинать отрисовывать соображать страничку после того как загрузились а java скрипты их применят


[04:00 - 04:16] а после того как страница отрисовано а управление передается пользователя и пользователь может ее просматривать а в этот момент фактически пользователь просматривает


[04:16 - 04:31] неизменно часто говорят статическую страничку то есть а страница сформировалось пользоваться читает ее как книгу а в этой странице есть гиперссылки и есть форма а


[04:31 - 04:47] пользователь может взаимодействовать с гиперссылкой на например щелкнуть на 1 из них и а браузер перейдет по этой ссылке цикл повторится либо браузер может отправить форму


[04:47 - 05:05] то есть заполнить какие то данные например ввести поисковый запрос отправить форму браузер перейдет по новому кругу только теперь вот ушел вел не пользователю полученные гиперссылки любой формы и сценарий повторится загрузится новая страница


[05:05 - 05:23] к ней загрузится дополнительные ресурсы и она будет отображена пользователю а графически этот сценарий показано вот на этой картинке здесь есть разделение на веб сервер аппликейшен серверов а


Step 4 (S-44699) 4.png

[05:23 - 05:40] а в чем разница в классическом все документы были статическими то есть это были просто файлы которые лежали на дисках на сервера аппликейшен сервера просто не существовало был только вы описали


[05:40 - 05:56] однако когда появилась необходимость создания динамических документов то динамических страниц а роли разделились а сервер


[05:56 - 06:13] обслуживает статически запрос то есть отдает статические страницы а генерация динамических а была передана отдельному серверу аппликейшен серверу а вообще говоря отдельно это не всегда так это отдельно то есть вообще


[06:13 - 06:28] предполагается что обслуживают статические файлы дает статический документы аппликейшен сервер а динамические а зачастую эти 2 роли они воплощаются реализуется 1 программой


[06:28 - 06:47] а иногда нет иногда неразделенная но тем не менее давайте посмотрим что происходит пользователь ввел запрос а первоначальный урл браузер открывает сетевое соединение отправляет запрос


[06:47 - 07:06] новый сервер сервер передает его дальше на плите и шоссеров аппликейшен сервер генерирует веб страничку и возвращает ее пользователей а браузер начинается


[07:06 - 07:21] анализировать эту страничку загружает статические связанные ресурсы желтыми ссылками а стрелками указано загрузка связанных ресурсов а ресурса загружаются с веб сервер


[07:21 - 07:38] а здесь указано где но в принципе не могут загружаться самопроизвольного с произвольных веб серверов как я уже говорил раньше а далее когда все ресурсы загружена наступает момент когда пользователь взаимодействует с то есть читает страничку фактически не рассматривали


[07:38 - 07:54] в этот момент браузер не делает ничего страничка статично какой то момент пользователь щелкает по ссылке вот момент 4 он шел по ссылке и а как вы видите цикл повторяется


[07:54 - 08:09] 10 син показано время вот жизни страница о жизни веб страничке то есть то время пока а пользователь может что то видеть в браузере и взаимодействовать с этой странички красном отображено время


[08:09 - 08:26] генерации страничке то есть время когда отвечает аппликейшен сервер а вот в этот промежуток красный пользователь не видят эту страничку и не может не взаимодействовать то есть интерфейс заблокировал а это время может доходить до нескольких секунд вполне


[08:26 - 08:41] а ведь матка перезагрузку страничке а на самом деле веб сервер когда дает документы он тоже тратить некоторое время но как правило намного меньше мы считаем что ресурса загружается очень быстро


[08:41 - 09:00] а вот в общем то сценарий работы классического приложение получили а какой то уровень браузер загрузил поэтому документы будь то динамические динамическая страничка либо связанные с ней статический документа отобразил и ждет действия пользовал


[09:00 - 09:12] пользователь а произошел какой то действия щелкнул по гиперссылке цикл повторяется с момента 5 это сценарий классического в приложении