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

У вашего броузера проблема в совместимости с HTML5

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 Мотивирующее заключение.

????????????
Стань спонсором канала и получи бонусы: https://www.youtube.com/channel/UCt36CWL85NGtOgUMZ2X6x5g/join

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

Обучающие ролики по Avocode: http://makeweb.me/avocode-lessons-yt-desc

✊✊✊
Персональные уроки по веб-разработке: http://makeweb.me/lessons-video
Отзывы: http://makeweb.me/lessons-feedback
Связаться: https://vk.com/write-96139053 / [email protected]

✍✍✍
Присоединяйся к нашему Telegram-чату тут http://makeweb.me/telegram-mw-1 или, если не работает, тут http://makeweb.me/telegram-mw-2
Или по имени чата в поиске - @makewebme