Что такое JavaScript? Возможности, примеры использования и многое другое

Язык сценариев, широко используемый в Интернете, называется JavaScript (JS). Он часто интегрируется в HTML-код и используется для улучшения HTML-страниц. Аннотированный язык — это JavaScript. Следовательно, его не нужно будет собирать. JavaScript создает контент веб-сайта веселым и интерактивным способом. К 2022 году большинство веб-сайтов будут использовать JavaScript на стороне пользователя для управления поведением веб-страниц, часто используя сторонние библиотеки. Специализированный движок JavaScript доступен в каждом основном веб-браузере. Он используется для запуска программного обеспечения на гаджетах пользователей.

Что такое JavaScript?

JavaScript будет совместимой с ECMAScript высокоуровневой, часто своевременной последовательностью инструкций. Он имеет первоклассные операции, физические возможности на основе прототипов и подсветку синтаксиса. Он поддерживает управляемые событиями, реактивные языки и языки программирования и является мультипарадигмой. Он предлагает прикладное программное обеспечение (API) для использования объектной модели документа, языка запросов, дат и общих структур данных (DOM).

В спецификации ECMAScript нет функций ввода-вывода (I/O), таких как связь, хранение или визуальные возможности. На самом деле API-интерфейсы ввода-вывода JavaScript предлагаются интернет-браузером или другой системой выполнения. Изначально процессоры JavaScript использовались исключительно в интернет-браузерах, но теперь они являются жизненно важной частью некоторых веб-сайтов и широкого спектра приложений. Node.js — наиболее широко используемая платформа выполнения для этого приложения. Несмотря на одинаковое имя, грамматику и стандартизированные библиотеки для Java и JavaScript, разные языки уникальны и имеют совершенно разный дизайн.

Определение JavaScript на более глубоком уровне

Время от времени пользовательская страница делает больше, чем просто сидит и отображает необходимые детали, чтобы вы могли на них взглянуть — представляя своевременный, лучший контент, подробные карты, интерактивную 2D / 3D-графику, прокручиваемые мультимедийные музыкальные шкатулки и т. д. — вы могли бы действительно могу поспорить, что JavaScript, возможно, будет задействован. JavaScript будет платформой для написания сценариев или кодирования, которая позволит пользователям применять расширенные структуры на веб-страницах. Это будет третий ярус тортов, состоящий из общих веб-технологий, первых двух (HTML и CSS).

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

Используя CSS, словарь правил и руководств, мы можем стилизовать HTML-текст различными способами, например, выбирая основные цвета и шрифты и организуя их в многочисленные столбцы. Язык программирования высокого уровня позволяет делать практически все, включая динамическое обновление материала, управление мультимедиа и анимацию графики. Ладно, может, и не что-то, но удивительно, на что способны несколько слов генератора кода.

Клиентский JavaScript

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

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

По сравнению с типичными серверными программами CGI клиентский метод JavaScript предлагает несколько преимуществ. Например, JavaScript может использоваться для определения того, указал ли пользователь новый адрес электронной почты в поле ввода.

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

Для чего используется Javascript?

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

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

2. Веб-приложения

Поскольку персональные компьютеры и настольные приложения продвинулись в технологическом отношении, теперь необходим язык для создания надежных онлайн-приложений. Пользователю нужно только щелкнуть и перетащить указатель, чтобы перемещаться по земному шару в Картах Google. Все дополнительные представления доступны одним щелчком мыши. Благодаря JavaScript это возможно. Он взаимодействует с пользователем без обмена данными с компьютерами. JavaScript использует языки программирования (API), чтобы дать коду дополнительные возможности.

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

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

Кроме того, JavaScript предлагает несколько фонов слайдов, стилей переключения и стилей. Поддерживаются все цветовые форматы CSS. Кроме того, JavaScript предлагает плагину Bespoke.js широкий набор функций. Они состоят из динамических списков маркеров, гибкого масштабирования и подчеркивания синтаксиса для примеров кода. Он предлагает темы, которые сделаны со вкусом и занижены. Использование генератора для запуска Bespoke.js — самый быстрый вариант. Пользователь может добавлять заголовки к своим презентациям и отвечать на ряд вопросов, чтобы получить необходимые плагины.

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

