Почему именно JavaScript? Здесь есть ответы на ваши вопросы.

Привет всем.

Раньше мы изучали HTML и CSS, как если бы статические веб-сайты выглядели презентабельно. Как было сказано ранее в предыдущих главах, HTML и CSS являются скелетом и телом веб-сайта.

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

Первый шаг к HTML
Важные понятия в CSS
CSS Grid
Сделайте адаптивный веб-дизайн
Вот некоторые из них, которые вы можете проверить здесь в моем профиле Medium.

Продвигаемся вперед с JavaScript.

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

JavaScript может быть написан на HTML, и он все равно будет работать, или мы можем сделать конкретный файл только для JS. JS будет написан в виде обычного текста и не требует специальной компиляции или подготовки для запуска.

JavaScript - это кроссплатформенный объектно-ориентированный язык сценариев, используемый для создания интерактивных веб-страниц (например, со сложной анимацией, интерактивными кнопками, всплывающими меню и т. Д.). Существуют также более продвинутые серверные версии JavaScript, такие как Node.js, которые позволяют добавлять на веб-сайт больше функций, чем простая загрузка файлов (например, совместная работа между несколькими компьютерами в реальном времени). Внутри хост-среды (например, веб-браузера) JavaScript может быть связан с объектами своей среды, чтобы обеспечить программный контроль над ними.

<script>
document.write(“Hello JavaScript by JavaScript”);
</script>

Переменная JavaScript

Переменная JavaScript - это просто имя места хранения. В JavaScript есть два типа переменных: локальная переменная и глобальная переменная.

Есть некоторые правила при объявлении переменной JavaScript (также известной как идентификаторы).

Имя должно начинаться с буквы (от a до z или от A до Z), подчеркивания (_) или знака доллара ($).
После первой буквы мы можем использовать цифры (от 0 до 9), например value1.
Переменные JavaScript чувствительны к регистру, например x и X - разные переменные.

<script>
  var x = 10;
  var y = 20;
  var z=x+y;
  console.log(z);
</script>

Типы данных JavaScript

JavaScript предоставляет разные типы данных для хранения разных типов значений. В JavaScript есть два типа данных.

Примитивный тип данных
Непримитивный (справочный) тип данных

JavaScript - это язык динамического типа, что означает, что вам не нужно указывать тип переменной, поскольку он динамически используется механизмом JavaScript. Здесь вам нужно использовать var, чтобы указать тип данных. Он может содержать значения любого типа, такие как числа, строки и т. Д. Например:

var a=40;
var b=”Rahul”;

Примитивные типы данных JavaScript

В JavaScript есть пять типов примитивных типов данных. Вот они:

Нить
Число
Логический
Неопределенный
Нулевой

Непримитивные типы данных JavaScript

К непримитивным типам данных относятся следующие:

Объект
Массивы
RegExp

JavaScript If-else

Оператор if-else в JavaScript используется для выполнения кода вне зависимости от того, является ли условие истинным или ложным. В JavaScript есть три формы оператора if.

Если заявление
Если еще заявление
если еще, если заявление

Оператор if в JavaScript

Он оценивает содержимое, только если выражение истинно. Подпись оператора if в JavaScript приведена ниже.

if(expression){
//content to be evaluated
}

Блок-схема оператора if в JavaScript

Давайте посмотрим на простой пример инструкции if в JavaScript.

<script>
  var a=20;
  if(a>10){
  console.log(“value of a is greater than 10”);
}
</script>

Оператор JavaScript If… else

Он оценивает содержимое, является ли условие истинным или ложным. Синтаксис оператора if-else в JavaScript приведен ниже.

if(expression){
//content to be evaluated if condition is true
}
else{
//content to be evaluated if condition is false
}

Блок-схема оператора JavaScript If… else

Давайте посмотрим на пример инструкции if-else в JavaScript, чтобы узнать четное или нечетное число.

<script>
  var a=20;
  if(a%2==0){
  console.log(“a is even number”);
}
else{
  console.log(“a is odd number”);
}
</script>

Оператор JavaScript If… else if

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

if(expression1){
//content to be evaluated if expression1 is true
}
else if(expression2){
//content to be evaluated if expression2 is true
}else if(expression3){
//content to be evaluated if expression3 is true
}else{
//content to be evaluated if no expression is true
}
<script>
  var a=20;
  if(a==10){
  console.log(“a is equal to 10”);
}
  else if(a==15){
  console.log(“a is equal to 15”);
}
  else if(a==20){
  console.log(“a is equal to 20”);
}
  else{
  console.log(“a is not equal to 10, 15 or 20”);
}
</script>

Переключатель JavaScript

Оператор JavaScript switch используется для выполнения одного кода из нескольких выражений. Это похоже на оператор else if, который мы узнали на предыдущей странице. Но он удобнее, чем if..else..if, потому что его можно использовать с числами, символами и т. Д.

Пример оператора переключения JavaScript приведен ниже.

<script>
  var grade=’B’;
  var result;switch(grade){
  case ‘A’:
  result=”A Grade”;
  break;
  case ‘B’:
  result=”B Grade”;
  break;
  case ‘C’:
  result=”C Grade”;
  break;
  default:
  result=”No Grade”;
}
console.log(result);
</script>

Циклы JavaScript

Циклы JavaScript используются для итерации фрагмента кода с использованием циклов for, while, do while или for-in. Это делает код компактным. В основном используется в массиве.

В JavaScript есть четыре типа циклов.

для цикла
пока цикл
цикл do-while
цикл for-in

1) JavaScript для цикла

Цикл for в JavaScript выполняет итерацию элементов фиксированное количество раз. Его следует использовать, если известно количество итераций. Синтаксис цикла for приведен ниже.

for (initialization; condition; increment)
{
code to be executed
}

Давайте посмотрим на простой пример цикла for в JavaScript.

<script>
for (i=1; i<=5; i++)
{
console.log(i + “<br/>”)
}
</script>

Вывод:

1
2
3
4
5

2) JavaScript цикл while

Цикл while JavaScript выполняет итерацию элементов бесконечное количество раз. Его следует использовать, если количество итераций неизвестно. Синтаксис цикла while приведен ниже.

while (condition)
{
code to be executed
}

Давайте посмотрим на простой пример цикла while в JavaScript.

<script>
var i=11;
while (i<=15)
{
document.write(i + “<br/>”);
i++;
}
</script>

Вывод:

11
12
13
14
15

3) JavaScript do while loop

Цикл do while в JavaScript выполняет итерацию элементов бесконечное количество раз, как цикл while. Но код выполняется по крайней мере один раз, независимо от того, является ли условие истинным или ложным. Синтаксис цикла do while приведен ниже.

do{
  code to be executed
}while (condition);

Давайте посмотрим на простой пример цикла do while в JavaScript.

<script>
  var i=21;
  do{
  document.write(i + “<br/>”);
  i++;
  }while (i<=25);
</script>

Вывод:

21
22
23
24
25

4) JavaScript для цикла

цикл for - это наиболее удобный итератор, который мы будем использовать в дальнейшем. При этом учитываются три параметра.

Значение инициализации
средство проверки состояния
приращение / декремент

for(let i = 0; condition ; increment/decrement)
{
program to be executed
}

Функции JavaScript

Функции JavaScript используются для выполнения операций. Мы можем вызывать функцию JavaScript много раз, чтобы повторно использовать код.

Преимущество функции JavaScript

В основном функции JavaScript имеют два преимущества.

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

Давайте посмотрим на простой пример функции в JavaScript, не имеющей аргументов.

<script>
  function msg(){
  alert(“hello! this is message”);
}
</script>
<input type=”button” onclick=”msg()” value=”call function”/>

Итак, давайте воспользуемся этими знаниями и сделаем простой проект.

Если есть какие-либо вопросы по вышеуказанным темам, не стесняйтесь комментировать.

Почему именно JavaScript? Здесь есть ответы на ваши вопросы.