JavaScript — это язык динамического программирования, который в основном используется для создания интерактивных веб-страниц и приложений. Это интерпретируемый язык высокого уровня, который работает на стороне клиента (то есть в веб-браузере пользователя) и часто используется с HTML и CSS.

JavaScript был создан в 1995 году Бренданом Эйхом, когда он работал в Netscape Communications Corporation, и быстро стал одним из самых популярных языков программирования для веб-разработки благодаря простоте использования и универсальности. Сегодня JavaScript поддерживается всеми основными веб-браузерами. Он используется не только для веб-разработки, но и для серверного программирования, разработки настольных приложений, разработки игр и разработки мобильных приложений.

Одной из ключевых особенностей JavaScript является его способность манипулировать объектной моделью документа (DOM), что позволяет разработчикам динамически обновлять и изменять содержимое веб-страниц без необходимости перезагрузки страницы. JavaScript также можно использовать для создания анимации, обработки пользовательского ввода и связи с серверами для обновления данных в режиме реального времени.

Широкое использование JavaScript привело к появлению обширной экосистемы библиотек и фреймворков, которые упрощают создание сложных и динамичных веб-приложений.

Лучшие компании, использующие JavaScript

  1. Netflix-Netflix использует JavaScript для своего пользовательского интерфейса и сильно зависит от фреймворков JavaScript, таких как React и Node.js.
  2. Walmart. Веб-сайт электронной коммерции Walmart, Walmart.com, в значительной степени полагается на JavaScript для своего пользовательского интерфейса и веб-разработки.
  3. Uber — Uber использует JavaScript для своего веб-приложения и полагается на фреймворки JavaScript, такие как React, для своей разработки.
  4. Twitter — Twitter использует JavaScript для веб-разработки переднего плана, включая пользовательский интерфейс и веб-приложения.
  5. Adobe-Adobe использует JavaScript для своих веб-приложений и в значительной степени полагается на фреймворки JavaScript, такие как Angular и React.

Средняя зарплата разработчика JavaScript в США составляет примерно 72 тысячи.

Где работает код Js?

Js изначально был разработан для работы только в браузерах. В каждом браузере есть движок Js для выполнения кода Js.

Firefox: Обезьяна-паук

Хром: V8

В 2009 году инженер по имени Райан Даль взял движок Js с открытым исходным кодом в Chrome и встроил его в программу на C++. Мы называем эту программу 'Node'. Итак, Node — это программа на C++, которая включает в себя движок Google V8 Js. Благодаря этому мы можем писать код Js вне браузера.

Таким образом, мы можем передать код Js в Node для выполнения. Это означает, что с помощью Js мы можем создать серверную часть для наших веб-приложений и мобильных приложений. Браузеры и Node предоставляют среду выполнения для нашего кода Js.

JavaScript против ECMAScript

Просто ECMAScript — это спецификация, а JavaScript — это язык программирования, который подтверждает эти спецификации.

ECMA — это организация, отвечающая за определение стандартов. Они заботятся об этой спецификации ECMAScript. Первая версия ECMAScript была выпущена в 1997 году. Поэтому с 2015 года ECMA работает над ежегодными выпусками новых спецификаций.

1997: V1, 2015: ES 2015/ES6 (определяет множество новых функций Js)

Чтобы получить и увидеть выполнение кода Js в Chrome, просто откройте Chrome, щелкните правой кнопкой мыши, перейдите к проверке (откроются инструменты разработки Chrome), затем перейдите на вкладку консоли.

console.log('Hello World');
Hello World

Настройка среды разработки Javascript

  1. Загрузите текстовый редактор (мой любимый vs code) и node.js.
  2. Получить расширение живого сервера (по сравнению с кодом).
  3. Чтобы написать код Js, нам нужен элемент ‘script›’.
<script src="index.js"> </script>

JavaScript в браузерах

Есть 2 места, куда мы можем добавить элемент ‹script›.

  1. В разделе ‹head›.
  2. В разделе ‹body›.

Лучше всего размещать элемент ‹script› в конце раздела body после всех существующих элементов.

Тому есть две основные причины:

  1. Наш браузер пропускает этот файл сверху вниз. Поэтому, если мы поместим наш ‹script› в ‹head›, у нас будет много JS-кода, и наш браузер будет занят передачей и выполнением этого JS-кода. Это создаст плохой пользовательский опыт.
  2. Обычно код, который находится между элементами ‹script›, должен взаимодействовать с элементами на этой веб-странице. Таким образом, добавив весь код в конец раздела body, мы будем уверены, что все эти элементы отображаются браузером.
<body>
   <h1> Hello World </h1>
   <script>
      console.log('Hello World');
   </script>
<body>