Статья про переменные

В php бывают вот такие программные инструкции:

$abc = 100 + 500 ;

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

Данная инструкция состоит из нескольких частей, а именно:

переменная
знак операции присваивание
значение
знак операции сложение
значение
символ окончания инструкции

Переменная нужна, чтобы хранить некоторое время какое-либо значение.

Вот примеры значений (через запятую):

1, 100, 5000, "Hello"

Выше перечислены числа 1, 100 и 500 и строка Hello. Обратите внимание на парные кавычки, обрамляющие строку. Они нужны.

Вот примеры некоторых переменных:

$a, $abc, $xyz, $width, $counter_1, $counter_2

Присвоить некоторое значение переменной x это значит, что это некоторое значение сохраняется в памяти при помощи переменной x и что в дальнейшем, можно будет это значение получить, обратившись к переменной по ее имени.

Вот примеры присвоений:

$a = 1;
$xyz = 100;
$width = 500;

А вот полностью программа, показывающая переменные до и после присвоения им значений.

<?php

var_dump($a); //it shows value of variable a before

var_dump($xyz); //it shows value of variable xyz before

$a = 1; //it sets variable a in value 1

$xyz = 100; //it sets variable xyz in value 100

var_dump($a); //it shows value of variable a after setting

var_dump($xyz);//it shows value of variable xyz after setting

?>

На заметку: комментарии на английском языке написаны специально, так как программисты должны знать этот язык.

Перепишите ее один-в-один и сохраните в корневом каталоге вашего сайта. А затем запустите на выполнение.

Результат исполнения скрипта. Рисунок 1

Результат исполнения скрипта. Рисунок 1

Обратите внимание, что программная инструкция var_dump($a);
показывает значение, хранящееся в переменной a и сначала, в начале работы скрипта, до присвоения, это значение равно NULL,
о чем нас предупреждает интерпретатор языка, а потом (в самом низу картинки) var_dump($a); выводит нам int(1) и это значит, что теперь переменная a хранит целочисленное значение: число 1

Посмотрите, как работает вот такой скрипт:


var_dump($abc);

echo "<br><hr><br>";

$abc = 100;

var_dump($abc);

echo "<br><hr><br>";

$abc = $abc + 500;

var_dump($abc);

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

Обратите внимание на выведенные в html документ переводы строк (при помощи тега br) и горизонтальную черту (при помощи тега hr) Кстати говоря, не используйте br, используйте div.

Self add variable script
Self add variable script

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

Успехов в программировании.

Что такое комментарии?

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

Какие бывают комментарии?

Они бывают однострочные и многострочные (еще говорят блочные) Посмотрите на примеры комментариев ниже. На разных языках программирования они выглядят по разному. Сравните, например, как выглядят комментарии на языках Java, php, javascript:


/**** это пример однострочного комментария  ****/
System.out.println("Hello, world"); //выводит в консоль Hello world 

/****  этот комментарий многострочный, начинается здесь и
for(int i=0;i&lt;10;i++)
{
   System.out.println(""+i);	
}
 заканчивается здесь *****/ 
alert("Hello, world"); //выводит в модальном окне браузера Hello world

echo "Hello, world"; //выводит на html страницу Hello world

//это тоже закомментировано
//echo "div";
//echo "span";
//echo "div";
//вплоть до сюда

Мы будем часто использовать комментарии в наших уроках и примерах скриптов.

Привет мир

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>

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

Установка и настройка программного обеспечения, необходимого для обучения

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

  • Notepad++
  • Это текстовый редактор. С его помощью можно создавать и редактировать различные текстовые файлы, в том числе скрипты javascript и php
  • Total Commander
  • Это программа так называемый менеджер файлов. С его помощью проводят всякие манипуляции с файлами.
  • Team Viewer
  • С помощью этой программы можно удаленно обучаться. Она вам не понадобится, если вы обучаетесь самостоятельно.
  • Denver
  • С помощью этой программы запускаем сайты, делаем сайты, программируем сайты. Она вам не понадобится на начальном этапе (когда мы только начинаем изучать javascript)
  • Chrome
  • Это браузер — он у вас уже наверное установлен
    У меня установлены все эти программы, потому что все они мне нужны

Если у вас не установлены какие-либо из этих программ, то их нужно установить самостоятельно или вы также можете связаться со мной и в ходе первого урока, я установлю вам эти программы и покажу некоторые навыки работы с ними