1. Клієнти і сервери
2. Решта частини панелі інструментів
3. Що ж насправді відбувається?
4. DNS
5. пакети
6. Дивіться також

Як працює Веб дасть спрощене уявлення про те, що відбувається під час перегляду веб-сторінки в браузері на вашому комп'ютері або телефоні.

Ця теорія не так важлива для написання веб-коду в короткостроковій перспективі, але незабаром ви дійсно почнете отримувати вигоду з розуміння того, що відбувається у фоновому режимі.

Клієнти і сервери

Комп'ютери, підключені до мережі називаються клієнтами та серверами. Спрощена схема того, як вони взаємодіють, може виглядати наступним чином:

• Клієнти є звичайними користувачами, підключеними до Інтернету за допомогою пристроїв (наприклад, комп'ютер підключений до Wi-Fi, або ваш телефон підключений до мобільної мережі) і програмного забезпечення, доступного на цих пристроях (як правило, браузер, наприклад, Firefox або Chrome).
• Сервери - це комп'ютери, які зберігають веб-сторінки, сайти або додатки. Коли клієнтський пристрій намагається отримати доступ до веб-сторінці, копія сторінки завантажується з сервера на клієнтський комп'ютер для відображення в браузері користувача.

Решта частини панелі інструментів

Клієнт і сервер, про які ми розповіли вище, не розкривають всю суть. Є багато інших компонентів, і ми опишемо їх нижче.

А зараз давайте уявимо, що Інтернет - це дорога. Одна сторона дороги є клієнтом, який являє собою ваш будинок. Інша сторона дороги є сервером, який являє собою магазин. Ви хочете щось купити в ньому.

Крім клієнта і сервера, ми також повинні приділити увагу:

• Ваше Інтернет-підключення: Дозволяє відправляти і приймати дані по мережі. Подібне до вулиці між будинком і магазином.
• TCP / IP: Протокол Управління Передачею і Інтернет Протокол є комунікаційними протоколами, які визначають, яким чином дані повинні передаватися по мережі. Вони як транспортні засоби, які дозволяють зробити замовлення, піти в магазин і купити ваші товари. У нашому прикладі, це як автомобіль або велосипед (або власні ноги).
• DNS: Система доменних Імен схожі на адресну книгу для веб-сайтів. Коли ви вводите веб-адресу в своєму браузері, браузер звертається до DNS, щоб знайти реальну адресу веб-сайту, перш ніж він зможе його отримати. Браузеру необхідно з'ясувати, на якому сервері живе сайт, тому він може відправляти HTTP-повідомлення в потрібне місце (див. Нижче). Це схоже на пошук адреси магазину, щоб ви могли потрапити в нього.
• HTTP: Протокол Передачі Гіпертексту - це протокол , Який визначає мову для клієнтів і серверів, щоб спілкуватися один з одним. Він, як мова, яку ви використовуєте, щоб замовити ваш товар.
• Файли компонентів: сайт складається з декількох різних файлів, які подібні до різних відділах з товарами в магазині. Ці файли бувають двох основних типів:
  • Файли коду: сайти побудовані переважно на HTML, CSS і JavaScript, хоча ви познайомитеся з іншими технологіями трохи пізніше.
  • Матеріали: це збірна назва для всіх інших речей, що становлять сайт, такі як зображення, музика, відео, документи Word і PDF.

Що ж насправді відбувається?

Коли ви вводите веб-адресу в свій браузер (для нашої аналогії - відвідуєте магазин):

1. Браузер звертається до DNS сервера і знаходить реальну адресу сервера, на якому "живе" сайт (Ви знаходите адресу магазину).
2. Браузер посилає HTTP запит до сервера, запитуючи його відправити копію сайту для клієнта (Ви йдете в магазин і замовляєте товар). Це повідомлення і всі інші дані, що передаються між клієнтом і сервером, передаються по інтернет-з'єднання з використанням протоколу TCP / IP.
3. Якщо запит клієнта коректний, сервер відправляє клієнту статус "200 ОК", який означає: "Звичайно, ви можете подивитися на цей сайт! Ось він", а потім починає відправку файлів сайту в браузер у вигляді невеликих порцій, які називаються пакетними даними (магазин видає вам ваш товар або вам привозять його додому).
4. Браузер збирає маленькі шматки в повноцінний сайт і показує його вам (товар прибуває до ваших дверей - нові речі, приголомшливо!).

DNS

Реальні веб-адреси - незручні, не запам'ятовуються рядки, які Ви вводите в адресний рядок, щоб знайти ваші улюблені веб-сайти. Ці рядки складаються з чисел, наприклад: 63.245.215.20.

Такий набір чисел називається IP-адресою і являє собою унікальне місце розташування в Інтернеті. Втім, його не дуже легко запам'ятати, правда? Ось чому винайшли DNS. Це спеціальні сервера, які пов'язують веб-адресу, яку ви вводите в браузері (наприклад, "mozilla.org"), з реальним IP-адресою сайту.

Сайти можна знайти безпосередньо через їх IP-адреси. Спробуйте зайти на сайт Mozilla, набравши 63.245.215.20 в адресному рядку на новій вкладці браузера.

пакети

Раніше ми використовували термін "пакети", щоб описати формат, в якому дані передаються від сервера до клієнта. Що ми маємо на увазі? В основному, коли дані передаються через Інтернет, вони відправляються у вигляді тисячі дрібних шматочків, так що безліч різних користувачів можуть завантажувати один і той же сайт одовременно. Якби сайти відправлялися одним великим шматком, тоді б тільки один користувач міг завантажити його за один раз, і це, очевидно, зробило б користування інтернетом неефективним і не дуже радісним.

Дивіться також

Подяка

Фото вулиці: Street composing , Kevin D .

У цьому модулі