Загрузка страницы

Как работают сайты?

В этом видео, в общих чертах, для новичков, разъясняется схема работы любого сайта в интернете от момента ввода адреса в строку браузера и до отображаения готовой страницы.

СОДЕРЖАНИЕ:
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
Показать
Комментарии отсутствуют
Введите заголовок:

Введите адрес ссылки:

Введите адрес видео с YouTube:

Зарегистрируйтесь или войдите с
Информация о видео
11 ноября 2023 г. 23:13:09
00:28:25
Другие видео канала
Про работу командой и разделение ответственностиПро работу командой и разделение ответственностиАнатомия Bootstrap 4. Урок 3. Основные изменения (часть 2)Анатомия Bootstrap 4. Урок 3. Основные изменения (часть 2)Технология верстки 2021: создание простого лендинга (часть 8)Технология верстки 2021: создание простого лендинга (часть 8)Даша шКодит (v.0.6): даём Даше инструкции по адаптации лендингаДаша шКодит (v.0.6): даём Даше инструкции по адаптации лендингаКурс Javascript Fullstack разработчик: Урок 2Курс Javascript Fullstack разработчик: Урок 2create-react-app (ЧАСТЬ 2): разбираем внутренности сборкиcreate-react-app (ЧАСТЬ 2): разбираем внутренности сборкиРасширенная технология HTML/CSS-верстки. Урок 4/13Расширенная технология HTML/CSS-верстки. Урок 4/13Курс NestJS (#4): заканчиваем CRUD для юзера, валидируемКурс NestJS (#4): заканчиваем CRUD для юзера, валидируемАнатомия Bootstrap 3 для начинающих. Урок 9Анатомия Bootstrap 3 для начинающих. Урок 9Курс Javascript Fullstack разработчик: Урок 10Курс Javascript Fullstack разработчик: Урок 10Курс Javascript Fullstack разработчик: Урок 7Курс Javascript Fullstack разработчик: Урок 7Анатомия Bootstrap 3: сборка с помощью Grunt (часть 2)Анатомия Bootstrap 3: сборка с помощью Grunt (часть 2)Даша шКодит (v.0.4): разбираем верстку следующих 3-х секцийДаша шКодит (v.0.4): разбираем верстку следующих 3-х секцийАнатомия Bootstrap 3 для начинающих. Урок 14Анатомия Bootstrap 3 для начинающих. Урок 14Анатомия Bootstrap 3 для начинающих. Урок 12Анатомия Bootstrap 3 для начинающих. Урок 12create-react-app (ЧАСТЬ 5): заключительный рывок по конфигу Webpackcreate-react-app (ЧАСТЬ 5): заключительный рывок по конфигу WebpackАнатомия Bootstrap для начинающих. Урок 10Анатомия Bootstrap для начинающих. Урок 10Курс Javascript Fullstack разработчик: Урок 8Курс Javascript Fullstack разработчик: Урок 8Даша шКодит (v.0.7): смотрим адаптацию всех секций лендингаДаша шКодит (v.0.7): смотрим адаптацию всех секций лендингаРазбор Javascript-стайлгайда от Google (часть 1)Разбор Javascript-стайлгайда от Google (часть 1)Анатомия Bootstrap 4. Урок 2. Основные изменения (часть 1)Анатомия Bootstrap 4. Урок 2. Основные изменения (часть 1)
Яндекс.Метрика