[SempayMevil]

Доброго времени суток, Читатель, в этом уроке мы посмотрим: Что такое JavaScript, основные понятия \ основы .

=- =- =- =- =- Что такое JavaScript =- =- =- =- =-

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

=- =- =- =- =- Основные понятие JS =- =- =- =- =-

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

var - ячейка, которая может хранить в себе цифра, двойные числа. 
bool (boolean) - ячейка, которая может хранить в себе только значения: [true] / [false].

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

2. Комментарии - пометки, которые код не видит.

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

Комментарии бывают 2х типов:

// - это однострочный комментарий, его нельзя будет перенести на другую строчку.
/*
 Это многострочный  комментарий, он используется в 3 строки. 1я строка - открывает комменатриц, 2я строка - для текста и ниже, а 3я строка отвечает за закрытие комменатрия. Простыми словами - открытие комментария, текст, сколько угодно строчек и в конце закрыть комменатрий.
*/

3. Арифметические операторы.

Операторы выполняют арифметические функции с числами (литералами или с переменными).

Арифметические операторы:

+ // Прибавить число. Пример: 4 + 5.
- // Отнять число. Пример: 5 - 4.
* // Умножение двух чисел. Пример: 5 * 5.
"/" //  Поместил в кавычки, чтобы не запутались. Деление. Пример: 12/2.
% // Делить по модулю. Пример: 56%3 = 2
Инкремент: ++  // Отвечает за прибавление к числу 1. Например: var a = 5. a++. А будет равняться 6, т.к был использован инкремент с прибавлением 1.
Декремент: -- // То же самое, что и Инкремент, но отнимает число. Например: var b = 1. b--: теперь b равно 0.

4. Операторы присваивания.
Операторы присваивания производят значение переменных JavaScript.

Примеры опреаторов присваивания:

 = // Равняется. Например: x = y.
+= // Больше или равняется. Например: x += y
-= // Меньше или равняется. Например: x -= y
*= // Произведение больше или равняется. Например: x *= y.
Пока-что нам дальше не пригодится, закончу на этих операторах.

5. Строковые операторы.
Это полезные операторы, которые хранят в себе строки.

Пример строковых операторов:

var mystring = "Я люблю Pawn-Wiki!"; // Строковый оператор под именем mystring несёт в себе строку "Я люблю Pawn-Wiki!". Строку строго заключить в обычные кавычки или же в ординарные кавычки

Так же строковые операторы можно складывать.

Выведем окошко на сайт:

var mystring11 = "I love";
var mystring12 = "you";

alert(mystring11 + mystring12); // Тут мы объявляем строковые переменные, даём им значение и выводим их в 2м. Получается: I love(mystring11) you(mystring12). Один текст будет.

6. Операторы if & else.

6.1 Оператор if.
Очень часто при написании кода вам необходимо решит, что будет дальше. Например: верен ли ответ или же нет.

Структура if очень проста:

if(условие) {
    действие
}

В условие мы можем написать, например:

if(x < y){
    alert("No");
} // Тут мы сравниваем x и y, если x меньше y, то выведет на сайт табличку с текстом "No".

6.2 Оператор else.
Делать много if на одно действие как-то не хорошо, много времени занимает. И к нам приходит на помощь оператор else, которые может использоваться в if, else считывает код и принимает решение, например:

if(x < y){
    alert("No")
}
else{
    alert("Yes");
} // В данном if мы сравниваем x и y, если x меньше y, то выведет табличку "No", а если больше, то "Yes".

Первый урок подошёл к концу, это был мой второй урок. Первый урок можно посмотреть на сайте Pawn-Wiki. Ссылка на урок: click

[SempayMevil]

УРОК НОМЕР 2. ТЕМА: ОСНОВЫ JAVASCRIPT

7. Оператор switch.
Оператор switch - проверяет множество функций, этот оператор заменяет множество if и else, используется для использования различных действий основанных на условиях.

Пример:

switch(условие) {
    case n1:
        действие
        break;
    case n2:
       действие
       break;
   default:
       действие
}

Выражения switch высчитывается один раз. Значение выражения сравнивается со значением каждого кейса (case: ). При соответствии будет выполнен соответствующий блок кода.
7.1 Ключевое слово break.
break - используется для выхода из блока switch, останавливает выполнение блока дальше.
Пример:

