Устройство интернета

Лекция 1

Устройство интернета.

В данном уроке рассмотрим как работает интернет. Что происходит, когда Вы открываете страницу сайта в браузере, узнаем базовые понятия и определения.

Введение

Браузер, это программа, которая "открывает" страницы/сайты в интернете (Firefox, Chrome, IE, Opera,...)

Прежде чем приступить к программированию, рассмотрим процесс серфинга по интернету, и функционирование веб-серверов.

Что такое браузер надеюсь известно?

Когда Ты вводишь адрес сайта в адресную строку, браузера, например:

http://phpcode.online/begin/?utm_source=facebook&utm_campaign=adv#url

Браузер разбивает эту строчку, которая кстати называется URL, на части:

http:// - схема или протокол или по другому соглашение между браузером и серверами по которому идет обмен информацией.
phpcode.online - домен сайта.
/begin/ - каталог или файл на сервере сайта.
?utm_source=facebook&utm_campaign=adv - запрос
#url - якорь

Процесс открытия страницы

Компьютеры пересылают данные используя IP-адреса. Такой адрес состоит из 4х цифр разделенных точками, например, 31.131.251.160. Человеку помнить 10ки таких адресов сложно, поэтому были придуманы Доменные имена, которые лучше запоминаются. Например: phpcode.online :) За перевод доменного имени в IP-адрес отвечают DNS-сервера.

На одном IP-адресе может располагаться несколько веб-серверов (еще их называют виртуальными) и какому серверу отдать запрос, определяет главный веб-сервер расположенный поэтому адресу, по его доменному имени.

Браузеру остается обратиться к такому серверу и получить IP-адрес, соответствующий нужному домену. Как только браузер получил IP-адрес сервера, он сразу отсылает запрос "Привет!" этому серверу на языке определенным соглашением (то есть протоколом, в нашем случае http). Как только соединение между сервером и браузером установлено, то браузер говорит: у Тебя находится веб-сервер makestartup.ru дай-ка мне страничку /courses/ с такими данными ?utm_source=facebook&utm_campaign=adv.

Также сервера могут сидеть на разных портах, если в запросе порт не указан, то считается, что обращение идет по 80-му порту.

В ответ сервер смотрит, что это вовсе не страница, а каталог. Смотрит, если в этом каталоге страница по умолчанию (обычно это index.php, index.html), если такая страница есть, например index.php, то смотрит, закреплен ли за этой страницей обработчик, например за страницами с расширением .PHP обычно закреплен обработчик PHP-FPM, этому обработчику и передается запрос. PHP-FPM открывает и выполняет скрипт. В процессе выполнения скрипта, может произойти обращение к другим веб-серверам или базам данных. Результат работы выполнения скрипта берет сервер и отправляет браузеру. Браузер получает от сервера ответ и показывает пользователю.

HTML-cтраница загружена и казалось бы все, но нет, браузер продолжает работать.

Если в запросе был указан якорь, то браузер ищет его на полученной странице и скролирует ее до указанного якоря.

Если в HTML-страничке, полученной браузером есть ссылки на файлы картинок, CSS-стилей, JavaScript, то браузер также отправляет запросы на получение этих файлов, получает их, обрабатывает или выполняет их и результат показывает пользователю.

CSS-файл - отвечает за стили страницы (размер, цвет, вид текста, отступы, рамки, положение картинок и текста на странице относительно друг-друга).

JS-файл - отвечает за динамику, интерактивность на странице.
Вот такой процесс скрыт за действием ввода адреса сайта в адресную строку и отображениям соответствующей информации.