Основы Web

1.

Основы Web

2.

Сколько сайтов в интернете?
Интернет (англ. Internet) - всемирная система
объединённых компьютерных сетей для хранения и
передачи информации.
Является физической базой для…

3.

А на самом деле…
Всемирная паутина (англ. World Wide Web) – совокупность
данных с предоставленным доступом, размещенных на
компьютерных устройствах, подключенных к сети
Интернет.

4.

Эволюция Web
WEB 0.0 - юзер мечтает законектиться с кем или чем либо
WEB 1.0 - юзер получает контент
WEB 2.0 - юзер создаёт контент
WEB 3.0 - коллективное создание контента
WEB 4.0 - контент думает за юзера
WEB 5.0 - контент общается с контентом
WEB 6.66 - контент удаляет юзеров, поняв что они
бессмысленны
WEB 7.0 - весь контент самоудаляется, поняв что он
бессмысленен...

5.

Место для информации
Сайт (от англ. website: web - «паутина, сеть» и site «место», буквально «место, сегмент, часть в сети») —
система электронных документов (данных и кода)
объединенная общим именем.
С технической точки зрения сайт – совокупность
файлов и папок, размещенных на сервере, к которым
предоставлен открытый доступ по определенному
адресу пользователям сети Интернет.

6.

Что такое сервер?
• специализированный компьютер или устройство,
предоставляющее услуги (сервисы), ресурсы или
данные клиентским компьютерам.
• специализированная программная система (например,
Apache), предоставляющая услуги (сервисы), ресурсы
или данные клиентской системе.

7.

Клиент-сервер
Браузер – программа, предназначенная
для просмотра web-страниц

8.

Популярные языки контента

9.

Популярные языки общения

10.

Немного о правилах
Сетевой протокол — набор правил и команд, позволяющий
осуществлять соединение и обмен данными между двумя и
более включёнными в сеть устройствами.
• IP (Internet Protocol, досл. «межсетевой
протокол») – отвечает за разбиение
данных на пакеты и их сборку при
передаче по сети.
• TCP (Transmission Control Protocol,
протокол управления передачей) предназначен
для
управления
передачей данных.

11.

Уровни TCP/IP
Задачи уровней
Прикладной
(HTTP, HTTPS, FTP)
на этом уровне работает большинство
сетевых приложений, например, веббраузер
Транспортный
(TCP, UDP)
определяют, для какого именно сетевого
приложения предназначены эти данные;
определяют, каким образом будут
передаваться данные от приложения
Сетевой (IP)
отвечают за передачу пакетов по сети
Канальный
(Ethernet, WLAN)
описывают способ кодирования данных
для передачи пакета данных на
физическом уровне

12.

TCP/IP Инкапсуляция
Инкапсуляция TCP/IP— упаковка данных или
пакетов в пакеты другого протокола.

13.

А теперь по-русски, как это работает

14.

Адресация
Для идентификации компьютеров в сети используют три
типа адресов:
• Аппаратный
адрес
(MAC-адрес
сетевого
оборудования):
"00:11:22:33:44:55", или так - "67-78-89-AB-CD-EF".
• IP-адрес:
ipv4 - 240.17.210.1,
ipv6 - 2001:0db8:85a3:0000:0000:8a2e:0370:7334.
• Текстовые имена (в том числе домены):
ru.wikipedia.org, google.com
Все хосты и маршрутизаторы в Интернете имеют
собственный уникальный IP-адрес.

15.

Адресация
IP-адрес - это уникальный сетевой адрес узла в
компьютерной сети, построенной по протоколу IP. В
версии протокола IPv4 IP-адрес имеет длину 4 байта, в
IPv6 - 16 байт.
IP-адрес содержит информацию об адресе сети и номере
узла в сети.

16.

Классы сетей
Первые биты определяют класс сети, а по классу
сети можно было сказать — сколько бит было
отведено под номер сети и номер узла.

17.

Маска сети
Маска сети - последовательность подряд идущих сначала единиц,
а потом нулей. Определяет, какая часть IP-адреса относится к
адресу сети, а какая - к номеру самого узла в этой сети.
IP узла: 145.10.34.3
10010001.00001010.00100010.00000011
Маска сети: 255.255.252.0
11111111.11111111.11111100.00000000
Номер узла
Адрес сети
10010001.00001010.00100000.00000000
145.10.32.0
10.00000011
515
А сколько всего компьютеров может быть в такой сети?

18.

Адресация сетей
Количество адресов в подсети не равно количеству
возможных узлов:
1) Нулевой адрес IP резервируется для идентификации
подсети,
2) Последний - в качестве широковещательного адреса
Поэтому обычно количество реальных узлов в сети на два
меньшее количества адресов.
Пример подсети 192.0.2.32/27

19.

Особые адреса
• 0.0.0.0
Если IP-адрес состоит только из двоичных нулей, то он
называется неопределенным адресом и обозначает адрес
того узла, который сгенерировал этот пакет. Адрес такого
вида в особых случаях помещается в заголовок IP-пакета в
поле адреса отправителя.
• х.х.0.0
Если в поле номера сети стоят только нули, то по
умолчанию считается, что узел назначения принадлежит
той же самой сети, что и узел, который отправил пакет.
Такой адрес также может быть использован только в
качестве адреса отправителя.

20.

