Что такое программирование

Программа представляет собой список инструкций, и JavaScript выполняет их по одной, от верхней строки к нижней.

Инструкции, которые может выполнить компьютер

В рецепте написано: «разбей два яйца, взбей их, вылей на сковороду». Человек многое додумает сам: какую миску взять, как сильно взбивать, что делать, если упал кусочек скорлупы. Компьютер не додумывает ничего. Он делает ровно то, что написано, ровно в том порядке, в каком написано, и останавливается с ошибкой, как только инструкция теряет для него смысл. Программирование и есть работа по написанию инструкций, настолько точных, чтобы их могла выполнить машина.

Такие инструкции пишут на языке программирования. У языка программирования маленький словарь и строгая грамматика, чтобы каждая строка значила одно и только одно. В этом курсе мы используем JavaScript. Этот язык встроен в каждый браузер, так что у тебя уже есть всё, чтобы его запускать: поля для практики на этих страницах выполняют твой код прямо в браузере, в котором ты читаешь. JavaScript работает и вне браузеров, например в Node.js, и основы, которые ты здесь изучишь, там действуют так же.

Твоя первая строка кода

Почти любой курс программирования начинается с того, что компьютер печатает сообщение. В JavaScript это выглядит так:

console.log("Hello, world!");

Разберём по частям. console (консоль) это место, куда программа пишет сообщения для того, кто её запустил. .log значит «напиши туда одну строку». В скобках стоит то, что нужно написать, а двойные кавычки показывают, что Hello, world! является текстом, а не продолжением кода. Точка с запятой в конце закрывает инструкцию, как точка закрывает предложение. Одна такая законченная инструкция называется оператором (инструкцией). Когда она выполняется, в консоли появляется одна строка: Hello, world! Кавычки не печатаются. Они только сообщают JavaScript, где текст начинается и где заканчивается.

Сверху вниз, по одному оператору

Если в программе несколько операторов, они выполняются по порядку. Вторая строка не начнётся, пока не закончится первая. Программа ниже печатает три строки, и они выходят в том же порядке, что и код:

console.log("Wake up");
console.log("Brush teeth");
console.log("Eat breakfast");
// выведет:
// Wake up
// Brush teeth
// Eat breakfast

Поменяй местами первые две строки, и вывод тоже поменяется. Это кажется очевидным, но большая часть ошибок новичков связана с операторами в неправильном порядке: значение используют до того, как его вычислили, или печатают сумму до того, как добавили последний товар.

Комментарии пишут для людей

В примере выше строки, которые начинаются с //, являются комментариями. JavaScript пропускает всё от // до конца строки, поэтому можно оставлять заметки себе или другим читателям. Для заметки на несколько строк начни её с /* и закончи */. Комментарии ещё и удобный способ выключить строку, не удаляя её: поставь перед ней //, и она больше не выполняется.

Когда что-то идёт не так

JavaScript различает регистр: console.log работает, а Console.log и console.Log нет. Имя с опечаткой, например consol.log, останавливает программу с сообщением вроде ReferenceError: consol is not defined. Пропущенная закрывающая кавычка или скобка даёт SyntaxError: код вообще не является правильным JavaScript, поэтому ничего не выполняется. Сначала сообщения об ошибках пугают, но так компьютер говорит тебе, где он застрял. Прочитай первую строку сообщения, найди упомянутое в ней имя и сравни его со своим кодом символ за символом.

Как работают поля для практики

В каждом поле для практики слева твой код, справа вывод (на телефоне он под кодом). «Пуск» запускает код, Ctrl+Enter или Cmd+Enter делают то же с клавиатуры. «Проверить» запускает код и сравнивает каждую напечатанную строку с ожидаемым ответом, так что важны написание, заглавные буквы и пробелы внутри строки. «Сначала» возвращает исходный код. Код выполняется в изолированной рамке, поэтому экспериментами ничего не сломаешь.