Что такое JavaScript?

JavaScript — это язык программирования, используемый как на стороне клиента, так и на стороне сервера, который позволяет создавать интерактивные веб-страницы. В то время как HTML и CSS — это языки, которые придают веб-странице структуру и стиль, JavaScript позволяет создавать более привлекательные и интерактивные элементы.

Для чего используется Javascript?

  • Добавление интерактивности на веб-страницы
  • Создание веб и мобильных приложений
  • Создание веб-серверов
  • Развивающие игры

Почему JavaScript?

JavaScript — самый востребованный язык, который вы можете выучить. Согласно опросу разработчиков Stack Overflow, он занимает первое место как наиболее часто используемый язык программирования в течение десяти лет. Это единственный язык программирования, родной для веб-браузера. Наконец, это удобный для начинающих язык с низким начальным порогом. Если JavaScript не для вас, узнайте, какой язык программирования подходит для вашей карьеры здесь.

Начало работы с JavaScript

Первое, чему учится любой программист, — это печатать Hello world! Но как нам напечатать такое приветствие или что-то еще? Сначала вам понадобится интегрированная среда разработки или IDE. Для этого урока вы можете использовать Programiz, онлайн-компилятор JavaScript. Если вы хотите больше попрактиковаться в JavaScript, загрузите более полную IDE, например Visual Studio Code, Sublime Text, Brackets или другой вариант.

Оказавшись в компиляторе, вы увидите пустой холст или несколько чисел и текст приветствия. Если вы используете Programiz, вы увидите, что файл «main.js» инициализируется при доступе к веб-странице, которая включает описание компилятора и некоторый код.

Описанию предшествуют две косые черты, //, которые обозначают комментарий JavaScript. Код с комментариями обычно описывает, что делает программа, что делает метод, или другую важную информацию, которую должен знать пользователь. Комментирование кода — хорошая привычка, когда вы только начинаете. Ознакомьтесь с некоторыми рекомендациями по написанию комментариев к коду здесь. В своей программе напишите или замените свой комментарий, описывающий то, что вы делаете. Например:

// This is my first comment!
// This program is helping me learn JavaScript.

Далее вы можете увидеть строку кода, начинающуюся с console.log. Метод console.log выводит или записывает сообщение в веб-консоль. Вот как вы можете распечатать текст для пользователя. В вашей программе попробуйте распечатать «Hello World!» Это будет выглядеть так:

console.log(‘Hello World!’);

Если вы сделали это успешно, вы должны увидеть Hello World! распечатал в консоли. Возможно, вы пропустили точку с запятой или другой важный знак препинания, если получили сообщение об ошибке. Как только вы увидите свое приветствие — поздравляю, вы написали свою первую программу на JavaScript!

Типы данных

Строка: представляет собой текстовые данные‘hello’ и т. д.

Число: целое число или число с плавающей запятой3, 3.17 и т. д.

BigInt: целое число произвольной точности234823987n, 1n и т. д.

Boolean: любое из двух значений: true или falsetrue, false

Не определено: тип данных, переменная которого не инициализированаlet a;

Null: обозначает нулевое значениеlet a = null;.

Объект: пары ключ-значение коллекции datalet student = { };

Переменные

Переменные JavaScript — это контейнеры для хранения данных. Вы можете вызывать эти переменные с различными ключевыми словами, такими как:

  • var – var x = 123;
  • let – let x = 5;
  • const price = 3;

Все переменные должны быть идентифицированы уникальными именами, называемыми «идентификаторами». Это могут быть короткие имена, например var x, или более описательные, например const price. Идентификаторы могут содержать буквы, цифры, символы подчеркивания и знаки доллара, но они всегда должны начинаться с буквы. Идентификаторы также чувствительны к регистру.

Чем отличаются ключевые слова var, let и const? var существует с самого начала и может быть повторно объявлен и обновлен. С тех пор let стало предпочтительным для объявления переменных, поскольку это улучшение по сравнению с var. Его можно обновить, но нельзя повторно объявить. const назван так потому, что поддерживает постоянные значения. Его нельзя обновить или повторно объявить, что отлично подходит для данных, которые не могут измениться.

Попробуйте написать свою переменную. Например:

let myFirstVar = “This is my first variable!”;

А потом распечатать!

console.log(myFirstVar);

Что вы видите в консоли?

Операторы

Далее в JavaScript есть несколько полезных операторов, таких как:

Арифметические операторы+ - * / % ++ – **
Операторы сравнения (реляционные)== === != !== > >= < <=
Побитовые операторы<< >> ~ & | ^
Логические операторы&& || !
Операторы присваивания= += =+ *= /= %=

Арифметические операторы помогают выполнять базовые математические операции с кодом.

Сложение+
Вычитание-Умножение*
Возведение в степень**
Деление/Модуль/Остаток%
Приращение++
Уменьшение--

Как вы думаете, что следующее напечатает?

Дополнение
let x = 50 + 50;
console.log(x);
= 100

Умножение
let x = 5;
let y = 10;
console.log(x * y);
= 50

Модуль/Остаток
let x = 5;
let y = 2;
console.log(x % y);
= 1

Приращение
let x = 5;
x++;
console.log(x);
= 6

Уменьшение
let x = 5;
x--;
console.log(x);
= 4

Возведение в степень
let x = 5 ** 2;
console.log(x);
= 25

Как вы себя чувствуете после первого урока JavaScript? Как вы думаете, у вас есть твердое понимание того, как работает JavaScript и программирование, как для новичка? Как вы можете расширить эти знания? Ресурсы будут включены ниже, чтобы помочь вам на пути к JavaScript.