Що таке Javascrip: Гайд для чайників

Для тих, хто приступає до вивчення   JavaScript з нуля   , Ми вирішили описати базові поняття JS-розробки, принципи роботи з кодом JS і його переваги

Для тих, хто приступає до вивчення JavaScript з нуля , Ми вирішили описати базові поняття JS-розробки, принципи роботи з кодом JS і його переваги. Почнемо!

Будь-які базові курси Javascript скажуть вам, що ця мова використовується в браузері, що дозволяє розробникам маніпулювати вмістом веб-сторінки через DOM, виконувати операції з даними за допомогою AJAX і IndexedDB, малювати графіку з полотном, взаємодіяти з пристроєм, що працює з браузером через різні API . JavaScript є одним з найбільш використовуваних в світі мов, завдяки недавньому зростанню та підвищенню продуктивності API-інтерфейсів, доступних в браузерах.

JavaScript - це третій етап створення веб-технологій, два з яких - HTML і CSS:

  1. HTML - мова розмітки для структурування і додання сенсу нашому веб-контенту.
  2. CSS - мова стилю для застосування стилю до нашого HTML-контенту. Мови розмітки і стилів прості, тому вивчити CSS і HTML з нуля можна самостійно за все за пару місяців.
  3. JavaScript - це мова сценаріїв, за допомогою якого можна створювати динамічні елементи на сторінці.

Не плутайте JavaScript з мовою програмування Java. Ці дві мови програмування мають різний синтаксис, семантику і способи застосування.

Мова JavaScript дозволяє:

  • Зберігати корисні значення всередині змінних.
  • Запускати код у відповідь на події.
  • Виконувати операції над рядками коду.
  • І багато іншого.

JavaScript надає розробникам особливі можливості у вигляді API, які ділять на дві категорії: API-інтерфейси браузера і сторонні API-інтерфейси. Перші вбудовані в веб-браузер і дають можливість працювати з даними з навколишнього комп'ютерного середовища. Сторонні API-інтерфейси не вбудовані в браузер.

Що відбувається при завантаженні сторінки (написаної на JS) в браузері?

Коли ви завантажуєте сторінку в браузері, запускається код і з'являється вкладка браузера. JavaScript запускається движком JavaScript браузера, після того як HTML і CSS зібрані в веб-сторінку.

Безпека браузера

Кожна вкладка - окрема середовище виконання для запуску. У більшості випадків код на кожній вкладці запускається окремо. Це міра безпеки захищає від можливості написати і вкрасти інформацію з інших сайтів.

Скомпільований і інтерпретований код

JavaScript - інтерпретована мова, його код запускається зверху вниз, а результат запуску коду негайно повертається назад. Вам не потрібно перетворювати код в іншу форму до запуску браузера. Скомпільовані мови, з іншого боку, перетворюються в іншу форму, перш ніж запустяться комп'ютером.

Код на стороні сервера або клієнта

Клієнтський код запускається на комп'ютері користувача. Під час перегляду веб-сторінки клієнтський код сторінки завантажується, а після запускається і відображається браузером. Серверний код запускається на сервері, після чого - в браузері. Клієнтський JS-код динамічно генерує новий вміст всередині браузера на клієнті.

Це лише мала частина інформації про світ JavaScript, яку ми можемо помістити в одну статтю. Але ця мала частина дає вам загальне розуміння JS-розробки, особливостей роботи коду JS на сторінці і його головних функцій. Зараз JavaScript може здатися вам трохи, але ж ваш шлях тільки почався.

Що відбувається при завантаженні сторінки (написаної на JS) в браузері?