Форум Pawn-Wiki.Ru - Воплоти мечту в реальность!: Урок по JavaScript (Тэга JS нет). - Форум Pawn-Wiki.Ru - Воплоти мечту в реальность!

Перейти к содержимому

Страница 1 из 1
  • Вы не можете создать новую тему
  • Вы не можете ответить в тему

[ Java ]
Урок по JavaScript (Тэга JS нет).
Оценка: -----

#1
Пользователь офлайн   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
1

#2
Пользователь офлайн   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

1

#3
Пользователь офлайн   SempayMevil 

  • Новичок
  • Вставить ник
  • Раскрыть информацию
Заморожу уроки на пол месяца, нету времени написать урок, извиняюсь за это :happy:
0

Поделиться темой:


Страница 1 из 1
  • Вы не можете создать новую тему
  • Вы не можете ответить в тему

1 человек читают эту тему
0 пользователей, 1 гостей, 0 скрытых пользователей


Яндекс.Метрика