С помощью сервера Node JS использует управляемые событиями небольшие и эффективные приложения, рассредоточенные по всей системе. Функциональность может быть написана на JavaScript только на клиенте, в то время как пользователь создает сложные клиентские приложения на JavaScript, так что возможны мысленные переводы между двумя языками.

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

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

Кроме того, он использует однопоточный и неблокирующий цикл обработки событий. Функцию createServer() пакета HTTP можно использовать для помощи в создании сервера. Эта процедура запускается каждый раз, когда кто-то постоянно отслеживает порт 8080. Взамен HTTP-сервер должен вывести HTML и добавить его в HTTP-запрос. Его можно быстро установить, введя «npm install -g HTTP-сервер», а запустить его можно, выполнив операцию «HTTP-сервер».

6. Игры

Помимо веб-страниц, игры также можно создавать с помощью JavaScript. Популярность JavaScript в разработке игр обусловлена ​​его интеграцией с HTML5. Он предлагает библиотеку Ease JS, которая предлагает простые методы взаимодействия с богатыми изображениями. Он также предлагает API со структурированным списком презентаций, известным всем разработчикам Flash. Сцена, которую создает пользователь, доставит список презентаций на предполагаемый холст. Кроме того, Ease JS содержит двухмерные растровые изображения, известные как спрайты, которые немедленно визуализируются для создания места назначения для модификаций.

7. Искусство

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

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

Javascript является наиболее широко используемым языком, поскольку его можно использовать на любом устройстве или в любом приложении. Приложения для умных часов используют приложение Pebble JS, которое предоставляется JavaScript Uses. Для приложений, которым для работы нужен Интернет, эта структура эффективна. Разработчик может использовать Pebbles для создания приложений JavaScript для различных часов.

9. Приложения для мобильных устройств

Создание приложений без веб-настроек — самая важная задача, которую можно решить с помощью JavaScript. Поскольку Apple и Android доминируют на рынке мобильных устройств, для создания этих устройств используются два разных языка программирования. Написать один раз и использовать его в обеих этих системах должно быть выполнимо.

Платформа, которая делает это возможным, называется PhoneGap. Только что разработанный React Native предоставляет эту функцию. Это основной участник кроссплатформенных обновлений и развертываний. Таким образом, Javascript можно использовать для получения и развертывания соответствующих программ в различных контекстах.

Расширенный Javascript: фреймворки и библиотеки (также известные как инструменты для упрощения JS)

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

