Подробно опишите процессы, происходящие после открытия браузера.

1. Ввод URL: Пользователь вводит URL в адресную строку браузера.
2. Парсинг URL: Браузер парсит URL, извлекая протокол, доменное имя, порт и путь.
3. Поиск IP-адреса: Браузер проверяет свой кеш DNS, кеш операционной системы и кеш маршрутизатора на наличие сохраненного IP-адреса, соответствующего доменному имени. Если его нет, отправляется запрос к DNS-серверу.
4. DNS-запрос: Браузер отправляет рекурсивный запрос к локальному DNS-серверу, который может обратиться к корневым, TLD и авторитативным DNS-серверам для получения IP-адреса.
5. Установление TCP-соединения: Браузер устанавливает TCP-соединение с сервером, используя полученный IP-адрес и порт (по умолчанию 80 для HTTP, 443 для HTTPS). Происходит "трехстороннее рукопожатие" (three-way handshake).
   • SYN (Client to Server)
   • SYN-ACK (Server to Client)
   • ACK (Client to Server)
6. Отправка HTTP-запроса: Браузер отправляет HTTP-запрос (например, GET /path/to/resource HTTP/1.1) серверу.
7. Обработка запроса сервером: Сервер принимает запрос, обрабатывает его (например, выполняет код приложения) и формирует HTTP-ответ.
8. Отправка HTTP-ответа: Сервер отправляет HTTP-ответ браузеру. Ответ включает статус-код (например, 200 OK, 404 Not Found), заголовки и тело ответа (HTML, CSS, JS и т.д.).
9. Получение и парсинг HTML: Браузер получает HTML-код и начинает парсить его, создавая DOM-дерево (Document Object Model).
10. Запросы на дополнительные ресурсы: При парсинге HTML браузер обнаруживает ссылки на дополнительные ресурсы (CSS, JavaScript, изображения, шрифты) и отправляет отдельные HTTP-запросы для их получения.
11. Парсинг CSS и создание CSSOM: Браузер парсит CSS-файлы и создает CSSOM-дерево (CSS Object Model).
12. Создание Render Tree: Браузер объединяет DOM и CSSOM, создавая Render Tree, который содержит только видимые элементы и их стили.
13. Layout (Reflow): Браузер вычисляет точные размеры и положение каждого элемента на странице.
14. Painting (Repaint): Браузер отрисовывает пиксели на экране на основе Render Tree и Layout.
15. Выполнение JavaScript: Браузер парсит и выполняет JavaScript-код. JavaScript может изменять DOM и CSSOM, что может вызвать повторный Reflow и Repaint.
16. Завершение: Страница полностью загружена и готова для взаимодействия с пользователем.

# Пример HTTP-запроса с использованием Ruby (чистый Socket)
require 'socket'

host = 'www.example.com'
port = 80
path = '/'

socket = TCPSocket.open(host, port) # Устанавливаем TCP-соединение

request = "GET #{path} HTTP/1.1\r\n" +
          "Host: #{host}\r\n" +
          "Connection: close\r\n" +
          "\r\n"

socket.print(request) # Отправляем HTTP-запрос

response = socket.read # Читаем HTTP-ответ от сервера
puts response

socket.close # Закрываем соединение

# Пример использования библиотеки Net::HTTP для отправки GET-запроса
require 'net/http'
require 'uri'

uri = URI('http://www.example.com/')

Net::HTTP.start(uri.host, uri.port) do |http|
  request = Net::HTTP::Get.new(uri)
  response = http.request(request) # Отправляем запрос и получаем ответ

  puts "Статус код: #{response.code}"
  puts "Тело ответа: #{response.body}"
end