Prog Academy
RU UA

Курс по подписке

Как работает веб: от URL до HTTPS, API и безопасности

Поймите, что на самом деле происходит между нажатием Enter и готовой страницей

  • 11 модулей
  • 30+ практических заданий
  • Автоматическая проверка
  • На русском

Получить доступ к курсу

Курс по подписке · Обучение в своём темпе · Без звонков и консультаций

О курсе

Что это за курс?

Каждый день вы открываете десятки сайтов, но что стоит за адресом в строке браузера? Этот курс проведёт вас по всему пути запроса: как браузер разбирает URL, как DNS превращает имя в IP-адрес, как TCP доставляет байты без потерь, как TLS их шифрует, о чём договариваются браузер и сервер в HTTP, как работают кеш, cookies и сессии, как фронтенд общается с бэкендом через API — и почему браузер иногда отказывается показать ответ (CORS) или защищает пользователя от чужого кода (XSS, CSRF).

Аудитория

Для кого этот курс?

  • Начинающий во фронтенде

    Имея базовый JavaScript, пройдёте путь запроса от URL через DNS, TCP и TLS до HTTP, кеша и cookies.

  • Начинающий в бэкенде

    Спроектируете простой REST API с валидацией и CORS и будете распознавать XSS, CSRF и SQL-инъекции.

  • Тестировщик или инженер поддержки

    Поймёте, почему сайт «не открывается» или «не сохраняет данные», и найдёте, какое именно звено подвело.

Сначала нужна подготовка

Курс опирается на знания, отмеченные ниже как обязательные.

Нужно знать

  • Базовый JavaScript — переменные, условия, циклы, функции, массивы, объекты и строки.

    Подробнее
    • В каждом задании код чтения входных данных и вывода результата уже написан — вы реализуете только логику.
    • Знаний о сетях, серверах или безопасности не требуется — каждый термин объясняем с нуля.
    • Устанавливать ничего не нужно: код выполняется прямо в браузере.

Если этих знаний ещё нет — пройдите курсы по порядку:

  1. С нуля
  2. Обязательно Основы программирования на JavaScript
  3. Этот курс Как работает веб: от URL до HTTPS, API и безопасности

Результат

Чему вы научитесь

читать любой адрес и объяснять, что означает каждая его часть

понимать, как имя сайта превращается в IP-адрес и почему изменения DNS распространяются не мгновенно

объяснять разницу между TCP и UDP и что делает каждый уровень сетевого стека

читать и составлять HTTP-запросы и ответы, правильно выбирать метод и код состояния

настраивать кеширование и cookies и понимать, что из них видит браузер

объяснять, от чего защищает HTTPS и от чего не защищает

разбирать загрузку страницы по шагам и находить, что её замедляет

проектировать простой REST API, валидировать данные и настраивать CORS

распознавать XSS, CSRF и SQL-инъекции и знать стандартные способы защиты

Формат

Как устроено обучение?

25 практических заданий на JavaScript с автоматической проверкой на скрытых тестах. Вы не просто читаете о протоколах — вы их моделируете: разбираете URL вручную и через URL API, кодируете строки запроса, проверяете, принадлежит ли IP-адрес подсети, проходите цепочку CNAME и кеш DNS с TTL, подтверждаете сегменты TCP, разбираете сырой HTTP-запрос, собираете ответ сервера, определяете свежесть кеша, решаете, какие cookies уйдут в запрос, проверяете подпись HMAC и цепочку сертификатов, пишете маршрутизатор REST, валидатор JSON, проверку CORS, экранирование HTML и итоговый аудит безопасности. Каждый раздел завершается тестом.

  • Теория

    30 уроков с примерами

  • Практика в браузере

    30+ заданий с автоматической проверкой

  • Тесты

    11 тестов для самопроверки

  • Свой темп

    Онлайн на my.prog.academy, без установки программ

Платформа Prog Academy