Особые адреса
• 1.1.1.1
Пакет с таким адресом назначения должен рассылаться
всем узлам, находящимся в той же сети, что и источник
этого пакета. Такой адрес называется ограниченным
широковещательным (limited broadcast). Ограниченность в
данном случае означает, что пакет не выйдет за границы
данной сети не при каких условиях.
• х.х.х.255
Широковещательный (broadcast) - если номер узла состоит
только из единиц, пакеты с таким адресом назначения
рассылается всем узлам сети. Например, пакет с адресом
192.190.21.255 будет направлен всем узлам сети
192.190.21.0.

21.

Особые адреса
Особый смысл имеет IP-адрес, первый октет которого
равен 127. Этот адрес является внутренним адресом стека
протоколов компьютера (или маршрутизатора). Он
используется для тестирования программ, а также для
организации работы клиентской и серверной частей
приложения, установленных на одном компьютере.
В IP-сети запрещается присваивать сетевым интерфейсам
IP-адреса, начинающиеся со значения 127.
• 127.х.х.х
Адрес обратной петли, данные не передаются в сеть, а
возвращаются модулям верхнего уровня того же
компьютера как только что принятые.

22.

Как пройти в библиотеку?
DNS(Domain Name System) - это распределенная база
данных, которая содержит информацию об узлах сети
Интернет.
Доменное имя — это буквенная последовательность,
обозначающая имя сайта или используемая в именах
электронных почтовых ящиков.
Протокол
Источник
Домен
2 уровня
Домен 1
уровня

23.

Домены

24.

Адресация ресурсов в сети
• URL (Uniform Resource Locator) - унифицированный
определитель местонахождения ресурса в сети Интернет.
Примеры URL адресов: 127.0.0.1:8000, http://handynotes.ru
• URI (Uniform Resource Identifier) - унифицированный
идентификатор ресурса, последовательность символов,
идентифицирующая абстрактный или физический ресурс.
Пример URI: http://handynotes.ru/2009/09/uri-url-urn.html
• URN (Unifrorm Resource Name) - унифицированное имя
ресурса.
Пример URN: /2009/09/uri-url-urn.html
URI является либо
одновременно обоими.
URL,
либо
URN,
либо

25.

Адресация ресурсов в сети
URI: Обозначает имя и адрес ресурса в сети. Как правило
делится на URL и URN, поэтому URL и URN это составляющие
URI.
URL: Адрес некоторого ресурса в веб. URL определяет
местонахождение ресурса и способ обращения к нему.
URN: Имя некоторого ресурса в веб. Смысл URN в том, что
он определяет только название конкретного предмета, который
может находится во множестве конкретных мест.
Можно считать, что URI = URL или URI = URN или URI = URL
+ URN.
=> URI это концепция абстрактного идентификатора, тогда
как URL и URN конкретная реализация — адреса и имени.

26.

Структура URL/URI

27.

HTTP (HyperText Transfer Protocol)
Протокол прикладного уровня передачи данных.
Протокол передачи гипертекста. Он манипулирует
ресурсами (например, файлами), на которые указывает
URI в запросе клиента.

28.

HTTP (HyperText Transfer Protocol)
HTTP-сообщение состоит из трёх частей, которые
передаются в указанном порядке:
• Стартовая строка (англ. Starting line) — определяет
тип сообщения;
• Заголовки (англ. Headers) — характеризуют тело
сообщения, параметры передачи и прочие сведения;
• Тело сообщения (англ. Message Body) —
непосредственно данные сообщения. Обязательно
должно отделяться от заголовков пустой строкой.
Тело сообщения может отсутствовать, но стартовая
строка и заголовок являются обязательными элементами.

29.

Код состояния
Код состояния - информирует клиента о
результатах выполнения запроса и определяет его
дальнейшее поведение.
Каждый код представляется целым трехзначным числом:
200, 201, 404.
Первая цифра указывает на класс состояния,
последующие - порядковый номер состояния.
За кодом ответа обычно следует краткое описание на
английском языке:
404 Not Found

30.

Классы кодов состояния

31.

Заголовок http
Заголовки http - это строки в HTTP-сообщении,
содержащие разделенную двоеточием пару параметрзначение.
Примеры заголовков:
Server: Apache/2.2.11 (Win32) PHP/5.3.0
Last-Modified: Sat, 16 Jan 2010 21:16:42 GMT
Content-Type: text/plain; charset=windows-1251
Content-Language: ru
В примере выше каждая строка представляет собой один
заголовок. При этом то, что находится до первого двоеточия,
называется именем (name), а что после неё — значением
(value).

32.

Пример запроса
Запрос клиента:
Ответ сервера:
GET /wiki/страница HTTP/1.1
Host: ru.wikipedia.org
User-Agent: Mozilla/5.0 (X11; U; Linux
i686; ru; ...
Accept: text/html
Connection: close
(пустая строка)
HTTP/1.1 200 OK
Date: Wed, 11 Feb 2009 11:20:59 GMT
Server: Apache
X-Powered-By: PHP/5.2.4-2ubuntu5wm1
Last-Modified: Wed, 11 Feb 2009 11:20:59 GMT
Content-Language: ru
Content-Type: text/html; charset=utf-8
Content-Length: 1234
Connection: close
(пустая строка)
(далее следует запрошенная страница в
HTML)

33.

Пути разработки
Фронтендеры:
https://hsto.org/web/9bb/42d/2cf/9bb42d2cfc59409a885b1810c24ab8f8.jpg
Бэкендеры:
https://hsto.org/web/4a5/33a/097/4a533a0972a3477cac414e1789b6a451.jpg

34.

Что почитать?
• Настольная книга фронтендера
https://frontendmasters.com/books/front-end-handbook/2017/
• Как стать веб-разработчиком план действий
https://habrahabr.ru/company/netologyru/blog/328426/