Разработка веб приложений. Введение

Автор Ruslana Chernenko
Разработка веб приложений. Введение

Добро пожаловать на курс.

Разработка веб-приложений и так начнем с самых основ, что ж такое-то приложение или выпускает из чего оно состоит или он стоит если мы зайдём на какой-нибудь сайт допустим на AliExpress и захотим посмотреть из чего он сделан, что мы увидим, что на самом деле сайта состоит из специально специальным образом сформированного документа на который можно посмотреть если нажать правой кнопкой мыши в любом доступном месте и попросить браузер показать исходный текст. Давайте попробуем — это сделать — это не та кнопка page Source и так мы видим, что нам браузер Google Chrome нашем случае показывает исходный текст web-страницы на которую мы смотрели вот только что. Оказывается — это вот страница и внутри довольно читаемое мы можем посмотреть и увидеть различные элементы например покупай умнее.

Живи, тогда так то есть мы можем видеть прямо здесь какие-то элементы которые мы видим прямо здесь на веб-странице просматривать содержимое веб-страницы исходный текст исходный текст страницы можно ещё и другим способом во всех современных браузерах есть встроенные инструменты разработчика которые позволяют без труда очень быстро находить нужные элементы и смотреть как именно они реализованы.

Давайте посмотрим можно вызвать так можно вызвать через F12 все так смотрите у нас открылась такая фонарика который увидел наш документ нажимаю на значок лупа мы можем выбрать любой элемент на странице и. После нажатия на него нам сразу этот инструмент покажет кусочек кода в исходном тексте которому соответствует этот элемент то есть. Видел, что здесь есть какая-то область внутри которой есть ссылки. Аналогично инструменты есть не только есть во всех современных браузеров в сафари. Фокси и во всех других и так мы с вами познакомились немножко с исходным текст который себя представляет язык разметки HTML расшифровывается аббревиатура как hypertext markup Language — это язык гипертекстовой разметки почему так называется. Потому, что когда его придумали изначальная задумка была такая чтобы позволить документом в интернете ссылаются друг на друга то есть, какую-то статью. Вы можете легко перейти к чтению другой статьи просто нажав на ссылку в конце статьи или или прямо в середине таким образом задумывалась облегчить навигацию между документами. Ну смотрите значит документы из себя представляет набор. Вот таких значков вот которая называется которая обрамляется треугольными скобками каждый документ начинается HTML. Каждый имеет закрывающий тег то есть парный ему с наклонной чертой то есть вот у нас есть система вот он закрывается внутри HTML всегда есть два главных блока есть Blockheads — это заглавие документа заглавие веб-страницы it and Body Block Body в котором хранится всё содержимое веб-страницы всё, что вы видите на сайте 130 базе может располагаться огромное количество различных других лохов. Ну вот например параграф три кота есть выделенные жирным область текст внутри — это вот — это будет жирный внутри этого. ТКБ есть. Виталик Это означает, что этот текст будет не только жирным, но ещё и подчеркнутыми. Как видите теги можно друг друга, но более подробно с языком гипертекстовой разметки. Ну познакомимся позже, а сейчас поговорим о том как работают браузеры и каким образом то, что вы видите на экране попадает к вам на экран и так вы знаете, что есть большое количество браузеров которые стоили иной степени распространены. Какие как в Firefox из Chrome в сафари интернет. Эксплорер или новый все эти браузеры — это клиентские приложения которые созданы с одной целью обеспечить вам возможность видеть то, что находится в интернете просматривать web-страницы. Теперь попробуем посмотреть каким образом вы браузер может загрузить веб-страницу из интернета если говорить достаточно грубо то с достаточной степенью округление. Как сказать-то разделить этот процесс, но несколько стадий первая стадия — это сеть 2 — это не. Финал 3 дом 4 — это отрисовка практические. Кстати мы сейчас поговорим и так сеть. Каждый раз когда выходите в интернет ваш провайдер услуг интернет которым вы пользуетесь и которому платят деньги выдает адрес специального сервера который обеспечивает вам возможность находить в интернете различные адреса и как вы знаете, что компьютеры в сети в любой сети в том числе сети. Интернет имеют адреса адреса идёт вот так четырьмя цифрами и четырьмя числами от единицы до 254 и так. Ваш компьютер к сети интернет. Ивашка адрес специального сервера который называется сервер DNS сервер домена документ этот сервер обеспечивает вам возможность находить другие сервера и так как-то вы открываете свой браузер и. Говорите открой мне страницу Google Chrome. Ваш компьютер через браузер через компьютер через интернет обращается к этому DNS сервером и спрашивает какой адрес сайта Google Chrome dns-сервер вашего провайдера таблицу проверяет этот адрес. И вам адрес соответствующий сайт google.com теперь. Ваш компьютер знает, что Google Chrome — это вот этот конкретный адрес. Теперь ваш браузер делает запрос на сайт который соответствует этому адресу и так мы нашли в сети интернет. Адрес Вот вот такой который заканчивается на 71 мы теперь знаем, что этот Google Play и устанавливаем соединение. Но на самом деле остановиться не напрямую. А она может проходить через другие сервера которые называются углами маршрутизации то есть до 1 от первого ко второму и потом вашего сайта которую вы хотите увидеть. Теперь когда. Соединение установлено формирует специально запрос отправляет на сервер.

0 комментариев
0

Читайте также