Больше, чем доступ к курсу

Курс проходит на платформе Prog Academy — вместе с ним вы получаете AI-помощника и инструменты для поиска первой работы в IT.

Обучение

90% практики

Вы учитесь, выполняя задания: каждую новую тему сразу применяете на практике, а не только читаете теорию. Задания проверяются автоматически, прямо в браузере.

AI-помощник по обучению

Вы не остаётесь один на один с материалом

Что-то непонятно или застряли на задании — спросите прямо в уроке. Помощник объяснит тему проще, ответит на вопросы, поможет разобраться в условии задания и подскажет следующий шаг, найдёт нужное в материалах курса. Он знает, какой урок вы проходите, и помнит разговор.

Карьера

  • Сертификат после окончания курса

    Успешно прошли курс — получаете сертификат и в один клик добавляете его в профиль LinkedIn.

  • Конструктор резюме

    Резюме на английском, украинском или русском — прямо на платформе. Ваши курсы и сертификаты добавляются в него в пару кликов.

  • База вакансий

    Junior-вакансии и стажировки в одном месте — с подборкой под курсы, которые вы проходите.

Вся платформа — в одном аккаунте

  • Все ваши курсы
  • Прогресс по каждому курсу
  • Обучение в своём темпе
  • Ничего не нужно устанавливать

Программа

Программа курса

11 модулей, 30+ практических заданий с автоматической проверкой и 11 тестов. Откройте модуль, чтобы увидеть все темы.

Раздел 1 — Интернет, веб и браузер 4 урока · 2 практики · 1 тест

Общая картина: что происходит, когда вы открываете страницу; чем интернет отличается от веба, как данные путешествуют пакетами, кто такие клиент и сервер и что делает браузер

  • Теория Что происходит, когда вы открываете страницу: карта курса
  • Теория Интернет и веб — не одно и то же
  • Практика Соберите сообщение из пакетов
  • Теория Клиент и сервер: кто спрашивает, а кто отвечает
  • Теория Что на самом деле делает браузер
  • Практика Какая подсистема браузера подвела
  • Тест Интернет, веб и браузер
Раздел 2 — Адреса в вебе: URL 3 урока · 4 практики · 1 тест

Устройство URL, процентное кодирование, строка запроса и URL API в JavaScript

  • Теория Анатомия URL
  • Практика Разберите URL вручную
  • Теория Процентное кодирование и строка запроса
  • Практика Строгое процентное кодирование
  • Практика Разберите строку запроса
  • Теория URL API: относительные ссылки и origin
  • Практика Разрешите ссылки со страницы
  • Тест URL
Раздел 3 — IP-адреса, порты и DNS 3 урока · 4 практики · 1 тест

Как компьютеры находят друг друга: IPv4 и IPv6, подсети и CIDR, порты, доменные имена и работа DNS

  • Теория IP-адреса, подсети и порты
  • Практика Входит ли адрес в подсеть
  • Теория Доменные имена и DNS
  • Теория Записи DNS, TTL и кеширование
  • Практика Записи DNS и путь запроса
  • Практика Пройдите цепочку DNS
  • Практика Кеш резолвера с TTL
  • Тест IP-адреса, порты и DNS
Раздел 4 — Сетевой стек: от кабеля до приложения 2 урока · 2 практики · 1 тест

Уровни сетевого взаимодействия (OSI и TCP/IP) без лишней теории, инкапсуляция, TCP и UDP

  • Теория Уровни сети: OSI и TCP/IP на практике
  • Теория TCP и UDP: надёжность против скорости
  • Практика Уровни сети и подтверждения TCP
  • Практика Подтверждения TCP
  • Тест Сетевой стек
Раздел 5 — HTTP: язык браузера и сервера 3 урока · 4 практики · 1 тест

