Рубрики
Без рубрики

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

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

Автор оригинала: Sayantini.

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

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

Netscape logo.svg-300x82.png

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

Brendan_eich_mozilla_foundation_official_photo-150x150.jpg.

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

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

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

JavaScript-logo-300x169.png

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

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

Введение в JavaScript

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

Web-Development-300x221.png

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

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

Особенности of-javascript-528x249.png

Это язык сценариев и не имеет ничего общего с Java. Изначально это было названо Моча Затем изменился на Одежда И, наконец, это было названо как JavaScript Отказ

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

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

Что делать JavaScript?

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

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

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

  • Самые популярные веб-сайты, такие как Google, Facebook, Netflix, Amazon и т. Д. Использование JavaScript для создания их Сайты Отказ

JavaScript Frameworks

JavaScript-Frameworks-528x144.png
  1. Angularjs – Это основания веб-разработки Google, которая предоставляет набор современных функций разработки и дизайна для быстрого развития приложений.
  2. Rectjs – Это еще одна вершина JavaScript Framework, в основном поддерживаемых Facebook, и оно за пользовательским интерфейсом Facebook и Instagram, демонстрируя его эффективность в поддержании таких приложений для трафика.
  3. Meteorjs – Он в основном используется для обеспечения внутренней разработки. Использование JavaScript на задней части, чтобы сэкономить время и построить опыт, является одним из основных идей Meteor.
  4. jquery – Это может быть использовано, когда вы хотите продлить свой сайт и сделать его более интерактивным. Компании, такие как Google, WordPress и IBM полагаются на jQuery.

HTML VS CSS VS JavaScript

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

Html-vs-css-vs-javascript-512x300.png

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

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

Наконец, JavaScript используется для добавления жизни на веб-страницу. Как и, как дети перемещаются с помощью скейтборда, веб-сайт также движется с помощью JavaScript.

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

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

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

  • Это Легко учиться и реализовать.
  • JavaScript это быстро Язык программирования на стороне клиента.
  • У этого есть богатый набор Рамки такие как angularjs и rectjs.
  • Это используется для постройки красиво разработанного, Интерактивные сайты Отказ
  • Это независимая платформа язык программирования.

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

Основы JavaScript

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

Переменные

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

Переменные-300x154.png.png.

Вы должны использовать ключевое слово «Пусть», чтобы объявить переменную. Синтаксис выглядит следующим образом:

let age;

age = 23;

Константы

Значения, которые являются Исправлено и не может быть изменен во время исполнения, называется Константы Отказ Чтобы объявить постоянную, вы должны использовать ключевое слово «const».

Синтаксис выглядит следующим образом:

Const value;

value = 7;

Типы данных

Вы можете назначить разные типы Значения к переменной, такой как номер или строку. Есть разные типы данных, такие как:

Типы данных-528x137.png
  • Числа
  • Строки
  • Логический
  • Неопределенный
  • Ноль

Объекты

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

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

let user= {

name: 'Aron',

id: '1234'

};

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

Массива

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

Arrays-300x215.png.png.

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

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

Функции

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

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

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

Условные заявления

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

Условные заявления – если

if-code-300x252.png

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

if(condition) {
statement;
}

Условные заявления – иначе если

else-if-coundy-300x249.png

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

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

Петли

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

  1. во время петли
  2. делать во время петли
  3. для петли

Во время петли

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

Пока Loop-273x300.png

Синтаксис:

while(condition) {
loop code;
}

Делать во время петли

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

do-while-loop-243x300.png

Синтаксис выглядит следующим образом:

do {
loop code;
} while(condition);

Для петли

КОНТЕРАЛЬНАЯ КОНТРАКТИРОВАНИЕ несколько раз выполняет код петли, когда данное условие верно. Он проверяет условие перед выполнением корпуса петли.

for-loop-300x259.png

Синтаксис:

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

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

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

Switch-300x275.png.

Синтаксис:

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();

Выход

вывод-528x177.png.

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