Беды с HTTP | Погружение в Frontend

Часто разработчики, которые только начинают свой путь во фронтенде, сразу берут в руки сборщик (Webpack/Vite), популярный фреймворк (React/Vue), не задумываясь, зачем транслировать JavaScript в другой JavaScript и почему сайты должны быть одностраничными. Этот интенсив призван ответить на эти и многие другие вопросы. На первом занятии мы разобрались с тем, как браузер получает страницу, почему HTTP эволюционировал именно так, с какими ограничениями разработчики столкнулись при использовании сети и что вообще происходит между вводом адреса в строку браузера и появлением сайта на экране. Telegram: https://t.me/dscsgu VK: https://vk.com/dscsgu Github: https://github.com/dsc-sgu Сайт: https://dsc.alivetech.org Тайм-коды: 0:00:00 — Введение 0:01:55 — Физические ограничения 0:08:10 — Протокол TCP 0:11:03 — Конфликт интересов: удобство для разработки vs. эффективность для сети 0:12:15 — Что происходит при вводе URL? 0:13:16 — Система доменных имен (DNS) 0:18:15 — Иерархия доменов 0:21:13 — Суммарные задержки на установку соединения 0:23:30 — Зачем нужно шифрование трафика? 0:26:30 — Протоколы SSL/TLS 0:29:05 — Что такое HTTP? 0:33:55 — Статус-коды ответов сервера 0:35:15 — Разбор HTML-страницы 0:38:00 — Беды с HTTP/1 0:48:45 — HTTP/2: переход к бинарному формату и фреймам 0:56:28 — HTTP/3: отказ от TCP в пользу UDP. 1:00:10 — Как браузер парсит HTML и почему скрипты блокируют рендеринг 1:02:05 — Атрибуты defer и async для эффективной загрузки JS 1:03:50 — Оптимизация изображений 1:05:15 — Зачем указывать width и height 1:06:40 — Продвинутые линки 1:09:00 — Стратегии кэширования