В принципі, кожен веб-сайт побудований на основі 3 технологій; HTML, CSS та Javascript. HTML займається впорядкуванням різних складових частин сайту, CSS - способом відображення цих частин та Javascript складні завдання, такі як реагування на дії користувача.
En попередні статті Ми пояснили, що це фреймворк CSS, і дали список найкращих, які ми можемо використовувати в Linux. Як роль Javascript трохи важче пояснити, ми збираємось зробити невелике вступ до теми, перш ніж ми зможемо прокоментувати її основи.
Мова програмування Javascript. Трохи вступу
Що таке Javascript?
Javascript є мова програмування, створена спочатку для запобігання статичності веб-сторінок, хоча сьогодні його використання поширилося на сектори, які не мають нічого спільного з Інтернетом.
Lпрограми, написані на Javascript, називаються сценаріями і вони працюють у віртуальній машині, відомій як механізм Javascript.
Усі сучасні браузери включають свою версію механізму Javascript
Для безпеки користувачів різні браузери обмежують можливості Javascript-коду. Наприклад, доступ до важливих файлів на диску. Однак це може бути додатково обмежено в параметрах конфігурації кожного з них.
Робота коду Javascript на веб-сторінці полягає в наступному:
- Вбудований у браузер движок Javascript зчитує код.
- Код перетворюється на машинну мову.
- Машина виконує код.
Будучи мовою програмування, Javascript може виконувати такі завдання:
- Зберігайте інформацію в змінних.
- Обробляти текстові рядки.
- Запустіть програми, що відповідають на такі події, як натискання посилання.
Збільшуються можливості Javascript завдяки використанню інтерфейсів прикладного програмування (API)
API є бібліотеки програм, створені для конкретних завдань що звільняє розробника від необхідності переписувати існуючий код. У випадку з Javascript можна говорити про два типи APIS
Браузер Api
Вони працюють у браузері та реагують на навколишнє середовище. Ми маємо, наприклад:
Модель об'єкта документа (DOM): Це дає змогу вносити зміни в HTML і CSS-код сторінки у відповідь на певні події. Це стосується веб-сайтів, які дозволяють нам бачити, як сторінка буде виглядати на різних пристроях.
API геолокаціїa: Використовується для виявлення місцезнаходження користувача та відповідного реагування. Наприклад, він використовується Netflix, щоб знати, який вміст ви можете бачити у своїй країні, або Карти Google, щоб показати вам, де ви перебуваєте.
Полотно та WebGL: Вони ідеально підходять для побудови графіків 2D та 3D
Мультимедійні API: Вони дозволяють передавати та приймати мультимедійний вміст з веб-сторінки.
Сторонні API
Різні веб-служби намагаються залучити більше користувачів (а в деяких випадках і більше інформації від цих користувачів для її продажу) Ось чому створювати інтерфейси програмування, щоб розробники могли інтегрувати функціональні можливості що ці послуги надають зовнішнім сайтам. Наприклад, це стосується тих веб-сторінок, які дозволяють зареєструватися у вашому обліковому записі Google або Facebook.
Як працює код Javascript на веб-сайті
Перш за все, слід пояснити, що кожен сценарій javascript працює у своєму власному середовищі виконання. Існує середовище виконання для кожної вкладки (якщо ми відкриваємо різні сайти в одному вікні) або для різних вікон, якщо хочете. Вони ні в якому разі не взаємопов’язані між собою або, як ми вже говорили, з операційною системою без активного втручання користувача.
Перший сe завантажує HTML-код веб-сторінки і створюється об’єктна модель документа, щоб її можна було відображати у браузері. Потім завантажуються предмети, які потрібно прикріпити на сторінку у вигляді носіїв, зображень та таблиць стилів. Нарешті, стилі присвоюються різним частинам сторінки як визначається таблицями стилів.
Як тільки все це закінчиться, це коли запускається механізм Javascript дотримуючись послідовності, згаданої вище.
У нашій наступній статті ми йдемо з обіцяним списком фреймворків для Javascript.