Устройство запроса и ответа, методы, безопасность и идемпотентность, коды состояния, заголовки и типы содержимого

  • Теория HTTP-сообщения: запрос и ответ
  • Практика Разберите сырой HTTP-запрос
  • Теория Методы и коды состояния
  • Практика Свойства методов и коды состояния
  • Практика Какой код состояния вернуть
  • Теория Заголовки и типы содержимого
  • Практика Ответ сервера статических файлов
  • Тест HTTP
Раздел 6 — Кеш, cookies и сессии 3 урока · 5 практик · 1 тест

Как браузер экономит запросы, как сервер помнит пользователя между запросами и где хранить состояние

  • Теория HTTP-кеширование
  • Практика Политика кеширования сайта
  • Практика Свежа ли копия в кеше
  • Теория Cookies: как сервер помнит браузер
  • Практика Разберите Set-Cookie
  • Теория Сессии, токены и хранилища браузера
  • Практика Где хранить данные в браузере
  • Практика Какие cookies уйдут в запрос
  • Тест Кеш, cookies и сессии
Раздел 7 — HTTPS и шифрование 3 урока · 3 практики · 1 тест

От чего защищает HTTPS: шифрование, целостность, подлинность; симметричные и асимметричные ключи, TLS и сертификаты

  • Теория Основы криптографии для веба
  • Практика Подпись сообщений HMAC
  • Теория TLS и сертификаты
  • Практика Проверьте цепочку сертификатов
  • Теория От чего HTTPS защищает, а от чего — нет
  • Практика Что видит владелец Wi-Fi
  • Тест HTTPS и шифрование
Раздел 8 — Путь страницы от сервера до экрана 2 урока · 3 практики · 1 тест

Полный путь: DNS, TCP, TLS, HTTP, разбор HTML, подресурсы, рендеринг; где работают фронтенд и бэкенд

  • Теория От Enter до первого байта
  • Практика Сколько стоит загрузка страницы
  • Теория Разбор, рендеринг, фронтенд и бэкенд
  • Практика Defer, async и разбор страницы
  • Практика Какие ресурсы загрузит браузер
  • Тест Путь страницы
Раздел 9 — API: как фронтенд общается с бэкендом 2 урока · 2 практики · 1 тест

REST и JSON, маршруты и методы, fetch, проверка входных данных и инструменты для работы с API

  • Теория REST API и JSON
  • Практика Маршрутизатор REST
  • Теория fetch, ошибки и проверка данных
  • Практика Проверка JSON-заказа
  • Тест API
Раздел 10 — Происхождение, same-origin policy и CORS 2 урока · 2 практики · 1 тест

Что браузер разрешает страницам делать с чужими сайтами и как сервер открывает свой API другим происхождениям

  • Теория Происхождение и политика одинакового происхождения
  • Практика Одинаковое ли происхождение?
  • Теория CORS: как сервер открывает API другим происхождениям
  • Практика Пропустит браузер запрос или нет
  • Тест Происхождение и CORS
Раздел 11 — Основы веб-защиты 3 урока · 3 практики · 1 тест

XSS, CSRF и SQL-инъекции на уровне идей, безопасные настройки cookies и заголовков, итоговый аудит

  • Теория XSS: чужой код на вашей странице
  • Практика Безопасный шаблон
  • Теория CSRF и SQL-инъекции
  • Теория Безопасные настройки по умолчанию
  • Практика Атака и защита
  • Практика Аудит безопасности ответа
  • Тест Основы веб-защиты

Стек

Какие технологии используются?

  • JavaScript (Node.js)

Код пишете и запускаете в браузере на платформе — устанавливать ничего не нужно.

Применение

Где применяются эти знания?

  1. Отладка фронтенда и бэкенда
  2. Тестирование веб-приложений и API
  3. Техническая поддержка: поиск звена, которое подвело

Доступ

