Привет мир

Hello, world по русски значит: Привет, мир.

Один мудрец сказал:

Чтобы научиться программировать — надо программировать

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

Вот самые базовые знания: программа на языке PHP или javascript называется скрипт, а содержимое скрипта программисты называют код.

Код программы скрипта выполняется при помощи другой программы, иначе еще говорят, что программа скрипт интерпретируется программой интерпретатором. И тогда что-то происходит.

Давайте посмотрим на вот этот код, простой программы-скрипта, которая выводит текст Hello, world! в модальное окно сообщений браузера (такое специальное небольшое окошко):

alert('Hello, world!');

Когда говорят, что javascript исполняется в браузере, это означает что браузер выполняет код программы на языке javascript. Также говорят что скрипт на языке javascript браузером запускается на выполнение.

Теперь давайте программировать.

Для начала создайте где-нибудь на рабочем столе папку и назовите ее JS Lessons.

Внутри этой папки будут размещаться наши уроки в пронумерованных папках. Сейчас внутри этой папки ничего нет, поэтому давайте прямо здесь создадим папку с именем 1.

Все файлы или данные, которые касаются первого урока мы будем хранить в ней.

После создания заходим внутрь папки. Давайте здесь создадим файл index.txt средствами операционной системы. На пустом месте нажимаем правую кнопку мыши, выбираем «Создать текстовый документ»

Windows показывает нам вот такую картинку:

Создание нового текстового документа
Создание нового текстового документа

les1_ris2

Набираем на клавиатуре: index и нажимаем «Enter».

Вот так мы создали файл index.txt в дочернем каталоге 1 каталога JS Lessons.

Откроем с помощью Проводника и Notepad++ этот файл:

Открытие файла на редактирование в Notepad++ с помощью Проводника
Открытие файла на редактирование в Notepad++ с помощью Проводника

и внутри напишем:

h1 hello world

После этого сохраним файл, нажав одновременно Ctrl и s. Потом выйдем из программы текстового редактора.

(Если у вас нет Notepad++ и Total Commander, вы можете связаться со мной и я помогу вам их установить)

Далее, наведем указатель мышки на созданный нами файл и нажмем правую кнопку. В появившемся контекстном меню выберем: «Открыть с помощью Google Chrome» И вот как браузер отобразит нам наш файл:

Вот как браузер отображает текстовый документ
Вот как браузер отображает текстовый документ

Теперь изменим расширение файла (часть имени файла после точки) с помощью Total Commander (это легче чем в Проводнике — ведь нужно, чтобы ваш Проводник показывал не только имена, но и расширения файлов)

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

Великолепно. Теперь осталось только внедрить на нашу импровизированную страницу javascript и посмотреть на результат. Вот как это делается: откроем на редактирование index.html и ниже закрывающего тега h1 расположим инструкцию:

<script>
alert('Hello, world!');
</script>

Все вышеизложенное можно посмотреть в этом видео: