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

1. Что такое JavaScript?

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

Код JavaScript может выполняться при событиях, щелчках мыши и движениях, вводе с клавиатуры и т. д. Он может отправлять запрос на сервер и загружать данные без перезагрузки страницы. Эту технологию часто называют «AJAX». JavaScript делает веб-страницы динамичными.

JavaScript также используется для получения и установки файлов cookie, запроса данных и вывода сообщений.

2. Предпосылки для изучения JavaScript

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

Кроме того, прежде чем использовать Interact JavaScript API на веб-сайте, вы также должны указать на своих веб-страницах файл Interactapi.js.

3. История JavaScript

Когда JavaScript был создан, у него изначально было другое имя, известное как «Live Script». Но в то время Java была настолько популярна, что ее решили назвать «Младшим братом Java». А со временем JavaScript стал полностью самостоятельным языком со своей спецификацией под названием ECMA Script и теперь вообще не имеет отношения к Java.

Сегодня JavaScript может выполняться не только в браузере, но и на сервере. Он может работать на любом устройстве, на котором установлена ​​специальная программа под названием JavaScript Engine. Теперь в браузерах также есть встроенный движок под названием «Виртуальные машины JavaScript». Теперь мы подробнее изучим учебник по JavaScript и узнаем о преимуществах JavaScript.

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

Возможности JavaScript сильно зависят от среды, в которой он работает. Например, Node js поддерживает функцию, которая позволяет JavaScript читать/записывать произвольные файлы, выполнять сетевой запрос и т. д.

В браузере JavaScript может делать все, что связано с манипулированием веб-страницей, веб-сервером и взаимодействием с пользователем. В браузере JavaScript имеет разные преимущества:

  • Добавление нового HTML на страницу, изменение существующего контента, изменение стилей.
  • Реагировать на действия пользователя, запускать на щелчки мыши, движения указателя, нажатия клавиш.
  • Отправляйте запросы по сети на удаленные серверы, загружайте и загружайте файлы. Это называется AJAX и COMET Technologies.

5. Недостатки JavaScript

Теперь в Учебнике по JavaScript мы обсудим ограничения JavaScript.

  • Возможности JavaScript ограничены окном браузера. У него нет доступа к ОС. Новые браузеры также предоставляют такие возможности, но в ограниченном и безопасном виде.
  • JavaScript на одной вкладке не может изменять другие вкладки/окна. Это исключения, когда два окна пришли из одного домена.
  • У него есть некоторые проблемы с безопасностью, такие как любые фрагменты JavaScript при добавлении к веб-страницам на стороне клиента для использования системы пользователя.
  • Мы не можем использовать его для сетевых приложений, так как поддержки нет.
  • Рендеринг JavaScript варьируется. Он может отображаться разными механизмами компоновки по-разному. В результате он также создает интерфейс и функциональность, которые не являются последовательными.

6. Уникальные особенности JavaScript

Особенности JavaScript следующие:

  • JavaScript разработан таким образом, что он чувствителен к регистру, объектно-ориентирован и динамически типизирован.
  • Он не зависит от платформы и может быть интерпретирован.
  • JavaScript — это объектный язык сценариев, дающий пользователю больший контроль над браузером.
  • Он также обрабатывает дату и время.
  • Обнаруживает пользовательский браузер и ОС и является легким.
  • JavaScript — это язык сценариев, а не Java.
  • Все операторы должны заканчиваться точкой с запятой в JavaScript
  • Почти весь синтаксис управляющих операторов JavaScript аналогичен синтаксису управляющих операторов C.
  • Наконец, важной частью JavaScript является возможность создавать новые функции внутри скрипта. Объявите функцию в JavaScript с помощью ключевого слова function.

7. Переменные JavaScript

Теперь в Учебнике по JavaScript мы изучим переменные в JavaScript. Переменные JavaScript — это контейнеры для хранения значений данных. Первым символом имени переменной должна быть буква, $ или «_». Второй символ может быть цифрой.

Кроме того, зарезервированные слова не могут быть именами переменных, такими как функция значения, возврат и т. д. Переменная может состоять из значения любого типа. Объявление переменных, когда бы они ни происходили, обрабатываются до того, как какой-либо код будет выполнен. Более того, область действия переменной, объявленной с помощью «var», является ее текущим контекстом выполнения.

Пример:-

  1. вар Х=1;
  2. {
  3. переменная у = 2;
  4. y= y+x;
  5. оповещение(y);
  6. }

8. Типы данных, поддерживаемые JavaScript

Далее, в учебнике по JavaScript, мы обсудим шесть примитивных типов данных, поддерживаемых JavaScript: Boolean, String, Number, Undefined, Null, Symbol и Object.

я. логический

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

II. Струны

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

Пример:-

«привет, мир»
«я люблю кошек»
«тестовые цитаты»

