Учебник по JavaScript для начинающих: полное руководство

Рост Интернета занял место JavaScript там, где он и не предполагался. Он стал одним из самых важных языков в современном мире. Он был создан для расширения сети. Этот Учебник по JavaScript покажет вам эволюцию этого языка сценариев.

Происхождение JavaScript

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

Брендан Ваш отец JavaScript , был заключен контракт с Netscape Communications на разработку схемы браузера. Видение состояло в том, чтобы создать что-то:

• Легко понять синтаксически
• Динамический,
• Чтобы уменьшить многословие,
• Ускорить разработку,
• Мощный.

Java считалась неподходящей для того типа аудитории, которая будет потреблять Мокко (предварительная версия JavaScript) таких как скриптеры, любители, дизайнеры, так как для таких простых задач требовалось много сил и времени. Итак, идея заключалась в том, чтобы сделать Java доступной для крупных профессиональных разработчиков компонентов, в то время как Mocha можно было бы использовать для небольших задач по написанию сценариев.

В декабре 1995 года Netscape Communications и Sun закрыли сделку, и Mocha/LiveScript был переименован в JavaScript. Он был представлен как язык сценариев для небольших клиентских задач в браузере, в то время как Java рекламировался как более крупный профессиональный инструмент для разработки многофункциональных веб-компонентов.

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

Введение в JavaScript

JavaScript — это интерпретируемый язык программирования высокого уровня, используемый для того, чтобы сделать веб-страницы более интерактивными. Это очень мощный язык сценариев на стороне клиента, который делает вашу веб-страницу более живой и интерактивной.

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

Особенности JavaScript:

Это язык сценариев и не имеет ничего общего с Java. Первоначально он был назван Мокко затем изменился на LiveScript и, наконец, он был назван JavaScript.

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

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

Что может JavaScript?

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

• Он также используется в умные часы. Примером этого является популярный производитель умных часов под названием Pebble, который создал небольшую среду JavaScript под названием Pebble.js.

• JavaScript также используется для создания Игры. Многие разработчики создают небольшие игры и приложения с использованием JavaScript.

• Большинство популярных веб-сайтов, таких как Google, Facebook, Netflix, Amazon и т. д., используют JavaScript для создания своих сайты.

JavaScript-фреймворки

1. AngularJS – Это платформа веб-разработки Google, которая предоставляет набор современных функций разработки и дизайна для быстрой разработки приложений.
2. РеактJS — Это еще одна ведущая среда JavaScript, в основном поддерживаемая Facebook, и она стоит за пользовательским интерфейсом Facebook и Instagram, демонстрируя свою эффективность в поддержке приложений с таким высоким трафиком.
3. МетеорJS – Он в основном используется для обеспечения back-end разработки. Использование JavaScript на серверной части для экономии времени и накопления опыта — одна из основных идей Meteor.
4. jQuery – Это можно использовать, когда вы хотите расширить свой веб-сайт и сделать его более интерактивным. Такие компании, как Google, WordPress и IBM, полагаются на jQuery.

HTML против CSS против JavaScript

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

HTML (язык гипертекстовой разметки) больше похож на скелет Интернета. Он используется для отображения веб-страниц.

С другой стороны, CSS как наша одежда. Это делает веб лучше. Он использует CSS, что означает каскадные таблицы стилей для стилизации.

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

Теперь давайте перейдем к нашему учебному пособию по JavaScript и рассмотрим различные преимущества языка.

Преимущества JavaScript

Многие разработчики предпочитают JavaScript из-за следующих преимуществ:

• это Легкий изучить и внедрить.
• JavaScript — это быстро клиентский язык программирования.
• Оно имеет богатый набор из Фреймворки такие как AngularJS и ReactJS.
• Это используется для создания красиво оформленных, интерактивные сайты.
• Это независимая платформа язык программирования.

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

Основы JavaScript

В этом руководстве по JavaScript мы рассмотрим следующие основы:

Переменные

А ячейка памяти который действует как контейнер для хранения данных, называется Переменная. Это зарезервированные ячейки памяти.

