Как работают сайты?
В этом видео, в общих чертах, для новичков, разъясняется схема работы любого сайта в интернете от момента ввода адреса в строку браузера и до отображаения готовой страницы.
СОДЕРЖАНИЕ:
00:00 Система DNS
04:00 Где располагаются файлы сайтов? Общая схема работы PHP-движка WordPress.
09:19 Типы ресурсов сайта и их подгрузка. HTML, CSS, JS и другие.
18:20 Ресурсы не всегда "мэтчатся" на структуру папок файловой системы
20:00 Другие типы ресурсов сайта. AJAX, WebSocket, Fetch/XHR, API.
21:20 Процесс рендеринга страницы и его этапы: DOM, Style, Layout, Layer, Paint и др.
27:53 Заключение
⚛️⚛️⚛️
Пройди практический курс "Javascript Fullstack разработчик" от MakeWeb.me.
Детали тут: https://makeweb.me/course-js-fullstack-developer
Телеграм для связи по курсу: @makewebchatme
🛍 🛍 🛍
Поддержи проект и получи скидку 5% на 1-ю оплату хостинга/домена Reg.ru.
Промо-код: 948E-53B9-CF98-8204 (вводится во время оплаты услуги).
💬 💬 💬
Присоединяйся к нашему Telegram-чату https://t.me/makewebme
Видео Как работают сайты? канала MakeWeb.me
СОДЕРЖАНИЕ:
00:00 Система DNS
04:00 Где располагаются файлы сайтов? Общая схема работы PHP-движка WordPress.
09:19 Типы ресурсов сайта и их подгрузка. HTML, CSS, JS и другие.
18:20 Ресурсы не всегда "мэтчатся" на структуру папок файловой системы
20:00 Другие типы ресурсов сайта. AJAX, WebSocket, Fetch/XHR, API.
21:20 Процесс рендеринга страницы и его этапы: DOM, Style, Layout, Layer, Paint и др.
27:53 Заключение
⚛️⚛️⚛️
Пройди практический курс "Javascript Fullstack разработчик" от MakeWeb.me.
Детали тут: https://makeweb.me/course-js-fullstack-developer
Телеграм для связи по курсу: @makewebchatme
🛍 🛍 🛍
Поддержи проект и получи скидку 5% на 1-ю оплату хостинга/домена Reg.ru.
Промо-код: 948E-53B9-CF98-8204 (вводится во время оплаты услуги).
💬 💬 💬
Присоединяйся к нашему Telegram-чату https://t.me/makewebme
Видео Как работают сайты? канала MakeWeb.me
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
Про работу командой и разделение ответственностиАнатомия Bootstrap 4. Урок 3. Основные изменения (часть 2)Технология верстки 2021: создание простого лендинга (часть 8)Даша шКодит (v.0.6): даём Даше инструкции по адаптации лендингаКурс Javascript Fullstack разработчик: Урок 2create-react-app (ЧАСТЬ 2): разбираем внутренности сборкиРасширенная технология HTML/CSS-верстки. Урок 4/13Курс NestJS (#4): заканчиваем CRUD для юзера, валидируемАнатомия Bootstrap 3 для начинающих. Урок 9Курс Javascript Fullstack разработчик: Урок 10Курс Javascript Fullstack разработчик: Урок 7Анатомия Bootstrap 3: сборка с помощью Grunt (часть 2)Даша шКодит (v.0.4): разбираем верстку следующих 3-х секцийАнатомия Bootstrap 3 для начинающих. Урок 14Анатомия Bootstrap 3 для начинающих. Урок 12create-react-app (ЧАСТЬ 5): заключительный рывок по конфигу WebpackАнатомия Bootstrap для начинающих. Урок 10Курс Javascript Fullstack разработчик: Урок 8Даша шКодит (v.0.7): смотрим адаптацию всех секций лендингаРазбор Javascript-стайлгайда от Google (часть 1)Анатомия Bootstrap 4. Урок 2. Основные изменения (часть 1)