var variable123 = "123";
switch(variable123) {
  case 1:
      if(variable123 == "123") {
        alert("Variable is 123!");
      }
     break; // Останавливаем дальнейший блок, если всё верно - считывать не будет дальше.
    case 2:
      if(variable123 == "1243") {
        alert("Variable is 1243!");
      }
     break; // Не будет считывать данный блок т.к условие выше было верно.
}

7.2 Ключевое слово default.
default - определяет код для запуска, если нет соответствий среди "case: "

8. Цикл for.
Циклы - выполняют блоки кода, определённое кол-во раз. Они удобны в случаях, если нужно запустить один и тот же код много раз. В JavaScript есть три типа циклов: While, for и do while.

Пример for:

 for(условие 1; условие 2; условие 3;){
    код блока, который будет выполнен. 
}
// И самое главное, чтобы после условий стояло двоеточие!

for(i=1; i<=7; i++){
 document.write(i + "<br />");
}

9. Цикл while.
Цикл while - повторяет блок кода, пока условие является истинным. (true).

Синаксис:

while(условие) {
  код блока;
}

Пример:

var i=0;
while(i<=10) {
document.write(i + "br /");
i++; // Будет выведено 10 раз число i по порядку. 0, 1, 2, 3 и т.д до 10, т.к инкремент прибавляет число и i меняет число на +1.

10. break & continue
Выражение break - выпрыгивает из цикла и продолжает код после цикла.
Выражение continue - останавливает только одну итерацию в цикле и продолжает следующую итерации.

11. Функции.
Функции можно создать много раз и вызвать их определённое кол-во раз.

Синтаксис:

function имя() {
    блок кода.
}

Например:

function sayHello() {
 alert("HELLO!"); // Функция объявлена, но не использована и выведено слово HELLO не будет пока не используем функцию.

sayHello();
sayHello();
sayHello(); // Будет выведено 3 раза слово HELLO т.к была использована функция 3 раза, функции можно использовать бесконечное кол-во раз.
}

11.1 Параметры функций.
Функции могут принимать параметры. Параметрами функции являются имена размещённые в определении функции.

Синтаксис:

function имя(параметр 1, параметр 2, параметр 3) {
     код блока.
}

Использование параметров, после создания функции параметр можно будет определить при вызывании функции.

Например:

 function sayHello(name) {
 alert("Привет, " + name);
}

sayHello("Кирилл") // Будет выведено: Привет, Кирилл, т.к мы определили имя в вызове функции.

12. Оператор return.

Функция может иметь опциональную инструкцию return. Она используется для возвращения значений функции.
Она используется в конце функции.

Урок 13. alert, confirm, prompt.

Окно предупреждения - alert используется для уведомления пользователя на сайте.
Окно ввода пользователя - prompt используется для получения данных пользователя, тоесть пользователь вводит данные в окно и они передаются дальше по коду.
Окно подтверждения - confirm используется для подтверждения действий.

Следующий урок через 3 дня.

Так-же вы можете проверять свой код прямо на сайте, нажмите F12 и зайдите в меню "Console" и пишите там свой отрывок кода.

Сообщение отредактировал SempayMevil: 12 августа 2021 - 18:34

[SempayMevil]

Заморожу уроки на пол месяца, нету времени написать урок, извиняюсь за это

[SempayMevil]

Возраждаю тему на последний урок.

УРОК 3. ТЕМА: Проверка на ввод пользователя, аргументы, математические операторы.

Во всех языках программирования, в том же числе и в JavaScript есть оператор "if", через него можно проверить ввод пользователя, и многое другое.
Объяснять долго, как это работает, просто приведу пример с объяснением того, что написано.

if(условие) {
 // body
} // if - проверяет на валидность, невалидность условия.

ПРИМЕР НА ДЕЛЕ:

var i == 10;

if(i == 10) {
    alert("Yes!");
} // Если i равно 10, то выведет Yes.

К самой теме - как проверить ввод пользователя.
Сначала объявляем переменную, которая содержит в себе prompt.
Например:

var abcd == prompt("Введите цифру 123"); // Объявляем переменную с запросом ввода пользователя.

if(abcd == 123) {
    alert("ВЕРНО!");
} // Объявили проверку на валидность, если равно 123, то выдаст табличку с текстом ВЕРНО.

Урок маленький, больше как повторите уроков 1-2 вместе взятые. Закрываю тему, уроков больше не будет.