Небольшое предисловие

Изначально назывался LiveScript. Позже переименовали в JS, потому что на тот момент был популярен язык Java и синтаксис был очень похож.

Позже стал полностью независимым языком и появились стандарты. Они называются спецификации ECMAScript (или ES). Например ES6.

Среда разработки (текстовые редакторы)

https://code.visualstudio.com/ - бесплатно и универсально

https://www.jetbrains.com/ru-ru/webstorm/ - платно, только для frontend разработчика

https://www.jetbrains.com/ru-ru/phpstorm/ - платно, для backend (или fullstack) разработчика

Как подключить свой скрипт

<!DOCTYPE html>
<html>
	<head>
		<!-- Вот тут подключается наш скрипт -->
		<script src="script.js"></script>
	</head>
	<body>
		...
	</body>
</html>

Синтаксис

Переменные

//Объявление переменных
var a = 1 //var устарело, не используем
let b = 2 //используем только let
const HELLO = 'Hello, world!' //константа, используется только на чтение

//Вот так можно вывести переменную в консоли браузера
console.log(a)

//Переопределение значения
a = 3 // можно записать любое значение
console.log(a) // 3
a = b // можно записать значение другой переменной
console.log(a) // 2

Именование переменных

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

//Стили написания
let userFistName // сamelCase
let user_last_name // snake_case

//userFistName и userfirstname разные переменные
let userfirstname

//camelCase и snake_case
//используем только camelCase в JS