JavaScript - начало пути
@honey_and_moneyДавайте сначала поговорим о самом языке. 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 - не загрязняй свое сознание лишними мыслями и бесполезным мусором