Вы должны использовать ключевое слово ‘let’ для объявления переменной. Синтаксис следующий:

let age;

age = 23;

Константы

Ценности, которые исправлено и не могут быть изменены во время выполнения, называются константы. Чтобы объявить константу, вы должны использовать ключевое слово const.

Синтаксис следующий:

Const value;

value = 7;

Типы данных

Вы можете назначать различные типы ценности к переменной, такой как число или строка. Существуют различные типы данных, такие как:

• Числа
• Струны
• логический
• Неопределенный
• Нулевой

Объекты

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

Чтобы объявить объект в JavaScript используйте ‘ позволять ‘ и обязательно используйте фигурные скобки таким образом, чтобы все пары «свойство-значение» были определены внутри фигурных скобок. Синтаксис следующий:

let user= {

name: 'Aron',

id: '1234'

};

В этом примере пользователь — это объект с двумя разными свойствами, т. е. именем и идентификатором.

Массивы

Массив — это структура данных который содержит список элементов, которые хранят несколько значений в одной переменной.

Чтобы объявить массив в JavaScript, используйте ‘ позволять ‘ с квадратными скобками и все элементы массива должны быть заключены в них. Синтаксис следующий:

let shopping=[];
shopping=['paintBrush','sprayPaint','waterColours','canvas'];

Функции

Функция — это блок организованного повторно используемого кода, который используется для выполнения одного связанного действия.

Чтобы объявить функцию в JavaScript, используйте ‘ функция ключевое слово. Синтаксис выглядит следующим образом:

function sum(a, b) {
return a+b;
}

Условные операторы

Условный оператор — это набор правил, выполняемых при выполнении определенного условия. Два типа условных операторов:

Условные операторы — если

Чтобы объявить оператор if в JavaScript, вам нужно использовать ‘ если ключевое слово. Синтаксис следующий:

if(condition) {
statement;
}

Условные операторы — иначе, если

Оператор Else используется для выполнения блока кода, если одно и то же условие ложно. Синтаксис следующий:

if(condition) {
statement a;
}
else (condition) {
statement b;
}

Петли

Циклы используются для повторения определенного блока до тех пор, пока не будет выполнено некоторое конечное условие. В JavaScript есть три категории циклов:

1. пока цикл
2. сделать цикл while
3. для цикла

Пока цикл

Пока условие истинно, код внутри цикла выполняется.

Синтаксис:

while(condition) {
loop code;
}

Выполнить цикл while

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

Синтаксис следующий:

do {
loop code;
} while(condition);

Для цикла

Цикл for многократно выполняет код цикла, пока заданное условие истинно. Он проверяет условие перед выполнением тела цикла.

Синтаксис:

for(begin; condition; step) {
loop code;
}

Случай переключения

Оператор switch используется для выполнения различных действий в зависимости от различных условий.

Синтаксис:

switch(expression) {
case 1:
code block 1
break;
case 2:
code block 2
break;
default:
code block 3
break;
}

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

Учебник по JavaScript: пример

Теперь, когда вы знаете основы JavaScript, давайте посмотрим на пример и его вывод.

Цифровые часы

function showTime(){
var date = new Date();
var h = date.getHours(); // 0 - 23
var m = date.getMinutes(); // 0 - 59
var s = date.getSeconds(); // 0 - 59
var session = "AM";

if(h == 0){
h = 12;
}

if(h > 12){
h = h - 12;
session = "PM";
}

h = (h < 10) ? "0" + h : h;
m = (m < 10) ? "0" + m : m;
s = (s < 10) ? "0" + s : s;

var time = h + ":" + m + ":" + s + " " + session;
document.getElementById("MyClockDisplay").innerText = time;
document.getElementById("MyClockDisplay").textContent = time;

setTimeout(showTime, 1000);

}

showTime();

Выход

На этом мы подошли к концу нашего руководства по JavaScript. Я надеюсь, что вы нашли этот блог информативным, и я надеюсь, что вы получили базовое представление о JavaScript.