В принципе, каждый сайт построен на основе 3-х технологий; HTML, CSS и Javascript. HTML занимается упорядочиванием различных составляющих частей сайта, CSS - способом отображения этих частей и Javascript сложные задачи, такие как реагирование на действия пользователя.
En предыдущие статьи Мы объяснили, что это фреймворк CSS, и дали список лучших, которые мы можем использовать в Linux. Чем сложнее объяснить роль Javascript, мы собираемся сделать небольшое введение в предмет, прежде чем мы перейдем к комментариям по его основам.
Язык программирования Javascript. Небольшое введение
Что такое Javascript?
Javascript - это язык программирования, изначально созданный для предотвращения статичности веб-страниц, хотя сегодня его использование распространилось на секторы, не имеющие ничего общего с Интернетом.
Lпрограммы, написанные на Javascript, называются скриптами и они работают внутри виртуальной машины, известной как движок Javascript.
Все современные браузеры включают свою версию движка Javascript.
Для безопасности пользователей разные браузеры ограничивают возможности кода Javascript. Например, доступ к важным файлам на диске. Однако это может быть дополнительно ограничено в параметрах конфигурации каждого из них.
Код Javascript на веб-странице работает следующим образом:
- Встроенный в браузер механизм Javascript читает код.
- Код конвертируется в машинный язык.
- Машина выполняет код.
Будучи языком программирования, Javascript может выполнять следующие задачи:
- Храните информацию в переменных.
- Обрабатывать текстовые строки.
- Запускайте программы, реагирующие на события, такие как нажатие на ссылку.
Возможности Javascript увеличиваются за счет использования интерфейсов прикладного программирования (API)
API-интерфейсы программные библиотеки, созданные под конкретные задачи которые освобождают разработчика от необходимости переписывать существующий код. В случае с Javascript мы можем говорить о двух типах APIS.
Браузер Api
Они работают в браузере и реагируют на окружение.. У нас есть, например:
Объектная модель документа (DOM): Это позволяет вносить изменения в код HTML и CSS страницы в ответ на определенные события. Это случай веб-сайтов, которые позволяют нам увидеть, как страница будет выглядеть на разных устройствах.
API геолокацииa: Он используется для определения местоположения пользователя и соответствующего реагирования. Например, он используется Netflix, чтобы узнать, какой контент вы видите в своей стране, или Google Maps, чтобы показать вам, где вы находитесь.
Холст и WebGL: Они идеально подходят для построения 2D- и 3D-графики.
Мультимедийные API: Они позволяют передавать и принимать мультимедийный контент с веб-страницы.
Сторонние API
Различные веб-службы пытаются привлечь больше пользователей (а в некоторых случаях и больше информации от этих пользователей для продажи). создавать программные интерфейсы, чтобы разработчики могли интегрировать функции что эти службы предоставляют внешним сайтам. Это, например, случай тех веб-страниц, которые позволяют вам зарегистрироваться с вашей учетной записью Google или Facebook.
Как код Javascript работает на веб-сайте
Прежде всего, необходимо уточнить, что каждый скрипт javascript работает в своей собственной среде выполнения. Существует среда выполнения для каждой вкладки (если мы открываем разные сайты в одном окне) или для разных окон, если мы предпочитаем. Ни в коем случае они не связаны друг с другом или, как мы уже говорили, с операционной системой без активного вмешательства пользователя.
Первые сe загружает HTML-код веб-страницы и создается объектная модель документа, чтобы его можно было отобразить в браузере. Затем загружаются прикрепляемые элементы. на страницу в виде мультимедиа, изображений и таблиц стилей. Наконец, стили назначаются различным частям страницы. как определено таблицами стилей.
Как только все это будет завершено, будет запущен движок Javascript. следуя указанной выше последовательности.
В следующей статье мы рассмотрим обещанный список фреймворков для Javascript.