Для передачі інформації в мережі використовуюьбся певні протоколи. Їх досить багато і кожен з них виконує певне завдання. Розглянемо основні:
HTTP - перекладається, як протокол передачі гіпертексту (примітка - знайомий всім HTML перекладається, як мова гіпертекстової розмітки, відповідно всі файли цього формату передаватимуться саме цим протоколом або HTTPS)
Щоб отримати потрібний документ в інтернеті, або відкрити сайт нам достатньо ввести в адресному рядку браузера шлях до цього документа або сайту, так званий URL, в який входить назва протоколу та шлях до сайту (його домен)
Що відбувається, коли ви натиснули ENTER? Все працює за допомогою архітектури клієнт-сервер. По простому відбувається наступне:
Браузер звертається до найближчого DNS сервера, який містить інформацію про те, яка IP адреса відповідає домену (адресі нашого сайту)
Отримавши IP, браузер відправляє на сервер HTTP запит, який містить інформацію про те що ми хочемо отримати.
Сервер опрацьовує запит, і у разі успіху повертає нам потрібні дані, в іншому випадку він поверне помилку, в якій буде описано чому саме ця помилка виникла.
HTTPS - по суті той же HTTP, але захищений. Останнім часом пошукаові системи, особливо Google, розміщують сайти з цим протоколом вище в результатах пошуку. Через це більшість сайтів почали переходити саме на цей протокол.
FTP - протокол для передачі файлів клієнтом на сервер. Один із найстаріших протоколів і появився задовго до HTTP.
Будь який сайт, на який ви коли небудь заходили, складається з трьох основ:
HTML - скелет сайту
CSS - зовнішній вигляд сайту
JS - інтерактивність сайту, його мозок.
Більш детально ми розглянемо це в наступних уроках. Але зараз варто зрозуміти одне - що три вищеописані основи - це саме те, чим займається фротненд розробник.
Суть його роботи полягає в тому щоб налаштувати взаємодію між сайтом та користувачем. На старті фронтенд розробник має лише макет дизайну сайту, в кінцевому результаті він перетворює цей макет в повноцінний сайт, створює його структуру, зовнішній вигляд та робить його інтерактивним. Також, він зв’язує сайт із бекендом - базою даних будь якого сайту. Саме з бекенду приходять всі дані, які фронтенд-розробник має правильно опрацювати та відобразти на сторінці. Для прикладу інтернет магазин - з бекенду приходитиме список всіх товарів, і цей список потрібно буде відобразити відповідно дизайну, організувати пошук того чи іншого товару, фільтраціїю товарів, додавання в корзину, та налаштувати форму оформлення товару (ви не раз бачили, що в подібних формах часто прописана певна валідація - кокретні правила заповнення того чи іншого поля, наркиклад мінімум 10 символів і т.д.) Саме цим переважно займається фронтенд розробник.