Что такое JavaScript?

Добро пожаловать на курс MDN JavaScript для начинающих! В первой статье курса мы дадим базовое определение JavaScript, ответим на вопросы «Что такое JavaScript?» и «Что он делает?», узнаем как работает JavaScript и как добавить его на веб-страницу.

Определение высокого уровня

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

скрипт для тюряги

скрипты для вк скрипт

джава скрипты для вк

включить в браузере javascript

• HTML — это язык разметки, который мы используем для визуального и смыслового структурирования нашего web контента, например, определяем параграфы, заголовки, таблицы данных, или вставляем изображения и видео на страницу.
• CSS — это язык стилей с помощью которого мы придаем стиль отображения нашего HTML контента, например придаем цвет фону (background) и шрифту, придаем контенту многоколоночный вид.
• JavaScript язык программирования, который позволяет Вам создать динамически обновляемый контент, управляет мультимедиа, анимирует изображения, впрочем, делает всё, что угодно. Окей, не все, что угодно, но все равно, это удивительно, что можно достичь с помощью нескольких строк JavaScript кода.

сайт скрипт вк

Три слоя прекрасно выстраиваются друг над другом. Возьмем простой текст для примера. Для придания структуры и смыслового назначения тексту, разметим его с помощью HTML:

Затем мы добавим немного CSS, что бы это выглядело симпатичнее:

И наконец, добавим немного JavaScript для придания динамического поведения:

Попробуйте кликнуть по тексту чтобы увидеть, что произойдет (Вы так же можете найти это демо на GitHub — смотрите исходный код, или запустите вживую)!

JavaScript может делать намного больше — давайте выясним это более детально.

Так что же он действительно может делать?

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

• Хранить данные внутри переменных. В примере выше, мы, например, запрашивали ввод нового имени, которое нужно было ввести, затем сохраняли имя в переменной name .
• Операции над фрагментами текстов (известными в программировании как «строки»). В примере выше мы брали строку «Player 1: » и присоединили её к значению переменной name для получения полного текста, например: »Player 1: Chris».
• Запускать код в соответствии с определенными событиями происходящими на web странице. В нашем примере выше, мы использовали click событие, для определения момента, когда кнопка была кликнута, в соответствии с этим запускался код, который обновлял текст.
• И многое другое!

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

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

Они обычно делятся на две категории.

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

• API-интерфейс DOM (Document Object Model) позволяет вам манипулировать HTML и CSS, создавать, удалять и изменять HTML, динамически применять новые стили к вашей странице и т. д.. Каждый раз, когда вы видите всплывающее окно на странице или какое-то новое содержимое, Как мы видели выше в нашем простом демо), например, это DOM в действии.
• API геолокации извлекает географическую информацию. Так Google Maps может найти ваше местоположение и нанести его на карту.
• API Canvas и WebGL позволяют создавать анимированные 2D и 3D-графики. Люди делают некоторые удивительные вещи, используя эти веб-технологии — см. Chrome Experiments и webglsamples.
• Аудио и видео API, такие как HTMLMediaElement и WebRTC, позволяют делать действительно интересные вещи с мультимедиа, такие как проигрывание аудио и видео прямо на веб-странице, или захватывать видео с веб-камеры и отображать его на Чужой компьютер (попробуйте наш простой демонстрационный снимок, чтобы понять идею)

Заметка: Большинство наших демо не будут корректно работать в старых браузерах — поэтому будет хорошей идеей, для запуска вашего кода установить один из современных браузеров , таких как Firefox, Chrome, Edge или Opera . Также понадобится более подробно рассмотреть раздел по кроссбраузерному тестированию, когда вы приблизитесь к разработке производственного кода (т.е реального кода, который будут использовать клиенты).

По умолчанию сторонние API-интерфейсы не встроены в браузер, и вам придётся захватывать их код и информацию из какого-либо места в Сети. Для примера:

• Twitter API позволяет вам отображать ваши последние твиты на вашем веб-сайте.
• Google Maps API позволяет вам встраивать пользовательские карты на ваш сайт и другой подобный функционал.

Заметка: Эти API-и являются продвинутыми , и мы не будем их рассматривать в нашем курсе, но ссылки, данные выше, предлагают полную документацию, если вы заинтересованы в более подробной информации.

Доступно еще больше! Но пока не заостряйте на этом внимание. Вы не сможете создать следующий Facebook, Google Maps или Instagram после 24 часов изучения JavaScript — сначала нужно изучить основы. И именно для этого вы здесь — давайте двигаться дальше!

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

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

Давайте составим краткий бриф, что же происхоит когда мы загружаем страничку в браузере (первое упоминание в статье Как работает CSS). Когда вы загружаете страничку в браузере, вы запускаете ваш код (HTML, CSS и JavaScript) внутри исполняемой среды (внутри вкладки браузера). Это как будто фабрика берет сырьё (некий код) и выдает продукцию (веб-страничку).

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

Это хорошо, так как часто использование JavaScript заключается в динамическом изменении HTML и CSS в целях обновления пользовательского интерфейса посредством Document Object Model API (как упоминалось выше). Если бы запуск JavaScript осуществлялся прежде загрузки HTML и CSS, то это привело бы к возникновению ошибок.

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

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

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

Последовательность выполнения JavaScript

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

Здесь мы выбираем абзац текста (строка 1), а затем добавляем к нему обнаружение событий (строка 3), чтобы при нажатии на этот абзац выполнялся блок кода updateName() (строки 5–8). Блок кода updateName() (эти типы многократно используемых блоков кода называются «функции») запрашивает у пользователя новое имя, а затем вставляет это имя в абзац для обновления отображения.

Если вы поменяете порядок первых двух строк кода, он перестанет работать — вместо этого вы получите ошибку возвращаемую в консоль браузера — TypeError: para is undefined . Это значит, что объект para еще не существует и вы не можете добавить к нему обнаружение событий.

Заметка: Это очень частая ошибка — вы должны быть осторожны, чтобы объекты, на которые ссылается ваш код, существовали до того, как вы попытаетесь что-то с ними сделать.

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

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

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

Оба подхода имеют разные преимущества, которые на данном этапе мы обсуждать не будем.

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

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

С другой стороны, серверный код запускается на сервере, затем его результаты загружаются и отображаются в браузере. Примеры популярных серверных веб-языков включают PHP, Python, Ruby и ASP.NET. И JavaScript! JavaScript так же может использоваться, как серверный язык, например в популярной среде Node.js — вы можете больше узнать о серверном JavaScript в нашем разделе Dynamic Websites – Server-side programming.

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

Веб-страница без динамического обновления контента называется статической — она просто показывает один и тотже контент все время.

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

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

Заметка: Вы можете увидеть эту версию на GitHub-е как apply-javascript-external.html и script.js (посмотреть вживую).

Инлайновые JavaScript обработчики

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

Вы можете попробовать эту версию в нашей демонстрации ниже:

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

Но пожалуйста, не делайте этого. Это плохая практика — загрязнять ваш HTML кодом JavaScript, и она не эффективна — вам нужно будет добавить атрибут onclick=»createParagraph()» к каждой кнопке, к которой вы хотите подключить JavaScript.

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

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

Заметка: Попробуйте отредактировать вашу версию apply-javascript.html и добавить еще несколько кнопок в файл. После перезагрузки вы должны увидеть, что все кнопки создают параграф, если кликнуть на них. Классно, да?

Комментарии

Также как и в HTML и CSS, возможно писать комментарии в вашем JavaScript коде, что будет проигнорировано браузером, и существует только для того, чтобы давать подсказки вашим друзьям-разработчикам о том, как работает код (и лично вам, если вы вернетесь к коду спустя 6 месяцев и не сможете вспомнить, что вы делали). Комментарии очень полезны, и вы должны часто их использовать, особенно для больших приложений. Вот два типа комментариев:

