Объяснение новичку: как работает браузер и HTML/CSS/JS (выдержка из урока)

00:00 Как вообще работает все в браузере под капотом?
01:00 Про веб-сервера и хостинги.
07:00 Про систему DNS (Domain Name Service).
08:50 Про протокол HTTP и интерфейсы.
11:10 Путь от ввода адреса до рендеринга страницы. Прямой заход по IP-адресу и заголовок Host. Как определяется нужный сайт на виртуальном хостинге (shared hosting). Виртуальные хосты и порты.
16:40 Структура папок на хостинге и их маппинг на адрес в URL. Права доступа. Коды ответа HTTP.
22:22 Превращение текста из index.html в визуально красиво выглядящую веб-страницу. Парсинг HTML’а браузером. Внешние ресурсы, загружаемые после обработки HTML-файла.
27:13 Динамика на веб-странице при помощи серверных языков. Роутинг запросов при помощи веб-сервера (на примере nginx).
30:15 Еще раз про всю цепочку обработки.
32:41 Инструменты разработчика в Chrome. JS-консоль как песочница. Глобальный объект window. Пример с document.querySelector и другими методами.
42:15 Как пользоваться ресурсом MDN (Mozilla Developer Network)?
44:10 Сначала осознание задачи, а потом написание кода!
44:45 Что такое API (Application Programming Interface)? Важность понимания базовых механизмов, в частности, нативного JavaScript.
48:07 Мотивирующее заключение.

💰💰💰
Стань спонсором канала и получи бонусы:

🥑🥑🥑
Avocode — лучше обезболивающее для того, кому приходится верстать из PSD, AI, XD, Sketch и Figma. Регистрируйся и получи скидку 10% на первую покупку, введя в соответствующем поле промо-код ‘nikita’:

Обучающие ролики по Avocode:

✊✊✊
Персональные уроки по веб-разработке:
Отзывы:
Связаться: / makewebme.russia@gmail.com

✍✍✍
Присоединяйся к нашему Telegram-чату тут или, если не работает, тут
Или по имени чата в поиске — @makewebme . про сломался вордпресс.

Оцените статью