Що таке веб — Веб-розробка

Примітка

Цей курс учить розуміти код, а не писати його професійно з нуля. Індустрія дедалі більше пише код за допомогою AI, тож веброзробнику важливіше вміти прочитати, перевірити й пояснити HTML, CSS чи JavaScript, які згенерував AI, ніж памʼятати весь синтаксис напамʼять. Практичні вправи тут — щоб відчути механіку цих мов, а не замінити повноцінний курс програмування.

Уявіть пошту й бібліотеку в одному місті. Пошта — це вся мережа доріг, курʼєрів і сортувальних пунктів: листи можуть іти куди завгодно. Бібліотека — один зі способів користуватися цією мережею: ви просите книгу за каталогом, а вам приносять саме її. Інтернет — це «пошта світу»: глобальна мережа пристроїв, які вміють обмінюватися даними. World Wide Web (WWW) — це «бібліотека на пошті»: набір сайтів, сторінок і посилань, які живуть поверх інтернету і користуються його дорогами.

Інтернет і WWW — не одне й те саме

Люди часто кажуть «зайшов в інтернеті», маючи на увазі браузер і сайти. Технічно це різні шари. Інтернет зʼєднує телефони, ноутбуки, сервери, датчики й навіть холодильники. WWW — сервіс поверх цієї мережі: HTTP, сторінки, гіперпосилання. Email, онлайн-ігри чи стрімінг теж ходять через інтернет, але це не обовʼязково «веб» у вузькому сенсі. Коли ви відкриваєте сайт, ви користуєтесь і мережею, і правилами вебу одночасно.

Приклад

Аналогія з рестораном: кухня й зал — це інфраструктура закладу (як інтернет). Меню з QR-кодом і офіціант, який приносить страву за номером столика — це вже конкретний сервіс для гостей (як WWW). Без кухні меню не працює; без меню кухня все одно існує для інших задач.

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

У вебі сайти живуть на потужних машинах, які називають сервером. Ваш телефон чи ноутбук у цей момент — клієнт: він просить дані й показує їх людині. Коли ви «переглядаєте сторінку», ви насправді обмінюєтесь даними з сервером, де лежить сайт. Клієнт питає: «дай мені головну». Сервер відповідає: HTML, картинки, стилі. Веб у найпростішому вигляді — це саме цей обмін між клієнтами й серверами через узгоджені механізми.

Порада

Один і той самий компʼютер може бути і клієнтом, і сервером у різних розмовах: сьогодні ви відкриваєте чужий сайт, завтра ваш ноутбук тимчасово «віддає» файл сусідові в локальній мережі. Роль залежить від того, хто просить і хто відповідає.

Шари мережі: від кабелю до додатка

Мережа надто складна, щоб тримати все в одній «коробці». Тому машини ділять роботу на абстрактні шари. Знизу вгору: фізичний шар — дроти, радіо, сигнали. Канальний шар — передача до сусіда «за один крок» (до наступного пристрою на лінку). Мережевий шар — глобальна звʼязність: знайти шлях між будь-якими двома машинами в інтернеті. Транспортний шар — доставка між процесами (програмами), а не лише між залізом; тут зʼявляються сокети — «двері» процесу, через які повідомлення входять і виходять. Прикладний шар — правила конкретної програми: браузер, поштовий клієнт, API вашого сервісу.

Кожен шар стоїть на попередньому й має свої протоколи. Ви як розробник майже завжди думаєте про прикладний шар (HTTP, JSON), але під ним уже працюють транспорт, маршрутизація й фізика. Сокет на транспортному шарі — як віконце на пошті: лист приходить на адресу будівлі, а далі його несуть саме у віконце вашого відділу.

Увага

Не плутайте «шар» із «кнопкою в налаштуваннях Wi‑Fi». Це модель: зручна карта, щоб говорити про відповідальність. Реальні реалізації (стек TCP/IP) можуть групувати задачі трохи інакше, але ідея та сама — розділити проблеми.

Що запамʼятати

Веб — це глобальний обмін даними між клієнтом і сервером поверх інтернету. WWW не дорівнює інтернету. Під «простою» сторінкою стоять шари від фізики до додатків; сокети зʼєднують процеси. Далі розберемо, як саме повідомлення ходять мережею: комутатори, пакети, TCP і HTTP.