III. Числа

Тип данных числа охватывает целые числа и числа с плавающей запятой. То есть числовой тип может обрабатывать числа (1,2,3,4), а также отрицательные числа и десятичные разряды. Это также отличается от многих языков, которые имеют несколько типов данных для поддержки разных чисел.

Пример:-

  1. переменная число = 1;
  2. тип числа;
  3. переменная число=-1;
  4. тип числа;
  5. переменная число=0,3;
  6. тип числа;

IV. Неопределенный

Для неназначенных значений — автономный тип, который имеет единственное значение и не определен.

v. Нуль

Null для неизвестных значений — автономный тип, содержащий одно значение null.

ви. Символ

Это новое в ECMA Script 6. Символы позволяют использовать частные свойства объектов. До ECMA Script 6 доступ ко всем свойствам объекта можно было получить через for, in.

Пример:-

  1. var dog = { лай : правда }
  2. for ( свойство var в собаке ){
  3. Если (собака.hasOwnProperty(свойство)){
  4. Console.журнал(свойство); // регистрирует «лает»

vii. Объекты

Все в Учебнике по JavaScript, что мы не обсуждали выше, является объектом. Итак, объекты в JavaScript — самый сложный тип данных.

Пример:

  1. var cat = { звуки : "мяу" }
  2. Var fluffy = new Cat();
  3. Var усики = новая функция();
  4. This.sound = «мяу»;
  5. }

9. Как добавить скрипты на HTML-страницу — Учебник по JavaScript

Скрипт можно разместить в любом месте страницы. Чаще всего он помещается внутри тега заголовка документа перед закрытием тега body, и вы можете написать весь JavaScript в отдельном внешнем исходном файле, а также можете указать ссылку на HTML-странице.

Пример:-

Код JavaScript внутри тега заголовка документа.

  1. ‹! ДОКТИП HTML›
  2. ‹html›
  4. ‹метакодировка = “utf-8”›
  5. ‹title› Введение в Alert‹/title›
  6. ‹скрипт›
  7. оповещение("добро пожаловать");
  8. подтвердить("Ты девушка");
  9. подсказка("введите ваше имя");
  10. ‹/скрипт›
  13. ‹h1› Добро пожаловать в JavaScript ‹/h1›
  15. ‹/html›

10. Как запустить JavaScript

Теперь в учебнике по JavaScript мы увидим шаги для запуска JavaScript:

я. Нажмите на файл HTML.
ii. Откройте в веб-браузере.
iii. Для кода JavaScript внутри тега head сообщение Alert будет выполняться первым.
iv. Нажмите на кнопку ok.
v. Далее будет отображаться «Вы девушка»?.
vi. Нажмите ОК, если вы девушка.
vii. После этого вам будет предложено ввести свое имя.
viii. Затем выполняется выполнение этого тега заголовка, выполняется тег тела.
ix. Появится сообщение с упоминанием «Добро пожаловать в JavaScript».

Вывод:

Пример:-

Код JavaScript внутри тела:

  1. ‹! ДОКТИП HTML›
  2. ‹html›
  4. ‹мета-кодировка = “utf-8›
  5. ‹title› введение в Alert ‹/title›
  8. ‹h1› Добро пожаловать в JavaScript ‹/h1›
  9. ‹скрипт›
  10. оповещение («Добро пожаловать»);
  11. подтвердить("Вы девушка");
  12. подсказка("Введите ваше имя");
  13. ‹/скрипт›
  15. ‹/html›

Когда вы запускаете код JavaScript внутри тега body, то при запуске HTML-страницы с помощью веб-браузера сначала отображается «Добро пожаловать в JavaScript», а вместе с этим также отображаются всплывающие окна.

Вывод:

Пример:-

Код JavaScript в отдельном внешнем файле

  1. функция всплывающее окно(){
  2. оповещение("Добро пожаловать");
  3. подтвердить("Ты девушка");
  4. подсказка("Введите ваше имя");
  5. }

В файле html.exe мы должны указать имя исходного файла сценария, когда мы пишем код JavaScript в отдельном файле.

  1. ‹!DOCTYPE HTML›
  2. ‹html›
  4. ‹script src="popup.js";
  5. ‹/скрипт›
  8. ‹p onclick=" всплывающее окно()"›
  9. Нажми на меня
  10. </p>
  12. ‹/html›

Вывод:

11. Инструменты JavaScript

Ниже приведены различные инструменты JavaScript:

я. ВЕЛИКОЛЕПНЫЙ ТЕКСТ

Это проприетарный кроссплатформенный текстовый редактор с Python API. Кроме того, он изначально поддерживает несколько языков и языки разметки. Плагины также могут быть интуитивно понятными для новых функций.

II. ГЛОТОК

GULP — это, по сути, инструмент автоматизации задач. Он также прост в использовании для разработчиков и прост для понимания.

III. НПМ

NPM известен как менеджер пакетов Node JS, который представляет собой онлайн-репозиторий для публикации проектов, созданных на Node JS.

IV. ВЕБ-ПАК

Веб-пакеты помогают загружать ваши модули с некоторыми зависимостями, такими как .js, .css, .html и т. д. Веб-пакеты также помогают в качестве упаковщиков, которые объединяют файлы подобного типа в один точный файл.

против ЭСЛИНТ

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

ви. ЖАСМИН

JASMINE — это набор тестов, который запускается только при наличии JavaScript в вашем браузере. Это полностью автоматизированный набор поведения. Следовательно, он предоставляет среду тестирования для всех видов проектов Node.js.

vii. ПОСМОТРЕТЬ

BROWSERIFY может работать только с проектами Node.js и запускать их в браузерах. Он также хорошо работает с небольшими модулями.

VIII. МОККА

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

икс. КВИНТ

QUINT установлен на NPM, который представляет собой среду тестирования JavaScript. Это фреймворк модульного тестирования.

Икс. КОД ОРКЕСТР

CODE ORCHESTRA также известен как COLT (инструмент живого кодирования Code Orchestra). Он может использоваться любой IDE, удобной для пользователя/кодировщика.

xi. КРУГ КИ

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

xii. ТРАВИС

Используя TRAVIS CI, вы можете легко синхронизировать свои проекты GITHUB. Travis предлагает больше языковой поддержки, чем CIRCLE CI, а также работает на Linux и Mac OS одновременно.

xiii. КОДЕКС

CODESHIP — это инструмент непрерывной интеграции, помогающий находить ошибки. Сервис также предлагает множество мощных вариантов настройки.

xiv. ПРИЛОЖЕНИЕ

APPVEYOR — это конструктор проектов с открытым исходным кодом. Он хорошо работает для репозиториев GITHUB. Пользователь также может войти в реальную виртуальную машину.

хв. ДЖЕНКИНС

JENKINS — это сервер или инструмент непрерывной интеграции на Java. Этот инструмент представляет собой автономный инструмент CI с множеством плагинов, с помощью которых вы можете делать что угодно.

12. Приложения JavaScript

Существуют различные варианты использования JavaScript в следующих областях:

я. Веб-разработка

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

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

II. Презентации

JavaScript предоставляет возможность создания презентаций в виде веб-сайта. Он предоставляет библиотеки Reveal JS и Bespoke JS для создания набора слайдов в Интернете. Покажите JS-дизайн некоторых из самых привлекательных и интерактивных колод с использованием HTML.

Он также предоставляет Bespoke. Плагин JS с множеством функций. Кроме того, они включают адаптивное масштабирование, анимированные списки маркеров и подсветку синтаксиса для примеров кода.

III. Серверные приложения

Node JS использует среду выполнения JavaScript Chrome для создания быстрых и масштабируемых сетевых приложений. Кроме того, он использует легкие, эффективные и управляемые событиями приложения, которые должны быть распределены по системам с помощью сервера. Кроме того, JavaScript используется для обработки HTTP-запроса и генерации содержимого.

IV. Веб-серверы

Веб-сервер создается с помощью Node JS. Кроме того, преимущества Node JS заключаются в том, что он не ждет ответа на предыдущий вызов и управляется событиями.

v. Игры

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

ви. Приложения для умных часов

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

vii. Мобильные приложения

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

VIII. Летающие роботы

Используя JScript Node JS, пользователь может запрограммировать летающего робота.

13. Карьера в JavaScript

Далее, в учебнике по JavaScript, мы изучим различные карьерные перспективы в JavaScript. В мире разработки есть поговорка: Каждый день — это день обучения в веб-разработке.
Кроме того, у разработчиков JavaScript так много возможностей для карьеры, как:

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

14. Управление памятью JavaScript

Далее мы перейдем к обсуждению управления памятью в JavaScript в учебнике по JavaScript. В C у нас есть низкоуровневые примитивы управления памятью, такие как malloc(), free(). Размещение значения JavaScript — это когда вещи (объекты, строки и т. д.) разрабатываются. Они автоматически освобождаются, когда не используются сборщиками мусора.

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

Некоторые высокоуровневые языки также включают часть программного обеспечения под названием «Сборщик мусора», задачей которого является отслеживание выделения памяти, а также используется для определения того, когда часть выделенной памяти больше не требуется, и в этом случае она автоматически освобождается. Это.

Вот мы и подошли к концу нашего учебника по JavaScript.

15. Учебник по JavaScript — Резюме

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

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

Вы также можете изучить некоторые другие языки программирования, такие как Python, Ruby, PHP и, наконец, вы можете изучить пару фреймворков, таких как Angular.js и Twitter Bootstrap.

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