jQuery

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

 <script> $(“#submit”).click(function () { var greeting = $(“#name”).val(); $("#headline").html("Thank you for joining our email list," + greeting); return false; }); <script/>

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

Код JQuery можно комбинировать для создания более сложных подключаемых модулей в дополнение к экземплярам, ​​подобным приведенным выше, которые называются фрагментами кода jQuery, введенными непосредственно из среды jQuery для выполнения определенных задач. Прямой доступ к подключаемым модулям jQuery возможен через библиотеку jQuery Graphics (User Interface), в которую можно копировать и вставлять исходные данные.

РеактJS

ReactJS станет еще одним важным фреймворком Javascript для веб-разработчиков, включая jQuery. Facebook создал React JS в 2011 году как внешний инструментарий JavaScript, ориентированный на разработку пользовательского интерфейса (пользовательских интерфейсов). Если вы не знакомы, пользовательские интерфейсы (UI) — это набор экранных панелей, строк поиска, значков и всего остального, с чем пользователь взаимодействует при использовании стороннего приложения.

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

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

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

Общие возможности JavaScript

Язык JavaScript имеет список функций. Ниже приведены некоторые общие функции JavaScript:

1. Проверка пользовательского ввода

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

2. Простые расчеты на стороне клиента

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

3. Больше полномочий

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

4. Платформа не прикреплена

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

5. Обработка дат и времени

JavaScript, в отличие от других языков сценариев, имеет встроенные методы для вычисления местоположения/места. В результате кодирование с использованием этих методов невероятно просто. получитьдату().

6. Создание HTML-контента

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

7. Определение ОС и Браузера Пользователя

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

Современные возможности JavaScript

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

1. пусть / константа

Квалификаторы «let» и «const», готовые заменить «var», были добавлены JavaScript. Они отличаются от «вар» тем, что вместе. Мы можем использовать их исключительно внутри блока, в котором они были определены, что делает их более значимыми по сравнению с «var», к которым можно получить доступ за пределами программы даже после инициализации.

2. Стрелочные функции

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

3. Буквенный шаблон

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

4. Новые функции массива

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

5. Настройки по умолчанию

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

6. Сокращение свойств

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

Итак, что он может сделать?

Фундаментальные программные конструкции клиентского языка JavaScript позволяют выполнять такие действия, как:

Поместите полезную информацию в переменные. И многое другое!

Однако возможности, основанные на клиентском языке программирования, гораздо интереснее. Для использования в вашем коде JavaScript так называемые интерфейсы с открытым исходным кодом (API) предлагают вам доступ к дополнительным сверхвозможностям.

API — это предварительно созданные наборы компонентов кодирования, которые позволяют разработчикам создавать приложения, создание которых может быть сложным или невозможным. С точки зрения кодирования они функционируют аналогично готовым мебельным гарнитурам в домостроении.

1. API-интерфейсы браузера

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

2. Сторонние API

В большинстве случаев код и метаданные для сторонних API необходимо получать из Интернета, поскольку по умолчанию они не включены в браузер.

3. JavaScript может изменить HTML-контент

getElementById — это один из многочисленных HTML-методов JavaScript ().

Этот пример преобразует innerHTML элемента в «Hello JavaScript», используя метод «нахождения» HTML-кода с атрибутом id= «demo»:

Пример

 document.getElementById("demo").innerHTML = "Hello JavaScript";

4. JavaScript может изменять значения атрибутов HTML

Значения атрибутов HTML можно изменить с помощью JavaScript. Например, JavaScript изменяет значение свойства src (источник) изображения.

5. JavaScript может изменять стили HTML (CSS)

Разновидностью изменения свойства HTML является изменение внешнего вида элемента HTML:

Пример

 document.getElementById("demo").style.font size = "35px";

или же

 document.getElementById('demo').style.font size = '35px';

document.getElementById('demo').style.font size = '35px';

6. JavaScript может скрывать HTML-элементы

Стиль экрана можно изменить, чтобы скрыть элементы HTML:

Пример

 document.getElementById("demo").style.display = "none";

или же

 document.getElementById('demo').style.display = 'none';

7. JavaScript может отображать HTML-элементы

Изменение стиля отображения — еще один способ сделать скрытые компоненты HTML видимыми:

Пример

 document.getElementById("demo").style.display = "block";

или же

 document.getElementById('demo').style.display = 'block';

Типы данных JavaScript

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

1. Примитивные значения

Все виды определяют неизменяемые (т. е. неизменяемые) значения, кроме объектов. Строки, например, неизменяемы. Значения такого рода называются «примитивными значениями».

2. Логический тип

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

3. Нулевой тип

Другим уникальным типом данных является только нулевое значение в качестве возможного значения. Нулевое значение означает отсутствие значения. Это не то же самое, что пустая строка ("") или 0; это просто ничего. Текущее содержимое можно явно удалить, присвоив переменной нулевое значение.

4. Неопределенный тип

Уникальное значение undefined является единственным возможным значением для неопределенного типа данных. Значение переменной неопределенно, если она была определена, но не получила значения.

5. Тип номера

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

6. Тип BigInt

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

7. Тип строки

Текстовые данные могут быть представлены строковым типом данных (т. е. последовательностями символов). Строки создаются путем заключения одного или нескольких символов в одинарные или двойные кавычки.

8. Тип символа

Символ можно использовать в качестве ключа атрибута объекта, поскольку он представляет собой отдельное и неизменное примитивное значение (см. ниже). В некоторых компьютерных языках символ называется «атомом».

9. Объекты (наборы свойств)

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

Инструменты и ресурсы

1. Инструменты разработчика Firefox

Firefox поставляется с набором инструментов веб-разработчика, которые называются Инструменты разработчика Firefox. Их можно использовать для проверки, изменения и отладки JavaScript, CSS и HTML. Выбрав в меню « Инструменты» > «Веб-разработчик» > «Инструменты веб-разработчика», вы можете получить доступ к инструментам разработчика Firefox.

2. Веб-консоль

Записывает данные, относящиеся к веб-странице, включая дополнительные запросы, JavaScript, CSS, вопросы конфиденциальности, предупреждения и информационные сообщения, которые специально записываются кодом JavaScript, работающим в контексте страницы. Позволяет вам работать с операторами JavaScript внутри структуры страницы веб-сайта для взаимодействия с ней.

3. Профилировщик JavaScript

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

4. Отладчик

Вы можете обойти код JavaScript и изучить или изменить его состояние с помощью отладчика JavaScript, чтобы найти проблемы. Его можно использовать для отладки кода, выполняемого удаленно, например, на устройстве Android с Firefox для Android или удаленно в Firefox. Чтобы узнать, как связать отладчик с удаленной целью, перейдите к программированию.

5. JavaScript-оболочки

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

6. Изучайте JavaScript

Изучите основы современного JavaScript (ES2015+), а затем попрактикуйтесь в естественной обстановке. Чтобы вы постепенно осваивали отраслевые стандарты, задачи основаны на реальных проектах.

7. ВместеJS

Библиотека JavaScript Mozilla TogetherJS бесплатно предоставляет возможности и функции для совместной работы на вашем веб-сайте. Ваши пользователи могут мгновенно помогать друг другу на вашем веб-сайте, добавляя к нему TogetherJS!

8. Переполнение стека

Программисты могут задавать вопросы и находить ответы на сайте Stack Overflow. Он служит флагманским веб-сайтом сети Stack Exchange. Джоэл Спольски и Джефф Этвуд разработали его в 2008 году. Он предлагает ответы на вопросы по многим различным темам, связанным с компьютерным программированием.

9. JSFiddle

Для анализа и демонстрации созданных пользователями и совместных образцов кода HTML, CSS и JavaScript, иногда называемых «скрипками», JSFiddle представляет собой цифровую службу IDE и сообщество. С его помощью вы можете имитировать вызовы AJAX.

10. Дж.С.Бин

Онлайн-приложение под названием JS Bin было создано в первую очередь для помощи разработчикам JavaScript и CSS в тестировании и отладке фрагментов кода в контексте. Вы можете тестировать и редактировать HTML и JavaScript с помощью JS Bin.

11. Кодепен

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

12. СтекБлиц

С помощью онлайновой IDE (отладчика) StackBlitz вы можете легко и часто создавать приложения Angular, React и Vue в своем браузере. Установка зависимостей, компиляция, упаковка, горячее обновление по мере ввода и многое другое выполняется автоматически.

13. ЗапуститьJS

run дает вам полный доступ к DOM и доступ к API узла и браузера. Это обеспечивает степень адаптивности, которая невозможна с обычной консолью Chrome или REPL.

14. Microsoft FrontPage

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

15. Macromedia Dreamweaver MX

Macromedia Dreamweaver MX — это очень популярный инструмент HTML и JavaScript среди экспертов в области веб-разработки. Он предлагает несколько полезных готовых компонентов JavaScript, хорошо работает с базами данных и соответствует новым стандартам, таким как XHTML и XML.

16. Macromedia HomeSite 5

Популярный разработчик HTML и JavaScript от Macromedia под названием HomeSite 5 может использоваться для эффективного обслуживания личных веб-страниц.

Как добавить JavaScript на свою страницу?

Подобно тому, как CSS развертывается на вашей HTML-странице, JavaScript также. В то время как CSS использует элементы <link> для применения внешних таблиц стилей и элементы <style> для применения внутренних таблиц стилей к HTML, JavaScript нужен только один друг в мире HTML — элемент <script>. Давайте узнаем, как это работает.

Внутренний JavaScript

1. Сначала сделайте локальную копию файла apply-javascript.html из нашего примера. Пожалуйста, поместите его в логическое расположение и каталог.

2. Откройте файл как в текстовом редакторе, так и в веб-браузере. Вы увидите, что HTML создает простую веб-страницу с кнопкой, на которую можно нажать.

3. Затем откройте текстовый редактор и мысленно вставьте следующее непосредственно перед закрывающим тегом </head>:

 <script> // JavaScript goes here </script>

4. Чтобы сделать страницу более интригующей, мы теперь включим немного JavaScript в наш элемент <script>.

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

Внешний JavaScript

1. Это отличный подход, но что, если нам нужно сохранить наш JavaScript в отдельном файле? Теперь давайте исследуем это.

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

3. Замените текущий элемент <script> следующим:

 <script src="script.js" defer></script>

4. Внутри script.js добавьте следующий скрипт:

 function createParagraph() { const para = document.createElement('p'); para.textContent = 'You clicked the button!'; document.body.appendChild(para); } const buttons = document.querySelectorAll('button'); for (const button of buttons) { button.addEventListener('click', create paragraph); }

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

Встроенные обработчики JavaScript

Имейте в виду, что иногда вы можете найти реальный код JavaScript, находящийся в HTML. Внешний вид может быть таким:

 function createParagraph() { const para = document.createElement('p'); para.textContent = 'You clicked the button!'; document.body.appendChild(para); } <button>Click me!</button>

За исключением встроенного обработчика onclick элемента <button>, который вызывает выполнение функции при каждом нажатии кнопки, этот пример имеет точно такую ​​же функцию, как и две предыдущие части.

Вместо этого используйте addEventListener

Используйте чистую конструкцию JavaScript, а не встраивайте JavaScript в свой HTML. Вы можете выбрать каждую кнопку на веб-сайте, используя метод querySelectorAll(). С помощью addEventListener вы можете зацикливаться на кнопках и давать каждой обработчик (). Итак, вот код для этого:

 const buttons = document.querySelectorAll('button'); for (const button of buttons) { button.addEventListener('click', create paragraph); }

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

Стратегии загрузки скриптов

Заставить программы запускаться в нужный момент чревато проблемами. Ничто не так просто, как кажется! Тот факт, что страница загружает свой HTML в том порядке, в котором он появляется, является распространенной проблемой. Ваш сценарий не будет работать, если JavaScript загружается и обрабатывается до HTML, который вы пытаетесь изменить, если вы используете JavaScript для изменения компонентов на странице (или, точнее, объектной модели документа).

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

Что делает Java Script на вашей странице?

Через API объектной модели документа JavaScript часто используется для динамического редактирования HTML и CSS для обновления взаимодействия с пользователем (как упоминалось выше). Помните, что код ваших веб-страниц обычно загружается и выполняется в той последовательности, в которой он встречается на странице. Если JavaScript импортируется и выполняется до HTML и CSS, которые он должен изменить, могут возникнуть ошибки. Далее в тексте, посвященном тактике загрузки скриптов, вы узнаете, как это обойти.

Безопасность браузера

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

Порядок выполнения JavaScript

Когда встречается блок JavaScript, браузер обычно последовательно выполняет его сверху вниз. Это означает, что последовательность, в которой вы расставляете вещи, должна быть тщательной. Он перестал бы работать, если бы первые два языка программирования поменялись местами; вместо этого в консоли веб-разработчика будет возвращена ошибка TypeError: para is undeclared. В результате мы не можем добавить монитор событий к объекту para, так как он еще не существует.

Интерпретируемый и скомпилированный код

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

С другой стороны, скомпилированные языки изменяются (компилируются) перед использованием компьютером. Например, C/C++ преобразуется в машинный код, который выполняет компьютер. Программное обеспечение использует двоичный файл, созданный из исходного кода приложения.

Серверный и клиентский код

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

On the other side, server-side code is executed on the server, after which its results are retrieved and shown in the browser. Popular server-side web language instances include JavaScript, PHP, Python, Ruby, ASP.NET, and more.

Dynamic versus static code

The term “dynamic” refers to updating a web page or app to show various things in different conditions, creating new information as necessary. It is used to define both client-side JavaScript and server-side languages.

While client-side JavaScript dynamically creates new content within the browser on the client, such as creating a new HTML table, completing it with the information provided by the server, and then displaying the table on a website page shown to the user, server-side code dynamically produces new content on the server, such as pulling data from a database. Although the two settings have slightly distinct meanings, they are nevertheless connected, and both strategies (server-side and client-side) typically complement one another.

JavaScript Quickstart Tutorial

We'll quickly review the most significant JavaScript data types in this tutorial.

а. JavaScript Variables

Data values are stored in containers called variables in JavaScript.

The variables in this example are x, y, and z:

Example

• var x = 5;
• var y = 6;
• var z = x + y;

From the example above, you can expect:

• x stores the value 5
• y stores the value 6
• z stores the value 11

б. JavaScript Numbers

There is just one kind of number in JavaScript. You can write numbers with or without decimals.

Example

• var x = 3.14; // A number with decimals
• var y = 3; // A number without decimals

Double precision floating point numbers are used to hold all numbers.

в. JavaScript Strings

Text is saved in strings. Strings are enclosed in quotation marks. Single or double quotations are acceptable:

Example

• var car name = “Volvo XC60”; // Double quotes
• var car name = 'Volvo XC60'; // Single quotes

The built-in property length contains the string's length:

Example

• var txt = “ABCDEFGHIJKLMNOPQRSTUVWXYZ”;
• var sln = txt.length;

д. Объекты JavaScript

You already know that variables in JavaScript serve as storage spaces for data values.

Пример:

This program gives the vehicle variable a straightforward value (Fiat):

Objects are variables as well, as in var vehicle = “Fiat.” But different values can exist within an object.

e. JavaScript Arrays

Multiple values can be kept in a single data point using JavaScript arrays.

Example

 var cars = ["Saab", "Volvo", "BMW"];

ф. JavaScript Functions

A JavaScript function is a section of code created to carry out a certain purpose.

When “something” calls a JavaScript function, it is carried out (calls it).

Example

 function myFunction(p1, p2) { return p1 * p2; // The function returns the product of p1 and p2 }

How Do You Add JavaScript Code to a Website?

JavaScript code may be added to an HTML web page both inside and externally.

Internal JavaScript employs the <script> tag in the HTML script's body to include all of the JavaScript code.

An illustration of internal JavaScript using the <script> tag:

 <html> <head> <title>Inline JavaScript</title> <script type="text/javascript"> alert("Hello World"); </script> </head> <body> </body> </html>

You can also embed its script on HTML event attributes, prompting the browser to execute it when an event is triggered. This script type is called inline JavaScript:

 <button>Click</button>

On the other hand, external JavaScript involves storing the code in a separate .js file and then recalling it within the HTML page. Developers often use this method when working on large projects, keeping the script organized.

Plus, it lets you reuse the script in multiple HTML pages, which is something that many developers value greatly. For example, adding the following script to an HTML page lets you recall an external JavaScript file named script.js:

<script src="script.js" defer></script>

Вот пример того, как ссылаться на внешний файл JavaScript:

 <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Time right now:</title> </head> <body> <button type="button">Select</button> </body> <script src="js/script.js"></script> </html>

Вы можете создавать и изменять код JavaScript с помощью текстового редактора.

Зачем использовать JavaScript вместо других языков программирования?

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

• Единственным родным языком программирования для веб-браузеров является JavaScript.
• Язык с наибольшим количеством пользователей — JavaScript.
• Во-первых, низкий порог входа.
• Учиться приятно.

Чем JavaScript отличается от других языков программирования?

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

Вот несколько наиболее широко используемых языков программирования:

а. С#

C# — это объектно-ориентированный язык программирования, используемый для создания. NET-совместимые приложения. Поскольку он статически типизирован, возможна идентификация его переменных во время компиляции. Из-за наложения операторов и преобразователей в C#, которого нет в JavaScript, вы можете изменить типы данных.

б. Ява

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

в. PHP

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

д. Рубин

Ruby — это программа общего назначения, которая допускает метапрограммирование, что позволяет изучать и изменять свой код и другие программы. Ruby on Rails, его самая известная платформа, позволяет быстро и недорого создавать сложные веб-приложения. Архитектура Ruby on Rails оказывает влияние на реализацию Node.js в JavaScript.

Где JavaScript сегодня?

Самая последняя версия JavaScript, ECMAScript 2017, была выпущена в июне того же года. Динамический, продвинутый язык программирования называется JavaScript.

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

Спецификация ECMA-262 установила фундаментальный язык JavaScript.

• Простой интерпретируемой программой является JavaScript.
• Предназначен для разработки сетецентрических приложений.
• Связан с Java и дополняет его.
• Связан с HTML и дополняет его.
• Открытый и независимый от платформы

Что такое ванильный JavaScript?

Когда мы говорим о чистом JavaScript — также известном как простой JavaScript — без каких-либо дополнительных библиотек, мы используем фразу «ванильный скрипт». «Сегодня многие вещи можно делать и без использования каких-либо дополнительных библиотек JavaScript», — была распространенная шутка.

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

Почему вы должны изучать ванильный JavaScript ?

Мы начали изучать и использовать vanilla js для проектов по нескольким причинам. Здесь мы поговорим о трех наиболее значимых из них.

1. Веб-производительность

Учитывая, что это самый дорогостоящий и важный компонент внешнего стека, он намного лучше подходит для дизайна веб-сайтов, чем некоторые другие фреймворки и модули. За исключением файлов HTML и CSS, которые можно использовать сразу после загрузки, необходимо создать и обработать код vanilla js. По сравнению с файлами Html/CSS той же длины, файл js размером 50 КБ оказывает гораздо большее влияние на скорость веб-сайта.

2. Пользовательский опыт

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

3. Это также упрощает работу с фреймворками.

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

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

4. Загрузка сервера

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

5. Совместимость

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

В результате его совместимости с дополнительными языками, такими как PHP, Pearl и другими, мы можем использовать его для различных приложений.

6. Богатые интерфейсы

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

7. Скорость

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

Разница между Java и JavaScript?

Компилятор Java

Компилятор должен сначала разобрать (или проанализировать) каждое слово синтаксического оператора контекстуально шаг за шагом, по порядку, в один или несколько последовательных шагов (иногда называемых «проходами») перед созданием целевой программы во время исполняемого кода (время выполнения). . Компилятор гарантирует, что операторы со ссылками на другие строки кода будут отсортированы последовательно.

Вывод, производимый компилятором, обычно называется объектным кодом или компонентом объекта. Термин «объект» используется здесь без ссылки на объектно-ориентированное программирование. Термин «объектный код» относится к типу языка ассемблера, в котором процессор выполняет одну программу за раз.

Операторы JavaScript

Оператор в JavaScript — это уникальный символ, используемый для выполнения действий над арифметическими операциями (значениями и переменными). В данном случае 2+3; / 5. Здесь оператор + выполняет сложение, а операнды 2 и 3.

Типы операторов JavaScript

а. Операторы присваивания

В зависимости от стоимости своего правого операнда оператор присваивания положительно влияет на свой левый операнд. Равно (=), простой оператор присваивания, передает значение правого операнда левому операнду.

б. Арифметический оператор

Математический оператор, который работает как с группами, так и с целыми числами. В AHDL префикс и двоичные символы плюс (+) и минус (-) являются принятыми математическими формулами в логических операторах.

в. Операторы сравнения

Операторы сравнения могут оценивать и сравнивать строки или числа. В отличие от арифметических выражений выражения оператора сравнения не возвращают числовой результат. Выражения сравнения дают один из двух результатов: 1 (что указывает на истину) или 0 (что указывает на ложь).

д. Логические операторы

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

е. Побитовые операторы

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

ф. Строковые операторы

Несколько видов операций, которые мы можем выполнять над переменными в программе, имеющими строковый тип, представлены строковыми операторами.

грамм. Другие операторы

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

Связанные технологии

1. Ява

Распространено заблуждение, что JavaScript и Java взаимозаменяемы. Оба действительно имеют синтаксис, похожий на C. Кроме того, при использовании в браузере они часто помещаются в песочницу, поскольку JavaScript был создан с учетом языка Java и базовой библиотеки. В частности, оригинальный JavaScript зарезервировал все ключевые слова Java, следовал идентификаторам Java в своей стандартной библиотеке и производил элементы Math и Date из классов Java 1.0.

2. JSON

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

3. Веб-сборка

Помимо определения формата компактного двоичного кода и связанного с ним текстового формата для исполняемых программ, WebAssembly (часто сокращенно Wasm) также определяет программные протоколы для облегчения взаимодействия между такими приложениями и их системным интегратором.

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

4. Транспиляторы

Преобразователь исходного кода, также известный как S2S-компилятор, транскомпилятор или транспилер, преобразует исходный код программы в эквивалентный исходный код на другом языке программирования.

Какие компании используют JavaScript?

1. Майкрософт

Чтобы создать свой веб-браузер Edge, Microsoft приходится тесно сотрудничать с JavaScript. Microsoft создала и использует свой процессор JavaScript для Edge, поскольку быстрая обработка и выполнение JavaScript являются требованиями для всех браузеров. Действительно, обсуждалось создание другой версии NodeJS, использующей движок Edge.

2. PayPal

В интерфейсе веб-страницы PayPal, несомненно, уже давно использует JavaScript, но это только начало. Одним из первых пользователей NodeJS был лидер индустрии онлайн-платежей.

3. Нетфликс

Подобно PayPal, Netflix изначально почти все делал на Java. У них также возникли проблемы из-за размера и продолжительности разработки Java.

С появлением NodeJS Netflix постепенно перешел от своей более традиционной организационной структуры к облаку.

4. Убер

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

Все это усиливает преимущества JavaScript и NodeJS. Node создан для быстрой обработки запросов и передачи данных.

5. Фейсбук

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

6. Гугл

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

Альтернативы JavaScript

1. Дартс

Dart создан для повышения производительности, что упрощает выполнение задач по сравнению с JavaScript. Хотя Google часто разрабатывает его, он по-прежнему предлагает меньше возможностей, чем JavaScript.

2. Машинописный текст

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

3. Кофейный скрипт

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

4. Вяз

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

5. Питон

Одним из самых популярных заменителей JavaScript для серверной разработки является Python. Синтаксис языка Python достаточно прост для понимания новичками.

6. Котлин

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

7. Рубин

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

8. PHP

Благодаря своим адаптируемым и совершенным характеристикам PHP считается языком программирования будущего. Из-за очень описательной грамматики этого языка у вас есть некоторая творческая гибкость.

9. Отвечайте родным

Модель процесса с открытым исходным кодом React Native используется для создания собственных кроссплатформенных приложений. Он использует языки программирования React и JavaScript для создания мобильных приложений, почти идентичных нативным приложениям, созданным на Java или Objective-C.

10. Родной скрипт

Другой чрезвычайно полезной средой для создания нативных кроссплатформенных приложений с использованием JavaScript или TypeScript является NativeScript. Одна кодовая база может быть распространена на нескольких платформах, включая Android и iOS, с помощью инструментов совместного использования кода, таких как Angular или Vue.js.

11. Ионный

Еще одна популярная среда JavaScript для создания гибридных приложений — Ionic. С основным программным обеспечением, прикрепленным к устройству, разработчики могут использовать плагины Cordova, которые позволяют людям получать доступ к оборудованию и программному обеспечению с такого мобильного устройства.

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

12. ClojureScript

Надежный заменитель JavaScript под названием ClojureScript упрощает перевод языка программирования Clojure на JavaScript. Работая поверх виртуальной машины Java, Clojure будет Lisp, имеющим доступ ко всем текущим библиотекам Java.

13. Вавилон

Версия ES5 скрипта ECMA совместима с JavaScript, но ES6 предлагает несколько интригующих возможностей, которые в настоящее время JavaScript не поддерживает. Ваш код JavaScript ES6 будет преобразован в код JS, совместимый с ES5, с помощью компилятора Babel.

Подведение итогов

Конечно, у JavaScript в современном мире много конкурентов. Переключиться с Node.js на любой другой широко используемый язык программирования, включая Python, C, C++, Kotlin, Ruby, Smalltalk и другие, довольно просто, особенно для рутинных сценариев или приложений.

Однако JavaScript может быть вашим единственным выбором для фронтенд-разработки. Вы по-прежнему можете использовать транспиляторы для преобразования базы кода в приемлемый для браузера JavaScript. Вы использовали JavaScript в течение своей карьеры в компании, занимающейся веб-разработкой, и, возможно, сейчас вы ищете лучшие решения JavaScript. С момента своего появления в 1995 году JavaScript стал популярным языком среди разработчиков по всему миру. На начало 2020 года он оставался самым популярным языком сценариев с участием около 68% участников опроса.