JavaScript - начало пути

Давайте сначала поговорим о самом языке. JavaScript относится к Си-подобным языкам.

Это значит что он очень похож на язык программирования Си. Но только визуально - в технической части всё совершенно по другому.

Язык этот является интерпретируемым. Что это значит?

Существуют компилируемые и интерпретируемые языки. Для сборки и выполнения программ на компилируемых языках используется компилятор (к бы очевидно это не звучало).

Что делает компилятор? - это некоторая программа, которая перед запуском написанного вами кода транслирует его на язык, понятный компьютеру. То есть проходится по каждой вашей строчке кода и проверяет ее - если всё написано правильно и синтаксис соблюдается (синтаксис это правила написания тех или иных конструкций на данном языке программирования), то строка переводится на "компьютерный" язык, а если нет - выводится сообщение об ошибке и программа не запускается, пока эту ошибку не исправит сам программист.

С интерпретируемыми языками всё почти так же, но есть отличия:

Так же как у компилируемых языков есть компилятор, у интерпретируемых языков есть интерпретатор. Что делает он? Интерпретатор не проходится заранее по всей программе - он действует построчно: взял одну строку кода, проверил ее, если все нормально - сразу же ее выполнил - это главное отличие от компиляторов.

Таким образом, допущенная вами ошибка в синтаксисе или логике интерпретируемого языка может проявиться только в ходе выполнения программы, а не на этапе ее запуска.

Итак, с технической частью языка мы разобрались.

Интерпретатором для JavaScript является привычный нам браузер - файлы с вашим кодом на JavaScript должны идти в комплекте с html-файлами, для отображения результатов работы вашей программы.

Итак, давайте сначала создадим обыкновенную html-страницу, без всяких дополнительных библиотек, фреймворков и тому подобное.

Вот такой код:

Ничего нового, обычная подготовительная конструкция.

JS-код (Буду использовать такое сокращения для JavaScript) может располагаться прямо в вашем html-коде внутри тегов <script> и </script>

А может находиться и в отдельном файле с расширением .js

Я предпочитаю второй вариант, т.к. он помогает избежать дополнительной путаницы.

Давайте теперь создадим файл main.js в той же папке, что и наша новая html-страница. (Напомню, для создания файлов с любыми расширениями можно использовать разнообразные текстовые редакторы, такие как Notepad++ или обычный Блокнот - используется пункт All types для сохранения файла в нужном расширении)

Создали, теперь нам надо связать html и js-файлы друг с другом.

Делаем это вот так:

На седьмой строке привязали наш файл. Кстати, попробовал перед названием файла поставить слеш - не работало, поэтому делаем точно так, как показано на скрине.

Теперь нам надо написать хоть что-то в main.js, чтобы проверить работоспособность этого всего.

Я написал одну такую строчку - она выводит сообщение "Hello JavaScript!" в командную строку браузера (по-другому консоль)

Сохранили - открыли html-файл в браузере - открыли консоль нажатием Ctrl+Shift+C - зашли на вкладку "Console" - должны увидеть такое сообщение:

Если его не будет, то должна будет отобразиться ошибка здесь же. Если нет ни сообщения, ни ошибки - выберите в Default levels все пункты. (Кнопка для выбора пунктов видна на скриншоте выше)

Итак, поздравляю вас - только что мы написали первую программу на JavaScript (или по-другому - скрипт), и она работает - это самое важное!

В следующих статьях будем знакомиться с базовыми конструкциями, эта была введением в тему. Надеюсь вам было всё предельно ясно и интересно)

@honey_and_money - не загрязняй свое сознание лишними мыслями и бесполезным мусором