• Однострочный комментарий пишется после двойного слеша (//), например:
• Комментарий на нескольких строках пишется между строками /* и */, например:

Так, например, мы можем описать наш последний демо-пример JavaScript подобными комментариями:

Выводы

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

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

Metadata

• Последнее изменение: Jan 28, 2020 , помощниками MDN

1. Новички начинают здесь!
2. Начало работы с Вебом
   1. Начало работы с Вебом
   2. Установка базового программного обеспечения
   3. Каким должен быть ваш веб-сайт?
   4. Работа с файлами
   5. Основы HTML
   6. Основы CSS
   7. Основы JavaScript
   8. Публикация вашего веб-сайта
   9. Как работает Веб
3. HTML — структура Веба
4. Вступление в HTML
   1. Вступление в HTML
   2. Начало работы с HTML
   3. Что в «шапке»? Метаданные в HTML
   4. Тексты в HTML
   5. Создание гиперссылок
   6. Продвинутое форматирование текста
   7. Структура документа и веб-сайта
   8. Отладка HTML
   9. Задание: Выделение символа
   10. Задание: Структура страницы
5. Мультимедиа и встраивание
   1. Мультимедиа и встраивание
   2. Изображения в HTML
   3. Видео и аудио контент
   4. От object до iframe — другие технологии встраивания
   5. Добавление векторный графики в Веб
   6. Отзывчивые изображения
   7. Задание: Страница о Mozilla
6. HTML tables
   1. HTML tables overview
   2. HTML table basics
   3. HTML Table advanced features and accessibility
   4. Assessment: Structuring planet data
7. HTML forms
   1. HTML forms overview
   2. Your first HTML form
   3. How to structure an HTML form
   4. The native form widgets
   5. Sending form data
   6. Form validation
   7. How to build custom form widgets
   8. Sending forms through JavaScript
   9. HTML forms in legacy browsers
   10. Styling HTML forms
   11. Advanced styling for HTML forms
   12. Property compatibility table for form widgets
8. CSS — стилизирование Веба
9. CSS first steps
   1. CSS first steps overview
   2. What is CSS?
   3. Getting started with CSS
   4. How CSS is structured
   5. How CSS works
   6. Using your new knowledge
10. CSS building blocks
    1. CSS building blocks overview
    2. Cascade and inheritance
    3. CSS selectors
    4. The box model
    5. Backgrounds and borders
    6. Handling different text directions
    7. Overflowing content
    8. Values and units
    9. Sizing items in CSS
    10. Images, media, and form elements
    11. Styling tables
    12. Debugging CSS
    13. Organizing your CSS
11. Стилизирование текста
    1. Стилизирование текста
    2. Основы стилизирования текста и шрифта
    3. Стилизирование списков
    4. Стилизирование ссылок
    5. Веб-шрифты
    6. Задание: Стилизирование школьного сайта
12. CSS макет
    1. CSS макет
    2. Вступление
    3. Normal Flow
    4. Flexbox
    5. Сетки
    6. Float
    7. Позиционирование
    8. Multiple-column Layout
    9. Responsive design
    10. Beginner’s guide to media queries
    11. Legacy Layout Methods
    12. Supporting Older Browsers
    13. Fundamental Layout Comprehension
13. JavaScript — динамический клиентский скриптинг
14. Первые шаги в JavaScript
    1. Первые шаги в JavaScript
    2. Что такое JavaScript?
    3. Первое погружение в JavaScript
    4. Что-то пошло не так? Устранение ошибок JavaScript
    5. Хранение нужной информации — Переменные
    6. Основы JavaScript — Числа и операторы
    7. Работа с текстом — Строки в JavaScript
    8. Полезные методы для строк
    9. Массивы
    10. Задание: Генератор глупых историй
15. Блоки в JavaScript
    1. Блоки в JavaScript
    2. Делаем решения в вашем годе — Условия
    3. Повторение кода
    4. Функции — Переиспользуемые блоки кода
    5. Создаём свою функцию
    6. Возвращаемые значения функций
    7. Введение в события
    8. Задание: Галерея изображений
16. Введение в объекты JavaScript
    1. Введение в объекты JavaScript
    2. Основы объектов
    3. Объектно-ориентированный JavaScript для новичков
    4. Прототипы объектов
    5. Наследование в JavaScript
    6. Работа с JSON данными
    7. Практика по созданию объектов
    8. Задание: Добавление возможностей в пример с прыгающими шарами
17. Asynchronous JavaScript
    1. Asynchronous JavaScript overview
    2. General asynchronous programming concepts
    3. Introducing asynchronous JavaScript
    4. Cooperative asynchronous Java​Script: Timeouts and intervals
    5. Graceful asynchronous programming with Promises
    6. Making asynchronous programming easier with async and await
    7. Choosing the right approach
18. Client-side web APIs
    1. Client-side web APIs
    2. Introduction to web APIs
    3. Manipulating documents
    4. Fetching data from the server
    5. Third party APIs
    6. Drawing graphics
    7. Video and audio APIs
    8. Client-side storage
19. Accessibility — Make the web usable by everyone
20. Accessibility guides
    1. Accessibility overview
    2. What is accessibility?
    3. HTML: A good basis for accessibility
    4. CSS and JavaScript accessibility best practices
    5. WAI-ARIA basics
    6. Accessible multimedia
    7. Mobile accessibility
21. Accessibility assessment
    1. Assessment: Accessibility troubleshooting
22. Инструменты и тестирование
23. Кроссбраузерное тестирование
    1. Кроссбраузерное тестирование
    2. Вступление в кроссбраузерное тестирование
    3. Стратегии выполнения тестирования
    4. Решение частых проблем с HTML и CSS
    5. Решение частых проблем с JavaScript
    6. Решение частых проблем доступности
    7. Проверка поддержки возможностей
    8. Вступление в автоматическое тестирование
    9. Установка вашей автоматической среды тестирования
24. Программирование серверной части сайта
25. Первые шаги
    1. Первые шаги
    2. Вступление в серверное программирование
    3. Клиент-сервер
    4. Веб-фреймворки для серверной части
    5. Защищённость веб-сайтов
26. Веб-фреймворк Django (Python)
    1. Веб-фреймворк Django (Python)
    2. Вступление
    3. Установка среды разработки
    4. Руководство: Сайт местной библиотеки
    5. Руководство часть 2: Создаём набросок сайта
    6. Руководство часть 3: Использование моделей
    7. Руководство часть 4: Django панель администратора
    8. Руководство часть 5: Создание нашей домашней страницы
    9. Руководство часть 6: Списки и представления
    10. Руководство часть 7: Сессии
    11. Руководство часть 8: Аутенфикация и разрешения пользователей
    12. Руководство часть 9: Работа с формами
    13. Руководство часть 10: Тестирование веб-приложения на Django
    14. Руководство часть 11: Разворачивание Django на продакшн сервере
    15. Защищённость веб-приложения
    16. Задание: создание мини блога
27. Express Web Framework (node.js/JavaScript)
    1. Express Web Framework (Node.js/JavaScript) overview
    2. Express/Node introduction
    3. Setting up a Node (Express) development environment
    4. Express tutorial: The Local Library website
    5. Express Tutorial Part 2: Creating a skeleton website
    6. Express Tutorial Part 3: Using a database (with Mongoose)
    7. Express Tutorial Part 4: Routes and controllers
    8. Express Tutorial Part 5: Displaying library data
    9. Express Tutorial Part 6: Working with forms
    10. Express Tutorial Part 7: Deploying to production
28. Дальнейшее чтение
29. Общие вопросы
    1. Вопросы по HTML
    2. Вопросы по CSS
    3. JavaScript questions
    4. Как работает Веб
    5. Инструменты и установка
    6. Дизайн и доступность
30. Как помочь?

Mozilla

© 2005- 2020 Mozilla and individual contributors.

Content is available under these licenses.

\u0417\u0430\u043C\u0435\u0442\u043A\u0430: \u0412\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u0443\u0432\u0438\u0434\u0435\u0442\u044C \u044D\u0442\u0443 \u0432\u0435\u0440\u0441\u0438\u044E \u043D\u0430 GitHub-\u0435 \u043A\u0430\u043A apply-javascript-external.html \u0438 script.js (\u043F\u043E\u0441\u043C\u043E\u0442\u0440\u0435\u0442\u044C \u0432\u0436\u0438\u0432\u0443\u044E).

\u0418\u043D\u043B\u0430\u0439\u043D\u043E\u0432\u044B\u0435 JavaScript \u043E\u0431\u0440\u0430\u0431\u043E\u0442\u0447\u0438\u043A\u0438

\u041E\u0431\u0440\u0430\u0442\u0438\u0442\u0435 \u0432\u043D\u0438\u043C\u0430\u043D\u0438\u0435, \u0447\u0442\u043E \u0438\u043D\u043E\u0433\u0434\u0430 \u043C\u043E\u0436\u043D\u043E \u0441\u0442\u043E\u043B\u043A\u043D\u0443\u0442\u044C\u0441\u044F \u0441 \u0447\u0430\u0441\u0442\u044F\u043C\u0438 JavaScript \u043A\u043E\u0434\u0430, \u043A\u043E\u0442\u043E\u0440\u044B\u0439 \u0436\u0438\u0432\u0435\u0442 \u0432\u043D\u0443\u0442\u0440\u0438 HTML. \u042D\u0442\u043E \u043C\u043E\u0436\u0435\u0442 \u0432\u044B\u0433\u043B\u044F\u0434\u0435\u0442\u044C \u043F\u0440\u0438\u043C\u0435\u0440\u043D\u043E \u0442\u0430\u043A:

\u0412\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u043F\u043E\u043F\u0440\u043E\u0431\u043E\u0432\u0430\u0442\u044C \u044D\u0442\u0443 \u0432\u0435\u0440\u0441\u0438\u044E \u0432 \u043D\u0430\u0448\u0435\u0439 \u0434\u0435\u043C\u043E\u043D\u0441\u0442\u0440\u0430\u0446\u0438\u0438 \u043D\u0438\u0436\u0435:

\u042D\u0442\u0430 \u0434\u0435\u043C\u043E\u043D\u0441\u0442\u0440\u0430\u0446\u0438\u044F \u0438\u043C\u0435\u0435\u0442 \u0442\u0435 \u0436\u0435 \u0444\u0443\u043D\u043A\u0446\u0438\u043E\u043D\u0430\u043B\u044C\u043D\u044B\u0435 \u0432\u043E\u0437\u043C\u043E\u0436\u043D\u043E\u0441\u0442\u0438, \u0447\u0442\u043E \u0438 \u0432 \u043F\u0440\u0435\u0434\u044B\u0434\u0443\u0449\u0438\u0445 \u0434\u0432\u0443\u0445 \u0440\u0430\u0437\u0434\u0435\u043B\u0430\u0445,\u00A0\u0437\u0430 \u0438\u0441\u043A\u043B\u044E\u0447\u0435\u043D\u0438\u0435\u043C \u0442\u043E\u0433\u043E, \u0447\u0442\u043E \u044D\u043B\u0435\u043C\u0435\u043D\u0442 \u0441\u043E\u0434\u0435\u0440\u0436\u0438\u0442 \u0432\u0441\u0442\u0440\u043E\u0435\u043D\u043D\u044B\u0439 \u043E\u0431\u0440\u0430\u0431\u043E\u0442\u0447\u0438\u043A\u00A0 onclick , \u043A\u043E\u0442\u043E\u0440\u044B\u0439 \u0437\u0430\u043F\u0443\u0441\u043A\u0430\u0435\u0442 \u0444\u0443\u043D\u043A\u0446\u0438\u044E \u043F\u0440\u0438 \u043D\u0430\u0436\u0430\u0442\u0438\u0438 \u043A\u043D\u043E\u043F\u043A\u0438.

\u041D\u043E \u043F\u043E\u0436\u0430\u043B\u0443\u0439\u0441\u0442\u0430, \u043D\u0435 \u0434\u0435\u043B\u0430\u0439\u0442\u0435 \u044D\u0442\u043E\u0433\u043E. \u042D\u0442\u043E \u043F\u043B\u043E\u0445\u0430\u044F \u043F\u0440\u0430\u043A\u0442\u0438\u043A\u0430\u00A0\u2014 \u0437\u0430\u0433\u0440\u044F\u0437\u043D\u044F\u0442\u044C \u0432\u0430\u0448\u00A0HTML \u043A\u043E\u0434\u043E\u043C JavaScript, \u0438 \u043E\u043D\u0430 \u043D\u0435 \u044D\u0444\u0444\u0435\u043A\u0442\u0438\u0432\u043D\u0430 \u2014 \u0432\u0430\u043C \u043D\u0443\u0436\u043D\u043E \u0431\u0443\u0434\u0435\u0442 \u0434\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u00A0 onclick=\\\»createParagraph()\\\» \u043A \u043A\u0430\u0436\u0434\u043E\u0439 \u043A\u043D\u043E\u043F\u043A\u0435, \u043A \u043A\u043E\u0442\u043E\u0440\u043E\u0439 \u0432\u044B \u0445\u043E\u0442\u0438\u0442\u0435 \u043F\u043E\u0434\u043A\u043B\u044E\u0447\u0438\u0442\u044C JavaScript.

\u0418\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u043D\u0438\u0435 \u0447\u0438\u0441\u0442\u043E\u0439\u00A0JavaScript \u043A\u043E\u043D\u0441\u0442\u0440\u0443\u043A\u0446\u0438\u0438, \u043F\u043E\u0437\u0432\u043E\u043B\u0438\u0442 \u0432\u0430\u043C \u0432\u044B\u0431\u0440\u0430\u0442\u044C \u0432\u0441\u0435 \u043A\u043D\u043E\u043F\u043A\u0438, \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u044F \u043E\u0434\u043D\u0443 \u043A\u043E\u043C\u0430\u043D\u0434\u0443. \u041A\u043E\u0434, \u043A\u043E\u0442\u043E\u0440\u044B\u0439 \u043C\u043E\u0436\u043D\u043E \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u043B\u0438 \u0434\u043B\u044F \u044D\u0442\u043E\u0439 \u0446\u0435\u043B\u0438, \u0432\u044B\u0433\u043B\u044F\u0434\u0438\u0442 \u0441\u043B\u0435\u0434\u0443\u044E\u0449\u0438\u043C \u043E\u0431\u0440\u0430\u0437\u043E\u043C:

\u042D\u0442\u043E \u043C\u043E\u0436\u0435\u0442 \u0432\u044B\u0433\u043B\u044F\u0434\u0435\u0442\u044C \u043D\u0435\u043C\u043D\u043E\u0433\u043E \u0434\u043B\u0438\u043D\u043D\u0435\u0435, \u0447\u0435\u043C \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u00A0 onclick , \u043D\u043E \u044D\u0442\u043E \u0431\u0443\u0434\u0435\u0442 \u0440\u0430\u0431\u043E\u0442\u0430\u0442\u044C \u0434\u043B\u044F \u0432\u0441\u0435\u0445 \u043A\u043D\u043E\u043F\u043E\u043A, \u043D\u0435\u0437\u0430\u0432\u0438\u0441\u0438\u043C\u043E \u043E\u0442 \u0442\u043E\u0433\u043E \u0441\u043A\u043E\u043B\u044C\u043A\u043E \u0438\u0445 \u043D\u0430 \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0435, \u0438 \u0441\u0442\u043E\u043B\u044C \u0438\u0445 \u0443\u0434\u0430\u043B\u044F\u0442 \u0438\u043B\u0438 \u0434\u043E\u0431\u0430\u0432\u044F\u0442. JavaScript \u043C\u0435\u043D\u044F\u0442\u044C \u043D\u0435 \u043D\u0443\u0436\u043D\u043E.

\u0417\u0430\u043C\u0435\u0442\u043A\u0430: \u041F\u043E\u043F\u0440\u043E\u0431\u0443\u0439\u0442\u0435 \u043E\u0442\u0440\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u043E\u0432\u0430\u0442\u044C \u0432\u0430\u0448\u0443 \u0432\u0435\u0440\u0441\u0438\u044E apply-javascript.html \u00A0\u0438 \u0434\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0435\u0449\u0435 \u043D\u0435\u0441\u043A\u043E\u043B\u044C\u043A\u043E \u043A\u043D\u043E\u043F\u043E\u043A \u0432 \u0444\u0430\u0439\u043B. \u041F\u043E\u0441\u043B\u0435 \u043F\u0435\u0440\u0435\u0437\u0430\u0433\u0440\u0443\u0437\u043A\u0438 \u0432\u044B \u0434\u043E\u043B\u0436\u043D\u044B \u0443\u0432\u0438\u0434\u0435\u0442\u044C, \u0447\u0442\u043E \u0432\u0441\u0435 \u043A\u043D\u043E\u043F\u043A\u0438 \u0441\u043E\u0437\u0434\u0430\u044E\u0442 \u043F\u0430\u0440\u0430\u0433\u0440\u0430\u0444, \u0435\u0441\u043B\u0438 \u043A\u043B\u0438\u043A\u043D\u0443\u0442\u044C \u043D\u0430 \u043D\u0438\u0445. \u041A\u043B\u0430\u0441\u0441\u043D\u043E, \u0434\u0430?

\u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0438

\u0422\u0430\u043A\u0436\u0435 \u043A\u0430\u043A \u0438 \u0432 HTML \u0438 CSS, \u0432\u043E\u0437\u043C\u043E\u0436\u043D\u043E \u043F\u0438\u0441\u0430\u0442\u044C \u043A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0438 \u0432 \u0432\u0430\u0448\u0435\u043C JavaScript \u043A\u043E\u0434\u0435, \u0447\u0442\u043E \u0431\u0443\u0434\u0435\u0442 \u043F\u0440\u043E\u0438\u0433\u043D\u043E\u0440\u0438\u0440\u043E\u0432\u0430\u043D\u043E \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043E\u043C, \u0438 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442 \u0442\u043E\u043B\u044C\u043A\u043E \u0434\u043B\u044F \u0442\u043E\u0433\u043E, \u0447\u0442\u043E\u0431\u044B \u0434\u0430\u0432\u0430\u0442\u044C \u043F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0438 \u0432\u0430\u0448\u0438\u043C \u0434\u0440\u0443\u0437\u044C\u044F\u043C-\u0440\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u0447\u0438\u043A\u0430\u043C \u043E \u0442\u043E\u043C, \u043A\u0430\u043A \u0440\u0430\u0431\u043E\u0442\u0430\u0435\u0442 \u043A\u043E\u0434 (\u0438 \u043B\u0438\u0447\u043D\u043E \u0432\u0430\u043C, \u0435\u0441\u043B\u0438 \u0432\u044B \u0432\u0435\u0440\u043D\u0435\u0442\u0435\u0441\u044C \u043A \u043A\u043E\u0434\u0443 \u0441\u043F\u0443\u0441\u0442\u044F 6 \u043C\u0435\u0441\u044F\u0446\u0435\u0432 \u0438 \u043D\u0435 \u0441\u043C\u043E\u0436\u0435\u0442\u0435 \u0432\u0441\u043F\u043E\u043C\u043D\u0438\u0442\u044C, \u0447\u0442\u043E \u0432\u044B \u0434\u0435\u043B\u0430\u043B\u0438). \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0438 \u043E\u0447\u0435\u043D\u044C \u043F\u043E\u043B\u0435\u0437\u043D\u044B, \u0438 \u0432\u044B \u0434\u043E\u043B\u0436\u043D\u044B \u0447\u0430\u0441\u0442\u043E \u0438\u0445 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C, \u043E\u0441\u043E\u0431\u0435\u043D\u043D\u043E \u0434\u043B\u044F \u0431\u043E\u043B\u044C\u0448\u0438\u0445 \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u0439. \u0412\u043E\u0442 \u0434\u0432\u0430 \u0442\u0438\u043F\u0430 \u043A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0435\u0432:

\\n\\n

\\n
• \u041E\u0434\u043D\u043E\u0441\u0442\u0440\u043E\u0447\u043D\u044B\u0439 \u043A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439 \u043F\u0438\u0448\u0435\u0442\u0441\u044F \u043F\u043E\u0441\u043B\u0435 \u0434\u0432\u043E\u0439\u043D\u043E\u0433\u043E \u0441\u043B\u0435\u0448\u0430 (//), \u043D\u0430\u043F\u0440\u0438\u043C\u0435\u0440:\\n \\n \\n
• \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0439 \u043D\u0430 \u043D\u0435\u0441\u043A\u043E\u043B\u044C\u043A\u0438\u0445 \u0441\u0442\u0440\u043E\u043A\u0430\u0445 \u043F\u0438\u0448\u0435\u0442\u0441\u044F \u043C\u0435\u0436\u0434\u0443 \u0441\u0442\u0440\u043E\u043A\u0430\u043C\u0438 /* \u0438 */, \u043D\u0430\u043F\u0440\u0438\u043C\u0435\u0440:\\n \\n \\n

\\n\\n

\u0422\u0430\u043A, \u043D\u0430\u043F\u0440\u0438\u043C\u0435\u0440, \u043C\u044B \u043C\u043E\u0436\u0435\u043C \u043E\u043F\u0438\u0441\u0430\u0442\u044C \u043D\u0430\u0448 \u043F\u043E\u0441\u043B\u0435\u0434\u043D\u0438\u0439 \u0434\u0435\u043C\u043E-\u043F\u0440\u0438\u043C\u0435\u0440 JavaScript\u00A0\u043F\u043E\u0434\u043E\u0431\u043D\u044B\u043C\u0438 \u043A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u044F\u043C\u0438:

\u0412\u044B\u0432\u043E\u0434\u044B

\u041F\u043E\u0437\u0434\u0440\u0430\u0432\u043B\u044F\u0435\u043C, \u0432\u044B \u0441\u0434\u0435\u043B\u0430\u043B\u0438 \u0432\u0430\u0448 \u043F\u0435\u0440\u0432\u044B\u0439 \u0448\u0430\u0433 \u0432 \u043C\u0438\u0440\u00A0JavaScript. \u041C\u044B \u043D\u0430\u0447\u0430\u043B\u0438 \u0432\u0441\u0435\u0433\u043E-\u043B\u0438\u0448\u044C \u0441 \u0442\u0435\u043E\u0440\u0438\u0438, \u0447\u0442\u043E\u0431\u044B \u0432\u044B \u043F\u0440\u0438\u0432\u044B\u043A\u043B\u0438 \u043A \u0442\u043E\u043C\u0443, \u0447\u0442\u043E \u0432\u044B \u0431\u0443\u0434\u0435\u0442\u0435 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C\u00A0JavaScript, \u0438 \u0447\u0442\u043E \u0438\u043C\u0435\u043D\u043D\u043E \u0432\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u0434\u0435\u043B\u0430\u0442\u044C \u0441 \u0435\u0433\u043E \u043F\u043E\u043C\u043E\u0449\u044C\u044E. \u041D\u0430 \u044D\u0442\u043E\u043C \u043F\u0443\u0442\u0438 \u0432\u044B \u0443\u0432\u0438\u0434\u0435\u043B\u0438 \u043D\u0435\u0441\u043A\u043E\u043B\u044C\u043A\u043E \u043F\u0440\u0438\u043C\u0435\u0440\u043E\u0432 \u043A\u043E\u0434\u0430 \u0438 \u0432\u044B\u0443\u0447\u0438\u043B\u0438, \u043A\u0430\u043A JavaScript \u0432\u043F\u0438\u0441\u044B\u0432\u0430\u0435\u0442\u0441\u044F \u0432 \u043E\u0441\u0442\u0430\u043B\u044C\u043D\u043E\u0439 \u043A\u043E\u0434 \u043D\u0430 \u0432\u0430\u0448\u0435\u043C \u0441\u0430\u0439\u0442\u0435 \u0441\u0440\u0435\u0434\u0438 \u0432\u0441\u0435\u0433\u043E \u043F\u0440\u043E\u0447\u0435\u0433\u043E.

JavaScript \u043C\u043E\u0436\u0435\u0442 \u043F\u043E\u043A\u0430\u0437\u0430\u0442\u044C\u0441\u044F \u043D\u0435\u043C\u043D\u043E\u0433\u043E \u043F\u0443\u0433\u0430\u044E\u0449\u0438\u043C \u0432 \u0434\u0430\u043D\u043D\u044B\u043C \u043C\u043E\u043C\u0435\u043D\u0442, \u043D\u043E \u043D\u0435 \u043F\u0435\u0440\u0435\u0436\u0438\u0432\u0430\u0439\u0442\u0435 — \u0432 \u044D\u0442\u043E\u043C \u043A\u0443\u0440\u0441\u0435 \u043C\u044B \u043F\u0440\u043E\u0432\u0435\u0434\u0435\u043C \u0432\u0430\u0441 \u0441\u043A\u0432\u043E\u0437\u044C \u043D\u0435\u0433\u043E \u043F\u0440\u043E\u0441\u0442\u044B\u043C\u0438 \u0448\u0430\u0433\u0430\u043C\u0438, \u043A\u043E\u0442\u043E\u0440\u044B\u0435 \u0438\u043C\u0435\u044E\u0442 \u0441\u043C\u044B\u0441\u043B, \u0437\u0430\u0431\u0435\u0433\u0430\u044F \u043D\u0430\u043F\u0435\u0440\u0435\u0434. \u0412 \u0441\u043B\u0435\u0434\u0443\u044E\u0449\u0435\u0439 \u0433\u043B\u0430\u0432\u0435 \u043C\u044B \u043F\u043E\u0433\u0440\u0443\u0437\u0438\u043C\u0441\u044F \u043D\u0435\u043F\u043E\u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0435\u043D\u043D\u043E \u0432 \u043F\u0440\u0430\u043A\u0442\u0438\u043A\u0443, \u043F\u043E\u0434\u0442\u0430\u043B\u043A\u0438\u0432\u0430\u044F \u0432\u0430\u0441 \u043F\u043E\u0433\u0440\u0443\u0437\u0438\u0442\u044C\u0441\u044F \u0432 \u043A\u043E\u0434 \u0438 \u0441\u0434\u0435\u043B\u0430\u0442\u044C \u0432\u0430\u0448\u0438 \u0441\u043E\u0431\u0441\u0442\u0432\u0435\u043D\u043D\u044B\u0435 \u043F\u0440\u0438\u043C\u0435\u0440\u044B JavaScript.

\u0414\u043E\u0431\u0440\u043E \u043F\u043E\u0436\u0430\u043B\u043E\u0432\u0430\u0442\u044C \u043D\u0430 \u043A\u0443\u0440\u0441 MDN JavaScript \u0434\u043B\u044F \u043D\u0430\u0447\u0438\u043D\u0430\u044E\u0449\u0438\u0445! \u0412 \u043F\u0435\u0440\u0432\u043E\u0439 \u0441\u0442\u0430\u0442\u044C\u0435 \u043A\u0443\u0440\u0441\u0430 \u043C\u044B \u0434\u0430\u0434\u0438\u043C \u0431\u0430\u0437\u043E\u0432\u043E\u0435 \u043E\u043F\u0440\u0435\u0434\u0435\u043B\u0435\u043D\u0438\u0435 JavaScript, \u043E\u0442\u0432\u0435\u0442\u0438\u043C \u043D\u0430 \u0432\u043E\u043F\u0440\u043E\u0441\u044B \u00AB\u0427\u0442\u043E \u0442\u0430\u043A\u043E\u0435 JavaScript?\u00BB \u0438 \u00AB\u0427\u0442\u043E \u043E\u043D \u0434\u0435\u043B\u0430\u0435\u0442?\u00BB, \u0443\u0437\u043D\u0430\u0435\u043C \u043A\u0430\u043A \u0440\u0430\u0431\u043E\u0442\u0430\u0435\u0442 JavaScript \u0438 \u043A\u0430\u043A \u0434\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0435\u0433\u043E \u043D\u0430 \u0432\u0435\u0431-\u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0443.

\\n\\n

\\n

\\n

\\n

\\n

\\n

\\n

\\n

\\n\\n

\u041E\u043F\u0440\u0435\u0434\u0435\u043B\u0435\u043D\u0438\u0435 \u0432\u044B\u0441\u043E\u043A\u043E\u0433\u043E \u0443\u0440\u043E\u0432\u043D\u044F

\u0422\u0440\u0438 \u0441\u043B\u043E\u044F \u043F\u0440\u0435\u043A\u0440\u0430\u0441\u043D\u043E \u0432\u044B\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u044E\u0442\u0441\u044F \u0434\u0440\u0443\u0433 \u043D\u0430\u0434 \u0434\u0440\u0443\u0433\u043E\u043C. \u0412\u043E\u0437\u044C\u043C\u0435\u043C \u043F\u0440\u043E\u0441\u0442\u043E\u0439 \u0442\u0435\u043A\u0441\u0442 \u0434\u043B\u044F \u043F\u0440\u0438\u043C\u0435\u0440\u0430. \u0414\u043B\u044F \u043F\u0440\u0438\u0434\u0430\u043D\u0438\u044F \u0441\u0442\u0440\u0443\u043A\u0442\u0443\u0440\u044B \u0438 \u0441\u043C\u044B\u0441\u043B\u043E\u0432\u043E\u0433\u043E \u043D\u0430\u0437\u043D\u0430\u0447\u0435\u043D\u0438\u044F \u0442\u0435\u043A\u0441\u0442\u0443, \u0440\u0430\u0437\u043C\u0435\u0442\u0438\u043C \u0435\u0433\u043E \u0441 \u043F\u043E\u043C\u043E\u0449\u044C\u044E HTML:

\u0417\u0430\u0442\u0435\u043C \u043C\u044B \u0434\u043E\u0431\u0430\u0432\u0438\u043C \u043D\u0435\u043C\u043D\u043E\u0433\u043E CSS, \u0447\u0442\u043E \u0431\u044B \u044D\u0442\u043E \u0432\u044B\u0433\u043B\u044F\u0434\u0435\u043B\u043E \u0441\u0438\u043C\u043F\u0430\u0442\u0438\u0447\u043D\u0435\u0435:

\u0418 \u043D\u0430\u043A\u043E\u043D\u0435\u0446, \u0434\u043E\u0431\u0430\u0432\u0438\u043C \u043D\u0435\u043C\u043D\u043E\u0433\u043E JavaScript \u0434\u043B\u044F \u043F\u0440\u0438\u0434\u0430\u043D\u0438\u044F \u0434\u0438\u043D\u0430\u043C\u0438\u0447\u0435\u0441\u043A\u043E\u0433\u043E \u043F\u043E\u0432\u0435\u0434\u0435\u043D\u0438\u044F:

\u041F\u043E\u043F\u0440\u043E\u0431\u0443\u0439\u0442\u0435 \u043A\u043B\u0438\u043A\u043D\u0443\u0442\u044C \u043F\u043E \u0442\u0435\u043A\u0441\u0442\u0443 \u0447\u0442\u043E\u0431\u044B \u0443\u0432\u0438\u0434\u0435\u0442\u044C, \u0447\u0442\u043E \u043F\u0440\u043E\u0438\u0437\u043E\u0439\u0434\u0435\u0442 (\u0412\u044B \u0442\u0430\u043A \u0436\u0435 \u043C\u043E\u0436\u0435\u0442\u0435 \u043D\u0430\u0439\u0442\u0438 \u044D\u0442\u043E \u0434\u0435\u043C\u043E \u043D\u0430 GitHub \u2014 \u0441\u043C\u043E\u0442\u0440\u0438\u0442\u0435 \u0438\u0441\u0445\u043E\u0434\u043D\u044B\u0439 \u043A\u043E\u0434, \u0438\u043B\u0438 \u0437\u0430\u043F\u0443\u0441\u0442\u0438\u0442\u0435 \u0432\u0436\u0438\u0432\u0443\u044E)!

JavaScript \u043C\u043E\u0436\u0435\u0442 \u0434\u0435\u043B\u0430\u0442\u044C \u043D\u0430\u043C\u043D\u043E\u0433\u043E \u0431\u043E\u043B\u044C\u0448\u0435 \u2014 \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u0432\u044B\u044F\u0441\u043D\u0438\u043C \u044D\u0442\u043E \u0431\u043E\u043B\u0435\u0435 \u0434\u0435\u0442\u0430\u043B\u044C\u043D\u043E.

\u0422\u0430\u043A \u0447\u0442\u043E \u0436\u0435 \u043E\u043D \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0442\u0435\u043B\u044C\u043D\u043E \u043C\u043E\u0436\u0435\u0442 \u0434\u0435\u043B\u0430\u0442\u044C?

\u042F\u0434\u0440\u043E \u044F\u0437\u044B\u043A\u0430 JavaScript \u0441\u043E\u0441\u0442\u043E\u0438\u0442 \u0438\u0437 \u043D\u0435\u043A\u043E\u0442\u043E\u0440\u043E\u0433\u043E \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u043E\u0431\u044B\u0447\u043D\u044B\u0445 \u0432\u043E\u0437\u043C\u043E\u0436\u043D\u043E\u0441\u0442\u0435\u0439, \u043A\u043E\u0442\u043E\u0440\u044B\u0435 \u043F\u043E\u0437\u0432\u043E\u043B\u044F\u044E\u0442 \u0434\u0435\u043B\u0430\u0442\u044C \u0441\u043B\u0435\u0434\u0443\u044E\u0449\u0435\u0435:

\u0415\u0449\u0435 \u0431\u043E\u043B\u0435\u0435 \u0443\u0432\u043B\u0435\u043A\u0430\u0442\u0435\u043B\u044C\u043D\u044B\u043C \u044F\u0432\u043B\u044F\u0435\u0442\u0441\u044F \u0444\u0443\u043D\u043A\u0446\u0438\u043E\u043D\u0430\u043B\u044C\u043D\u043E\u0441\u0442\u044C, \u0441\u043E\u0437\u0434\u0430\u043D\u043D\u0430\u044F \u043F\u043E\u0432\u0435\u0440\u0445 \u043E\u0441\u043D\u043E\u0432\u043D\u043E\u0433\u043E \u044F\u0437\u044B\u043A\u0430 JavaScript. \u0422\u0430\u043A \u043D\u0430\u0437\u044B\u0432\u0430\u0435\u043C\u044B\u0435 \u0438\u043D\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u044B \u043F\u0440\u0438\u043A\u043B\u0430\u0434\u043D\u043E\u0433\u043E \u043F\u0440\u043E\u0433\u0440\u0430\u043C\u043C\u0438\u0440\u043E\u0432\u0430\u043D\u0438\u044F (API) \u043F\u0440\u0435\u0434\u043E\u0441\u0442\u0430\u0432\u043B\u044F\u044E\u0442 \u0432\u0430\u043C \u0434\u043E\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u044C\u043D\u044B\u0435 \u0441\u0432\u0435\u0440\u0445\u0441\u043F\u043E\u0441\u043E\u0431\u043D\u043E\u0441\u0442\u0438 \u0434\u043B\u044F \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u043D\u0438\u044F \u0432 \u0432\u0430\u0448\u0435\u043C \u043A\u043E\u0434\u0435 JavaScript.

\u041E\u043D\u0438 \u043E\u0431\u044B\u0447\u043D\u043E \u0434\u0435\u043B\u044F\u0442\u0441\u044F \u043D\u0430 \u0434\u0432\u0435 \u043A\u0430\u0442\u0435\u0433\u043E\u0440\u0438\u0438.

API-\u0438\u043D\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u044B \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430 \u0432\u0441\u0442\u0440\u043E\u0435\u043D\u044B \u0432 \u0432\u0430\u0448 \u0432\u0435\u0431-\u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u0438 \u043C\u043E\u0433\u0443\u0442 \u043E\u0442\u043E\u0431\u0440\u0430\u0436\u0430\u0442\u044C \u0434\u0430\u043D\u043D\u044B\u0435 \u0438\u0437 \u043E\u043A\u0440\u0443\u0436\u0430\u044E\u0449\u0435\u0433\u043E \u043A\u043E\u043C\u043F\u044C\u044E\u0442\u0435\u0440\u043D\u043E\u0433\u043E \u043E\u043A\u0440\u0443\u0436\u0435\u043D\u0438\u044F \u0438\u043B\u0438 \u0434\u0435\u043B\u0430\u0442\u044C \u043F\u043E\u043B\u0435\u0437\u043D\u044B\u0435 \u0441\u043B\u043E\u0436\u043D\u044B\u0435 \u0432\u0435\u0449\u0438. \u041D\u0430\u043F\u0440\u0438\u043C\u0435\u0440:\u00A0\u00A0\u00A0\u00A0

\u0417\u0430\u043C\u0435\u0442\u043A\u0430: \u0411\u043E\u043B\u044C\u0448\u0438\u043D\u0441\u0442\u0432\u043E \u043D\u0430\u0448\u0438\u0445 \u0434\u0435\u043C\u043E \u043D\u0435 \u0431\u0443\u0434\u0443\u0442 \u043A\u043E\u0440\u0440\u0435\u043A\u0442\u043D\u043E \u0440\u0430\u0431\u043E\u0442\u0430\u0442\u044C \u0432 \u0441\u0442\u0430\u0440\u044B\u0445 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u0445 \u2014 \u043F\u043E\u044D\u0442\u043E\u043C\u0443\u00A0\u0431\u0443\u0434\u0435\u0442 \u0445\u043E\u0440\u043E\u0448\u0435\u0439 \u0438\u0434\u0435\u0435\u0439, \u00A0\u0434\u043B\u044F \u0437\u0430\u043F\u0443\u0441\u043A\u0430 \u0432\u0430\u0448\u0435\u0433\u043E \u043A\u043E\u0434\u0430 \u0443\u0441\u0442\u0430\u043D\u043E\u0432\u0438\u0442\u044C \u043E\u0434\u0438\u043D \u0438\u0437 \u0441\u043E\u0432\u0440\u0435\u043C\u0435\u043D\u043D\u044B\u0445 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043E\u0432 , \u0442\u0430\u043A\u0438\u0445 \u043A\u0430\u043A Firefox, Chrome, Edge \u0438\u043B\u0438 Opera . \u0422\u0430\u043A\u0436\u0435\u00A0\u043F\u043E\u043D\u0430\u0434\u043E\u0431\u0438\u0442\u0441\u044F \u0431\u043E\u043B\u0435\u0435 \u043F\u043E\u0434\u0440\u043E\u0431\u043D\u043E\u00A0\u0440\u0430\u0441\u0441\u043C\u043E\u0442\u0440\u0435\u0442\u044C \u0440\u0430\u0437\u0434\u0435\u043B \u043F\u043E \u043A\u0440\u043E\u0441\u0441\u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043D\u043E\u043C\u0443 \u0442\u0435\u0441\u0442\u0438\u0440\u043E\u0432\u0430\u043D\u0438\u044E, \u043A\u043E\u0433\u0434\u0430 \u0432\u044B \u043F\u0440\u0438\u0431\u043B\u0438\u0437\u0438\u0442\u0435\u0441\u044C \u043A \u0440\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u043A\u0435 \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u0441\u0442\u0432\u0435\u043D\u043D\u043E\u0433\u043E \u043A\u043E\u0434\u0430 (\u0442.\u0435 \u0440\u0435\u0430\u043B\u044C\u043D\u043E\u0433\u043E \u043A\u043E\u0434\u0430, \u043A\u043E\u0442\u043E\u0440\u044B\u0439 \u0431\u0443\u0434\u0443\u0442 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C \u043A\u043B\u0438\u0435\u043D\u0442\u044B).

\u041F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E \u0441\u0442\u043E\u0440\u043E\u043D\u043D\u0438\u0435 API-\u0438\u043D\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u044B \u00A0\u043D\u0435 \u0432\u0441\u0442\u0440\u043E\u0435\u043D\u044B \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440, \u0438 \u0432\u0430\u043C \u043F\u0440\u0438\u0434\u0451\u0442\u0441\u044F \u0437\u0430\u0445\u0432\u0430\u0442\u044B\u0432\u0430\u0442\u044C \u0438\u0445 \u043A\u043E\u0434 \u0438 \u0438\u043D\u0444\u043E\u0440\u043C\u0430\u0446\u0438\u044E \u0438\u0437 \u043A\u0430\u043A\u043E\u0433\u043E-\u043B\u0438\u0431\u043E \u043C\u0435\u0441\u0442\u0430 \u0432 \u0421\u0435\u0442\u0438. \u0414\u043B\u044F \u043F\u0440\u0438\u043C\u0435\u0440\u0430:\u00A0

\\n\\n

\\n
• Twitter API \u043F\u043E\u0437\u0432\u043E\u043B\u044F\u0435\u0442 \u0432\u0430\u043C\u00A0\u043E\u0442\u043E\u0431\u0440\u0430\u0436\u0430\u0442\u044C \u0432\u0430\u0448\u0438 \u043F\u043E\u0441\u043B\u0435\u0434\u043D\u0438\u0435 \u0442\u0432\u0438\u0442\u044B \u043D\u0430 \u0432\u0430\u0448\u0435\u043C \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0435. \\n
• Google Maps API\u00A0\u043F\u043E\u0437\u0432\u043E\u043B\u044F\u0435\u0442 \u0432\u0430\u043C \u0432\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0442\u044C \u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u044C\u0441\u043A\u0438\u0435 \u043A\u0430\u0440\u0442\u044B \u043D\u0430 \u0432\u0430\u0448 \u0441\u0430\u0439\u0442 \u0438 \u0434\u0440\u0443\u0433\u043E\u0439 \u043F\u043E\u0434\u043E\u0431\u043D\u044B\u0439 \u0444\u0443\u043D\u043A\u0446\u0438\u043E\u043D\u0430\u043B. \\n

\\n\\n

\u0417\u0430\u043C\u0435\u0442\u043A\u0430: \u042D\u0442\u0438 API-\u0438\u00A0 \u044F\u0432\u043B\u044F\u044E\u0442\u0441\u044F \u043F\u0440\u043E\u0434\u0432\u0438\u043D\u0443\u0442\u044B\u043C\u0438 , \u0438 \u043C\u044B \u043D\u0435 \u0431\u0443\u0434\u0435\u043C \u0438\u0445 \u0440\u0430\u0441\u0441\u043C\u0430\u0442\u0440\u0438\u0432\u0430\u0442\u044C \u0432 \u043D\u0430\u0448\u0435\u043C \u043A\u0443\u0440\u0441\u0435, \u043D\u043E \u0441\u0441\u044B\u043B\u043A\u0438, \u0434\u0430\u043D\u043D\u044B\u0435 \u0432\u044B\u0448\u0435, \u043F\u0440\u0435\u0434\u043B\u0430\u0433\u0430\u044E\u0442 \u043F\u043E\u043B\u043D\u0443\u044E \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0430\u0446\u0438\u044E, \u0435\u0441\u043B\u0438 \u0432\u044B \u0437\u0430\u0438\u043D\u0442\u0435\u0440\u0435\u0441\u043E\u0432\u0430\u043D\u044B \u0432 \u0431\u043E\u043B\u0435\u0435 \u043F\u043E\u0434\u0440\u043E\u0431\u043D\u043E\u0439 \u0438\u043D\u0444\u043E\u0440\u043C\u0430\u0446\u0438\u0438.

\u0414\u043E\u0441\u0442\u0443\u043F\u043D\u043E \u0435\u0449\u0435 \u0431\u043E\u043B\u044C\u0448\u0435! \u041D\u043E \u043F\u043E\u043A\u0430 \u043D\u0435 \u0437\u0430\u043E\u0441\u0442\u0440\u044F\u0439\u0442\u0435 \u043D\u0430 \u044D\u0442\u043E\u043C \u0432\u043D\u0438\u043C\u0430\u043D\u0438\u0435. \u0412\u044B \u043D\u0435 \u0441\u043C\u043E\u0436\u0435\u0442\u0435 \u0441\u043E\u0437\u0434\u0430\u0442\u044C \u0441\u043B\u0435\u0434\u0443\u044E\u0449\u0438\u0439 Facebook, Google Maps \u0438\u043B\u0438 Instagram \u043F\u043E\u0441\u043B\u0435 24 \u0447\u0430\u0441\u043E\u0432 \u0438\u0437\u0443\u0447\u0435\u043D\u0438\u044F JavaScript \u2014 \u0441\u043D\u0430\u0447\u0430\u043B\u0430 \u043D\u0443\u0436\u043D\u043E \u0438\u0437\u0443\u0447\u0438\u0442\u044C \u043E\u0441\u043D\u043E\u0432\u044B. \u0418 \u0438\u043C\u0435\u043D\u043D\u043E \u0434\u043B\u044F \u044D\u0442\u043E\u0433\u043E \u0432\u044B \u0437\u0434\u0435\u0441\u044C \u2014 \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u0434\u0432\u0438\u0433\u0430\u0442\u044C\u0441\u044F \u0434\u0430\u043B\u044C\u0448\u0435!

\u0427\u0442\u043E JavaScript \u0434\u0435\u043B\u0430\u0435\u0442 \u043D\u0430 \u0432\u0430\u0448\u0435\u0439 \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0435?

\u0412 \u044D\u0442\u043E\u0439 \u0433\u043B\u0430\u0432\u0435 \u043C\u044B \u0440\u0430\u0441\u0441\u043C\u043E\u0442\u0440\u0438\u043C \u043A\u043E\u0434 \u0438 \u0443\u0432\u0438\u0434\u0438\u043C \u0447\u0442\u043E \u0436\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0442\u0435\u043B\u044C\u043D\u043E \u043F\u0440\u043E\u0438\u0441\u0445\u043E\u0434\u0438\u0442, \u043A\u043E\u0433\u0434\u0430 \u043D\u0430 \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0435 \u0437\u0430\u043F\u0443\u0441\u043A\u0430\u0435\u0442\u0441\u044F JavaScript.

\u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u0441\u043E\u0441\u0442\u0430\u0432\u0438\u043C \u043A\u0440\u0430\u0442\u043A\u0438\u0439 \u0431\u0440\u0438\u0444, \u0447\u0442\u043E \u0436\u0435 \u043F\u0440\u043E\u0438\u0441\u0445\u043E\u0438\u0442 \u043A\u043E\u0433\u0434\u0430 \u043C\u044B \u0437\u0430\u0433\u0440\u0443\u0436\u0430\u0435\u043C \u0441\u0442\u0440\u0430\u043D\u0438\u0447\u043A\u0443 \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435 (\u043F\u0435\u0440\u0432\u043E\u0435 \u0443\u043F\u043E\u043C\u0438\u043D\u0430\u043D\u0438\u0435 \u0432 \u0441\u0442\u0430\u0442\u044C\u0435\u00A0\u041A\u0430\u043A \u0440\u0430\u0431\u043E\u0442\u0430\u0435\u0442 CSS). \u041A\u043E\u0433\u0434\u0430 \u0432\u044B \u0437\u0430\u0433\u0440\u0443\u0436\u0430\u0435\u0442\u0435 \u0441\u0442\u0440\u0430\u043D\u0438\u0447\u043A\u0443 \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435, \u0432\u044B \u0437\u0430\u043F\u0443\u0441\u043A\u0430\u0435\u0442\u0435 \u0432\u0430\u0448 \u043A\u043E\u0434 (HTML, CSS\u00A0\u0438\u00A0JavaScript) \u0432\u043D\u0443\u0442\u0440\u0438 \u0438\u0441\u043F\u043E\u043B\u043D\u044F\u0435\u043C\u043E\u0439 \u0441\u0440\u0435\u0434\u044B (\u0432\u043D\u0443\u0442\u0440\u0438 \u0432\u043A\u043B\u0430\u0434\u043A\u0438 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430). \u042D\u0442\u043E \u043A\u0430\u043A \u0431\u0443\u0434\u0442\u043E \u0444\u0430\u0431\u0440\u0438\u043A\u0430 \u0431\u0435\u0440\u0435\u0442 \u0441\u044B\u0440\u044C\u0451 (\u043D\u0435\u043A\u0438\u0439 \u043A\u043E\u0434) \u0438 \u0432\u044B\u0434\u0430\u0435\u0442 \u043F\u0440\u043E\u0434\u0443\u043A\u0446\u0438\u044E (\u0432\u0435\u0431-\u0441\u0442\u0440\u0430\u043D\u0438\u0447\u043A\u0443).

\u041A\u043E\u0434 JavaScript \u0432\u044B\u043F\u043E\u043B\u043D\u044F\u0435\u0442\u0441\u044F JavaScript-\u0434\u0432\u0438\u0436\u043A\u043E\u043C \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430, \u043F\u043E\u0441\u043B\u0435 \u0442\u043E\u0433\u043E \u043A\u0430\u043A \u043A\u043E\u0434 HTML \u0438 CSS \u0431\u044B\u043B \u043E\u0431\u0440\u0430\u0431\u043E\u0442\u0430\u043D \u0438 \u0441\u0444\u043E\u0440\u043C\u0438\u0440\u043E\u0432\u0430\u043D \u0432 \u0432\u0435\u0431-\u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0443. \u042D\u0442\u043E \u0433\u0430\u0440\u0430\u043D\u0442\u0438\u0440\u0443\u0435\u0442, \u0447\u0442\u043E \u0441\u0442\u0440\u0443\u043A\u0442\u0443\u0440\u0430 \u0438 \u0441\u0442\u0438\u043B\u044C \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u044B \u0443\u0436\u0435 \u0441\u0444\u043E\u0440\u043C\u0438\u0440\u043E\u0432\u0430\u043D\u044B \u043A \u043C\u043E\u043C\u0435\u043D\u0442\u0443 \u0437\u0430\u043F\u0443\u0441\u043A\u0430 JavaScript.

\u042D\u0442\u043E \u0445\u043E\u0440\u043E\u0448\u043E, \u0442\u0430\u043A \u043A\u0430\u043A \u0447\u0430\u0441\u0442\u043E \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u043D\u0438\u0435 JavaScript \u0437\u0430\u043A\u043B\u044E\u0447\u0430\u0435\u0442\u0441\u044F \u0432 \u0434\u0438\u043D\u0430\u043C\u0438\u0447\u0435\u0441\u043A\u043E\u043C \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u0438 HTML \u0438 CSS \u0432 \u0446\u0435\u043B\u044F\u0445 \u043E\u0431\u043D\u043E\u0432\u043B\u0435\u043D\u0438\u044F \u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u044C\u0441\u043A\u043E\u0433\u043E \u0438\u043D\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430 \u043F\u043E\u0441\u0440\u0435\u0434\u0441\u0442\u0432\u043E\u043C Document Object Model API (\u043A\u0430\u043A \u0443\u043F\u043E\u043C\u0438\u043D\u0430\u043B\u043E\u0441\u044C \u0432\u044B\u0448\u0435). \u0415\u0441\u043B\u0438 \u0431\u044B \u0437\u0430\u043F\u0443\u0441\u043A JavaScript \u043E\u0441\u0443\u0449\u0435\u0441\u0442\u0432\u043B\u044F\u043B\u0441\u044F \u043F\u0440\u0435\u0436\u0434\u0435 \u0437\u0430\u0433\u0440\u0443\u0437\u043A\u0438 HTML \u0438 CSS, \u0442\u043E \u044D\u0442\u043E \u043F\u0440\u0438\u0432\u0435\u043B\u043E \u0431\u044B \u043A \u0432\u043E\u0437\u043D\u0438\u043A\u043D\u043E\u0432\u0435\u043D\u0438\u044E \u043E\u0448\u0438\u0431\u043E\u043A.\u00A0\u00A0

\u0411\u0435\u0437\u043E\u043F\u0430\u0441\u043D\u043E\u0441\u0442\u044C \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430

\u0417\u0430\u043C\u0435\u0442\u043A\u0430: \u0415\u0441\u0442\u044C \u0441\u043F\u043E\u0441\u043E\u0431\u044B \u043E\u0442\u043F\u0440\u0430\u0432\u043B\u044F\u0442\u044C \u043A\u043E\u0434 \u0438 \u0434\u0430\u043D\u043D\u044B\u0435 \u043C\u0435\u0436\u0434\u0443 \u0440\u0430\u0437\u043D\u044B\u043C\u0438 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0430\u043C\u0438/\u0432\u043A\u043B\u0430\u0434\u043A\u0430\u043C\u0438 \u0431\u0435\u0437\u043E\u043F\u0430\u0441\u043D\u044B\u043C \u0441\u043F\u043E\u0441\u043E\u0431\u043E\u043C, \u043D\u043E \u044D\u0442\u043E \u043F\u0440\u043E\u0434\u0432\u0438\u043D\u0443\u0442\u044B\u0435 \u043C\u0435\u0442\u043E\u0434\u044B, \u043A\u043E\u0442\u043E\u0440\u044B\u0435 \u043C\u044B \u043D\u0435 \u0431\u0443\u0434\u0435\u043C \u0440\u0430\u0441\u0441\u043C\u0430\u0442\u0440\u0438\u0432\u0430\u0442\u044C \u0432 \u0440\u0430\u043C\u043A\u0430\u0445 \u044D\u0442\u043E\u0433\u043E \u043A\u0443\u0440\u0441\u0430.

\u041F\u043E\u0441\u043B\u0435\u0434\u043E\u0432\u0430\u0442\u0435\u043B\u044C\u043D\u043E\u0441\u0442\u044C \u0432\u044B\u043F\u043E\u043B\u043D\u0435\u043D\u0438\u044F JavaScript

\u041E\u0431\u044B\u0447\u043D\u043E, \u043A\u043E\u0433\u0434\u0430 \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u0441\u0442\u0430\u043B\u043A\u0438\u0432\u0430\u0435\u0442\u0441\u044F \u0441 \u0431\u043B\u043E\u043A\u043E\u043C JavaScript, \u043E\u043D \u0437\u0430\u043F\u0443\u0441\u043A\u0430\u0435\u0442 \u0435\u0433\u043E \u043F\u043E \u043F\u043E\u0440\u044F\u0434\u043A\u0443, \u0441\u0432\u0435\u0440\u0445\u0443 \u0432\u043D\u0438\u0437. \u042D\u0442\u043E \u0437\u043D\u0430\u0447\u0438\u0442, \u0447\u0442\u043E \u0432\u0430\u043C \u043D\u0443\u0436\u043D\u043E \u043E\u0441\u0442\u043E\u0440\u043E\u0436\u043D\u043E \u0432\u044B\u0431\u0438\u0440\u0430\u0442\u044C \u043F\u043E\u0440\u044F\u0434\u043E\u043A. \u041D\u0430\u043F\u0440\u0438\u043C\u0435\u0440, \u0432\u0435\u0440\u043D\u0435\u043C\u0441\u044F \u043A \u0431\u043B\u043E\u043A\u0443 JavaScript, \u043A\u043E\u0442\u043E\u0440\u044B\u0439 \u043C\u044B \u0432\u0438\u0434\u0435\u043B\u0438 \u0432 \u043F\u0435\u0440\u0432\u043E\u043C \u043F\u0440\u0438\u043C\u0435\u0440\u0435:

\u0417\u0434\u0435\u0441\u044C \u043C\u044B \u0432\u044B\u0431\u0438\u0440\u0430\u0435\u043C \u0430\u0431\u0437\u0430\u0446 \u0442\u0435\u043A\u0441\u0442\u0430 (\u0441\u0442\u0440\u043E\u043A\u0430 1), \u0430 \u0437\u0430\u0442\u0435\u043C \u0434\u043E\u0431\u0430\u0432\u043B\u044F\u0435\u043C \u043A \u043D\u0435\u043C\u0443 \u043E\u0431\u043D\u0430\u0440\u0443\u0436\u0435\u043D\u0438\u0435 \u0441\u043E\u0431\u044B\u0442\u0438\u0439 (\u0441\u0442\u0440\u043E\u043A\u0430 3), \u0447\u0442\u043E\u0431\u044B \u043F\u0440\u0438 \u043D\u0430\u0436\u0430\u0442\u0438\u0438 \u043D\u0430 \u044D\u0442\u043E\u0442 \u0430\u0431\u0437\u0430\u0446 \u0432\u044B\u043F\u043E\u043B\u043D\u044F\u043B\u0441\u044F \u0431\u043B\u043E\u043A \u043A\u043E\u0434\u0430 updateName() (\u0441\u0442\u0440\u043E\u043A\u0438 5\u20138). \u0411\u043B\u043E\u043A \u043A\u043E\u0434\u0430 updateName() (\u044D\u0442\u0438 \u0442\u0438\u043F\u044B \u043C\u043D\u043E\u0433\u043E\u043A\u0440\u0430\u0442\u043D\u043E \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u043C\u044B\u0445 \u0431\u043B\u043E\u043A\u043E\u0432 \u043A\u043E\u0434\u0430 \u043D\u0430\u0437\u044B\u0432\u0430\u044E\u0442\u0441\u044F \\\»\u0444\u0443\u043D\u043A\u0446\u0438\u0438\\\») \u0437\u0430\u043F\u0440\u0430\u0448\u0438\u0432\u0430\u0435\u0442 \u0443 \u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u044F \u043D\u043E\u0432\u043E\u0435 \u0438\u043C\u044F, \u0430 \u0437\u0430\u0442\u0435\u043C \u0432\u0441\u0442\u0430\u0432\u043B\u044F\u0435\u0442 \u044D\u0442\u043E \u0438\u043C\u044F \u0432 \u0430\u0431\u0437\u0430\u0446 \u0434\u043B\u044F \u043E\u0431\u043D\u043E\u0432\u043B\u0435\u043D\u0438\u044F \u043E\u0442\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u044F.

\u0415\u0441\u043B\u0438 \u0432\u044B \u043F\u043E\u043C\u0435\u043D\u044F\u0435\u0442\u0435 \u043F\u043E\u0440\u044F\u0434\u043E\u043A \u043F\u0435\u0440\u0432\u044B\u0445 \u0434\u0432\u0443\u0445 \u0441\u0442\u0440\u043E\u043A \u043A\u043E\u0434\u0430, \u043E\u043D \u043F\u0435\u0440\u0435\u0441\u0442\u0430\u043D\u0435\u0442 \u0440\u0430\u0431\u043E\u0442\u0430\u0442\u044C \u2014 \u0432\u043C\u0435\u0441\u0442\u043E \u044D\u0442\u043E\u0433\u043E \u0432\u044B \u043F\u043E\u043B\u0443\u0447\u0438\u0442\u0435 \u043E\u0448\u0438\u0431\u043A\u0443\u00A0 \u0432\u043E\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u043C\u0443\u044E \u0432 \u043A\u043E\u043D\u0441\u043E\u043B\u044C \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430 \u2014 TypeError: para is undefined . \u042D\u0442\u043E \u0437\u043D\u0430\u0447\u0438\u0442, \u0447\u0442\u043E \u043E\u0431\u044A\u0435\u043A\u0442 para \u0435\u0449\u0435 \u043D\u0435 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442 \u0438 \u0432\u044B \u043D\u0435 \u043C\u043E\u0436\u0435\u0442\u0435 \u0434\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u043A \u043D\u0435\u043C\u0443 \u043E\u0431\u043D\u0430\u0440\u0443\u0436\u0435\u043D\u0438\u0435 \u0441\u043E\u0431\u044B\u0442\u0438\u0439.

\u0417\u0430\u043C\u0435\u0442\u043A\u0430: \u042D\u0442\u043E \u043E\u0447\u0435\u043D\u044C \u0447\u0430\u0441\u0442\u0430\u044F \u043E\u0448\u0438\u0431\u043A\u0430 \u2014 \u0432\u044B \u0434\u043E\u043B\u0436\u043D\u044B \u0431\u044B\u0442\u044C \u043E\u0441\u0442\u043E\u0440\u043E\u0436\u043D\u044B, \u0447\u0442\u043E\u0431\u044B \u043E\u0431\u044A\u0435\u043A\u0442\u044B, \u043D\u0430 \u043A\u043E\u0442\u043E\u0440\u044B\u0435 \u0441\u0441\u044B\u043B\u0430\u0435\u0442\u0441\u044F \u0432\u0430\u0448 \u043A\u043E\u0434, \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u043E\u0432\u0430\u043B\u0438 \u0434\u043E \u0442\u043E\u0433\u043E, \u043A\u0430\u043A \u0432\u044B \u043F\u043E\u043F\u044B\u0442\u0430\u0435\u0442\u0435\u0441\u044C \u0447\u0442\u043E-\u0442\u043E \u0441 \u043D\u0438\u043C\u0438 \u0441\u0434\u0435\u043B\u0430\u0442\u044C.

\u0418\u043D\u0442\u0435\u0440\u043F\u0440\u0435\u0442\u0438\u0440\u0443\u0435\u043C\u044B\u0439 \u043F\u0440\u043E\u0442\u0438\u0432 \u043A\u043E\u043C\u043F\u0438\u043B\u0438\u0440\u0443\u0435\u043C\u043E\u0433\u043E \u043A\u043E\u0434\u0430

\u0412 \u043A\u043E\u043D\u0442\u0435\u043A\u0441\u0442\u0435 \u043F\u0440\u043E\u0433\u0440\u0430\u043C\u043C\u0438\u0440\u043E\u0432\u0430\u043D\u0438\u044F, \u0432\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u0443\u0441\u043B\u044B\u0448\u0430\u0442\u044C \u0442\u0435\u0440\u043C\u0438\u043D\u044B \u0438\u043D\u0442\u0435\u0440\u043F\u0440\u0435\u0442\u0430\u0446\u0438\u044F \u0438 \u043A\u043E\u043C\u043F\u0438\u043B\u044F\u0446\u0438\u044F. JavaScript \u044F\u0432\u043B\u044F\u0435\u0442\u0441\u044F \u0438\u043D\u0442\u0435\u0440\u043F\u0440\u0435\u0442\u0438\u0440\u0443\u0435\u043C\u044B\u043C \u044F\u0437\u044B\u043A\u043E\u043C \u2014 \u043A\u043E\u0434 \u0437\u0430\u043F\u0443\u0441\u043A\u0430\u0435\u0442\u0441\u044F \u0441\u0432\u0435\u0440\u0445\u0443 \u0432\u043D\u0438\u0437 \u0438 \u0440\u0435\u0437\u0443\u043B\u044C\u0442\u0430\u0442 \u0437\u0430\u043F\u0443\u0441\u043A\u0430 \u043D\u0435\u043C\u0435\u0434\u043B\u0435\u043D\u043D\u043E \u0432\u043E\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442\u0441\u044F. \u0412\u0430\u043C \u043D\u0435 \u043D\u0443\u0436\u043D\u043E \u043F\u0440\u0435\u043E\u0431\u0440\u0430\u0437\u043E\u0432\u044B\u0432\u0430\u0442\u044C \u043A\u043E\u0434 \u0432 \u0434\u0440\u0443\u0433\u0443\u044E \u0444\u043E\u0440\u043C\u0443, \u043F\u0435\u0440\u0435\u0434 \u0437\u0430\u043F\u0443\u0441\u043A\u043E\u043C \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435.

\u0421 \u0434\u0440\u0443\u0433\u043E\u0439 \u0441\u0442\u043E\u0440\u043E\u043D\u044B, \u043A \u043E\u043C\u043F\u0438\u043B\u0438\u0440\u0443\u0435\u043C\u044B\u0435 \u044F\u0437\u044B\u043A\u0438 \u043F\u0440\u0435\u043E\u0431\u0440\u0430\u0437\u0443\u044E\u0442\u0441\u044F (\u043A\u043E\u043C\u043F\u0438\u043B\u0438\u0440\u0443\u044E\u0442\u0441\u044F) \u0432 \u0434\u0440\u0443\u0433\u0443\u044E \u0444\u043E\u0440\u043C\u0443, \u043F\u0440\u0435\u0436\u0434\u0435 \u0447\u0435\u043C \u043E\u043D\u0438 \u0431\u0443\u0434\u0443\u0442 \u0437\u0430\u043F\u0443\u0449\u0435\u043D\u044B \u043A\u043E\u043C\u043F\u044C\u044E\u0442\u0435\u0440\u043E\u043C. \u041D\u0430\u043F\u0440\u0438\u043C\u0435\u0440, C / C ++ \u043A\u043E\u043C\u043F\u0438\u043B\u0438\u0440\u0443\u044E\u0442\u0441\u044F \u0432 \u044F\u0437\u044B\u043A \u0430\u0441\u0441\u0435\u043C\u0431\u043B\u0435\u0440\u0430, \u043A\u043E\u0442\u043E\u0440\u044B\u0439 \u0437\u0430\u0442\u0435\u043C \u0437\u0430\u043F\u0443\u0441\u043A\u0430\u0435\u0442\u0441\u044F \u043A\u043E\u043C\u043F\u044C\u044E\u0442\u0435\u0440\u043E\u043C.

\u041E\u0431\u0430 \u043F\u043E\u0434\u0445\u043E\u0434\u0430 \u0438\u043C\u0435\u044E\u0442 \u0440\u0430\u0437\u043D\u044B\u0435 \u043F\u0440\u0435\u0438\u043C\u0443\u0449\u0435\u0441\u0442\u0432\u0430, \u043A\u043E\u0442\u043E\u0440\u044B\u0435 \u043D\u0430 \u0434\u0430\u043D\u043D\u043E\u043C \u044D\u0442\u0430\u043F\u0435 \u043C\u044B \u043E\u0431\u0441\u0443\u0436\u0434\u0430\u0442\u044C \u043D\u0435 \u0431\u0443\u0434\u0435\u043C.

\u0421\u0435\u0440\u0432\u0435\u0440\u043D\u044B\u0439 \u043F\u0440\u043E\u0442\u0438\u0432 \u043A\u043B\u0438\u0435\u043D\u0442\u0441\u043A\u043E\u0433\u043E \u043A\u043E\u0434\u0430

\u0412\u044B \u0442\u0430\u043A \u0436\u0435 \u043C\u043E\u0436\u0435\u0442\u0435 \u0443\u0441\u043B\u044B\u0448\u0430\u0442\u044C \u0442\u0435\u0440\u043C\u0438\u043D\u044B \u0441\u0435\u0440\u0432\u0435\u0440\u043D\u044B\u0439 \u0438 \u043A\u043B\u0438\u0435\u043D\u0442\u0441\u043A\u0438\u0439 \u043A\u043E\u0434, \u043E\u0441\u043E\u0431\u0435\u043D\u043D\u043E \u0432 \u043A\u043E\u043D\u0442\u0435\u043A\u0441\u0442\u0435 \u0432\u0435\u0431-\u0440\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u043A\u0438. \u041A\u043B\u0438\u0435\u043D\u0442\u0441\u043A\u0438\u0439 \u043A\u043E\u0434\u00A0\u2014 \u044D\u0442\u043E \u043A\u043E\u0434, \u043A\u043E\u0442\u043E\u0440\u044B\u0439 \u0437\u0430\u043F\u0443\u0441\u043A\u0430\u0435\u0442\u0441\u044F \u043D\u0430 \u043A\u043E\u043C\u043F\u044C\u044E\u0442\u0435\u0440\u0435 \u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u044F. \u041F\u0440\u0438 \u043F\u0440\u043E\u0441\u043C\u043E\u0442\u0440\u0435 \u0432\u0435\u0431-\u0441\u0442\u0440\u0430\u043D\u0438\u0446\u044B, \u043A\u043B\u0438\u0435\u043D\u0442\u0441\u043A\u0438\u0439 \u043A\u043E\u0434 \u0437\u0430\u0433\u0440\u0443\u0436\u0430\u0435\u0442\u0441\u044F, \u0430 \u0437\u0430\u0442\u0435\u043C \u0437\u0430\u043F\u0443\u0441\u043A\u0430\u0435\u0442\u0441\u044F \u0438 \u043E\u0442\u043E\u0431\u0440\u0430\u0436\u0430\u0435\u0442\u0441\u044F \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043E\u043C. \u0412 \u044D\u0442\u043E\u043C \u043C\u043E\u0434\u0443\u043B\u0435 JavaScript \u043C\u044B \u044F\u0432\u043D\u043E \u0433\u043E\u0432\u043E\u0440\u0438\u043C \u043E \u043A\u043B\u0438\u0435\u043D\u0442\u0441\u043A\u043E\u043C JavaScript.

\u0421 \u0434\u0440\u0443\u0433\u043E\u0439 \u0441\u0442\u043E\u0440\u043E\u043D\u044B, \u0441\u0435\u0440\u0432\u0435\u0440\u043D\u044B\u0439 \u043A\u043E\u0434 \u0437\u0430\u043F\u0443\u0441\u043A\u0430\u0435\u0442\u0441\u044F \u043D\u0430 \u0441\u0435\u0440\u0432\u0435\u0440\u0435, \u0437\u0430\u0442\u0435\u043C \u0435\u0433\u043E \u0440\u0435\u0437\u0443\u043B\u044C\u0442\u0430\u0442\u044B \u0437\u0430\u0433\u0440\u0443\u0436\u0430\u044E\u0442\u0441\u044F \u0438 \u043E\u0442\u043E\u0431\u0440\u0430\u0436\u0430\u044E\u0442\u0441\u044F \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435. \u041F\u0440\u0438\u043C\u0435\u0440\u044B \u043F\u043E\u043F\u0443\u043B\u044F\u0440\u043D\u044B\u0445 \u0441\u0435\u0440\u0432\u0435\u0440\u043D\u044B\u0445 \u0432\u0435\u0431-\u044F\u0437\u044B\u043A\u043E\u0432 \u0432\u043A\u043B\u044E\u0447\u0430\u044E\u0442 PHP, Python, Ruby \u0438 ASP.NET. \u0418 JavaScript! JavaScript \u0442\u0430\u043A \u0436\u0435 \u043C\u043E\u0436\u0435\u0442 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C\u0441\u044F, \u043A\u0430\u043A \u0441\u0435\u0440\u0432\u0435\u0440\u043D\u044B\u0439 \u044F\u0437\u044B\u043A, \u043D\u0430\u043F\u0440\u0438\u043C\u0435\u0440 \u0432 \u043F\u043E\u043F\u0443\u043B\u044F\u0440\u043D\u043E\u0439 \u0441\u0440\u0435\u0434\u0435 Node.js \u2014 \u0432\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u0431\u043E\u043B\u044C\u0448\u0435 \u0443\u0437\u043D\u0430\u0442\u044C \u043E \u0441\u0435\u0440\u0432\u0435\u0440\u043D\u043E\u043C JavaScript \u0432 \u043D\u0430\u0448\u0435\u043C \u0440\u0430\u0437\u0434\u0435\u043B\u0435 Dynamic Websites \u2013 Server-side programming.

\u0412\u0435\u0431-\u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0430 \u0431\u0435\u0437 \u0434\u0438\u043D\u0430\u043C\u0438\u0447\u0435\u0441\u043A\u043E\u0433\u043E \u043E\u0431\u043D\u043E\u0432\u043B\u0435\u043D\u0438\u044F \u043A\u043E\u043D\u0442\u0435\u043D\u0442\u0430 \u043D\u0430\u0437\u044B\u0432\u0430\u0435\u0442\u0441\u044F \u0441\u0442\u0430\u0442\u0438\u0447\u0435\u0441\u043A\u043E\u0439 \u2014 \u043E\u043D\u0430 \u043F\u0440\u043E\u0441\u0442\u043E \u043F\u043E\u043A\u0430\u0437\u044B\u0432\u0430\u0435\u0442 \u043E\u0434\u0438\u043D \u0438 \u0442\u043E\u0442\u0436\u0435 \u043A\u043E\u043D\u0442\u0435\u043D\u0442 \u0432\u0441\u0435 \u0432\u0440\u0435\u043C\u044F.

\u041A\u0430\u043A \u0434\u043E\u0431\u0430\u0432\u0438\u0442\u044C JavaScript \u043D\u0430 \u0432\u0430\u0448\u0443 \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0443?

JavaScript \u043F\u0440\u0438\u043C\u0435\u043D\u044F\u0435\u0442\u0441\u044F \u043A \u0432\u0430\u0448\u0435\u0439\u00A0HTML \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0435 \u0442\u043E\u0447\u043D\u043E \u0442\u0430\u043A\u0436\u0435 \u043A\u0430\u043A CSS. \u0418 \u0435\u0441\u043B\u0438\u00A0CSS \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u0442 \u044D\u043B\u0435\u043C\u0435\u043D\u0442\u044B\u00A0<> \u0434\u043B\u044F \u0432\u043D\u0435\u0448\u043D\u0438\u0445 \u0441\u0442\u0438\u043B\u0435\u0439 \u0438 <> \u0434\u043B\u044F \u0432\u0441\u0442\u0440\u043E\u0435\u043D\u044B\u0445 \u0432 HTML, \u0442\u043E \u0434\u043B\u044F\u00A0JavaScript \u043D\u0443\u0436\u0435\u043D \u0442\u043E\u043B\u044C\u043A\u043E \u043E\u0434\u0438\u043D \u0434\u0440\u0443\u0433 \u0432\u00A0HTML \u043C\u0438\u0440\u0435 \u2014 \u044D\u043B\u0435\u043C\u0435\u043D\u0442 <>. \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u0443\u0437\u043D\u0430\u0435\u043C, \u043A\u0430\u043A \u044D\u0442\u043E \u0440\u0430\u0431\u043E\u0442\u0430\u0435\u0442.

Источник: http://developer.mozilla.org/ru/docs/Learn/JavaScript/%D0%9F%D0%B5%D1%80%D0%B2%D1%8B%D0%B5_%D1%88%D0%B0%D0%B3%D0%B8/What_is_JavaScript