Как получить доступ?

  1. Заполните форму

    Короткая форма на этой странице — без звонков и консультаций.

  2. Завершите регистрацию в Telegram

    После формы перейдите в Telegram-бот Prog Academy — он пришлёт дальнейшие инструкции по доступу.

  3. Учитесь на платформе

    Уроки, практика и тесты — на my.prog.academy, в удобном для вас темпе.

Контакт

Начните обучение на платформе

Оставьте контакты — пришлём детали доступа к курсу «Как работает веб: от URL до HTTPS, API и безопасности». Без звонков и консультаций.

Другие курсы по подписке

Частые вопросы о курсе

Что это за курс?
«Как работает веб: от URL до HTTPS, API и безопасности» — онлайн-курс по подписке на учебной платформе Prog Academy. Поймите, что на самом деле происходит между нажатием Enter и готовой страницей. Каждый день вы открываете десятки сайтов, но что стоит за адресом в строке браузера? Этот курс проведёт вас по всему пути запроса: как браузер разбирает URL, как DNS превращает имя в IP-адрес, как TCP доставляет байты без потерь, как TLS их шифрует, о чём договариваются браузер и сервер в HTTP, как работают кеш, cookies и сессии, как фронтенд общается с бэкендом через API — и почему браузер иногда отказывается показать ответ (CORS) или защищает пользователя от чужого кода (XSS, CSRF).

Для кого этот курс?
Начинающим фронтенд- и бэкенд-разработчикам, тестировщикам, инженерам поддержки — всем, кому нужно понять, почему сайт «не открывается» или «не сохраняет данные», и найти, какое именно звено подвело.

Какие знания нужны перед стартом?
Нужно: базовый JavaScript — переменные, условия, циклы, функции, массивы, объекты и строки. В каждом задании код чтения входных данных и вывода результата уже написан — вы реализуете только логику. Знаний о сетях, серверах или безопасности не требуется — каждый термин объясняем с нуля. Устанавливать ничего не нужно: код выполняется прямо в браузере.

Какие практические задания будут?
25 практических заданий на JavaScript с автоматической проверкой на скрытых тестах. Вы не просто читаете о протоколах — вы их моделируете: разбираете URL вручную и через URL API, кодируете строки запроса, проверяете, принадлежит ли IP-адрес подсети, проходите цепочку CNAME и кеш DNS с TTL, подтверждаете сегменты TCP, разбираете сырой HTTP-запрос, собираете ответ сервера, определяете свежесть кеша, решаете, какие cookies уйдут в запрос, проверяете подпись HMAC и цепочку сертификатов, пишете маршрутизатор REST, валидатор JSON, проверку CORS, экранирование HTML и итоговый аудит безопасности. Каждый раздел завершается тестом.

Какие технологии используются?
JavaScript (Node.js). Код пишете и запускаете прямо в браузере на платформе — устанавливать ничего не нужно.

Сколько модулей в курсе?
11 модулей: Интернет, веб и браузер; Адреса в вебе: URL; IP-адреса, порты и DNS; Сетевой стек: от кабеля до приложения; HTTP: язык браузера и сервера; Кеш, cookies и сессии; HTTPS и шифрование; Путь страницы от сервера до экрана; API: как фронтенд общается с бэкендом; Происхождение, same-origin policy и CORS; Основы веб-защиты. Практических заданий с автоматической проверкой — 30+, тестов — 11.

Как получить доступ?
Заполните форму на этой странице и завершите регистрацию в Telegram-боте Prog Academy — там вы получите дальнейшие инструкции по доступу. Обучение проходит на платформе my.prog.academy в своём темпе.

Входит ли курс в подписку?
Да. Курс входит в подписку на платформе Prog Academy: доступ ко всем курсам по подписке; ai-помощник по обучению в каждом курсе; все уроки, домашние задания и автоматическая проверка; новые курсы по подписке добавляются автоматически.

Не нашли ответ?

Оставьте вопрос — подскажем, подходит ли вам курс и с чего лучше начать.