Рассказываем, что такое скрипты, на каких языках их пишут и зачем.
Что такое скрипт
Скрипт — это набор команд для выполнения задач на одном из языков программирования.
Чаще всего скрипты что-то автоматизируют: создают публикации, собирают SEO-данные, запускают анимации или меняют интерфейс сайта или приложения в ответ на действия пользователя, а еще имитируют человека, чтобы проверить работоспособность веб-сайта.
Скрипт обычно обрабатывает конкретную ситуацию: его запускает результат предыдущих вычислений или действие пользователя. Поэтому часто скрипт называют сценарием.
Сценарий — это вариант действий скрипта по достижению цели.
История и назначение скриптов
И сейчас, и в XX веке скрипт был и остается небольшой компьютерной программой, которая сама выполняет действия. А вот назначение скрипта немного изменилось.
Для чего нужен был скрипт в прошлом веке
Скрипты появились в 1960–1980-х годах, и с тех пор их используют в программировании, чтобы автоматизировать разные задачи.
В середине прошлого века скрипты выполнялись только на компьютерах. Например, на языке программирования Unix Shell можно было автоматизировать запуск программ: объединить в одном файле несколько команд и запустить их как единую программу.
Зачем нужны скрипты в настоящее время
🔵 Браузерные скрипты: создают интерактивные веб-приложения, анимацию элементов, валидируют формы, собирают информацию о пользователе и т. д.
🔵 Скрипты командной оболочки (Bash, PowerShell): автоматизируют задачи на операционной системе.
🔵 Скрипты для языков программирования (Python, Ruby, Perl): выполняют разные задачи.
🔵 Серверные скрипты (PHP, Node.js): обрабатывают веб-запросы и генерируют веб-страницы.
Сейчас под скриптами часто понимают браузерные скрипты — наборы команд, которые написаны для веб-сайтов и выполняются браузерами.
Скрипты на сайте дают интерактивность. Всплывающие формы, подгрузка контента, когда пользователь доходит до конца ленты, всплывающие уведомления и многие анимации — всё это появляется с помощью скриптов.
Обычно эти скрипты пишутся на JavaScript.
В 1995 году для браузера Netscape Navigator 2.0 создали язык программирования LiveScript. Сначала он мог только проверять данные в формах на сайтах. Вскоре возможности языка расширились и его переименовали в JavaScript. Со временем все крупные браузеры начали поддерживать JavaScript. Сегодня он встроен во все современные браузеры и считается ключевым в веб-разработке.
JavaScript встраивается в HTML-код веб-страниц с помощью тега <script>
Работе с JavaScript вас могут научить на курсе «Веб-разработчик». Наставники объяснят вам, как работать и с чистым кодом, и с React.js. А до этого вы освоите языки верстки — HTML и CSS.
Есть еще расширения браузеров — Tampermonkey и Greasemonkey. С их помощью устанавливают и запускают пользовательские скрипты на разных сайтах, модифицируют веб-страницы, отправляют к ним запросы, а еще скачивают файлы.
Возможности у браузерных скриптов ограничены — они не могут напрямую взаимодействовать с операционной системой.
Скрипты и плагины
Скрипты немного похожи на плагины: они дают сайту новую функциональность и расширяют его возможности. У скриптов нет графического интерфейса: это просто автономно работающие строки кода. Всё, что им нужно, — среда выполнения языка программирования. Чтобы изменить скрипт, нужно его переписать.
А вот плагины — это полноценные модули, часто с собственным графическим интерфейсом. Они подключаются по API к основной системе: например, к серверу, на котором развернуто приложение или веб-сайт, и добавляют определенные возможности. Плагин можно в любой момент отключить. Зато его сложнее изменять и он больше весит.
Например, в программе Vim есть скрипты, которые могут автоматизировать задачи, но у них нет визуального интерфейса. В Figma есть плагины, которые могут искать и заменять текст. У них есть собственные настройки и интерфейс.
Скриптовые языки и программирование
На всех языках программирования можно писать скрипты, но некоторые подходят для этой задачи хуже:
🟥 Язык для прямого взаимодействия с аппаратным обеспечением — язык ассемблера.
🟥 Строго типизированные языки: C и C++.
🟥 Специальные языки. Например, язык запросов к базам данных SQL.
🟥 Языки верстки: HTML и CSS. Но они даже не являются языками программирования.
Какие бывают скриптовые языки
Есть много языков программирования для написания сценариев. Универсальными языками, которые можно использовать для разработки приложений на разные платформы, считаются:
🟦 Ruby. Используют в веб-разработке.
🟦 Perl. Обрабатывает текст, собирает и структурирует данные.
🟦 Python. Используют для веб-разработки, анализа данных, автоматизации задач и не только.
Некоторые языки созданы специально для веб-разработки.
🟦 PHP. На нём пишут код для серверной части веб-приложений.
🟦 JavaScript. Делает веб-страницы интерактивными.
Другие языки применяют для автоматизации задач в операционных системах.
🟦 PowerShell. Используют для автоматизации задач в Windows.
🟦 Bash. Язык командной оболочки Unix/Linux для автоматизации задач.
Ruby и Python тоже могут добавлять функциональность в приложения. Но есть и такие, которые специально созданы для расширения возможностей отдельных приложений, например приложений Microsoft:
🟦 VBScript,
🟦 JScript.
Большинство скриптовых языков — интерпретируемые, а не компилируемые. Компилируемые языки сначала компилируют код: переводят всю написанную программу на язык машины и только потом начинают выполнение. Интерпретируемые языки переводят программу на язык машины по ходу выполнения скрипта.
Как выглядят скрипты
Скрипты содержат любые элементы языка программирования: от переменных, которые хранят данные, до обработчиков событий, которые реагируют на действия пользователя. Методы их подключения зависят от языка программирования.
В JavaScript скрипты начинаются с тега <script>. Он встраивает код в веб-страницу.
<script>
// Здесь пишется код скрипта
</script>
Простой скрипт может состоять из функции. Например, функция showGreeting() будет выполняться, когда пользователь нажмет кнопку на веб-странице.
<script>
function showGreeting() {
// Здесь будет код функции showGreeting
}
</script>
Чтобы написать такую функцию, на сайте должны быть:
🟡 Элемент, в который пользователь сможет ввести имя: например, <input id=»name» type=»text»>
🟡 Элемент, куда мы можем вставить текст приветствия: например,
.
Тогда можно дописать функцию:
<script>
function showGreeting() {
// Получаем значение элемента с id «name»
var name = document.getElementById(«name»).value;
// Находим элемент с id «greeting» и устанавливаем его текст
// с использованием введенного значения
document.getElementById(«greeting»).innerText = «Привет, » + name + «!»;
}
</script>
Когда пользователь нажмет на кнопку, он вызовет функцию showGreeting(), а она уже обновит текст внутри элемента greeting на «Привет, [имя пользователя]!».
Переменные, условия и циклы в скрипте
Переменные, условия и циклы — это основные конструкции, с помощью которых можно писать программы с логикой разной сложности.
Переменные хранят данные и могут быть изменены или использованы в разных частях скрипта. Это как подписанный контейнер — в него можно поместить вещи того типа, который указан.
Например, можно создать переменную age, куда можно будет поместить возраст.
let age = 18;
Можно сделать так, чтобы код выполнялся только при истинности условия, которое задают две основные конструкции: if (если) и else (тогда). В JavaScript и Python условия выглядят схожим образом.
В JavaScript:
let age = 18;
if (age >= 18) {
console.log(«Вы можете просматривать данный раздел»);
} else {
console.log(«Вы не имеете прав для просмотра данного раздела»);
}
В Python:
age = 18
if age >= 18:
print(«Вы можете просматривать данный раздел»)
else:
print(«Вы не имеете прав для просмотра данного раздела»)
Циклы выполняют определенный блок кода несколько раз (например, повторяют задачу). Они перебирают значения из полученных данных, пока те не закончатся или пока не будет решена задача.
Например, вот такой скрипт будет перебирать список имен и уведомлять пользователя о том, имеет он право просматривать текущий раздел или нет:
В JavaScript:
let users = [
{ name: «Анна», age: 20 },
{ name: «Иван», age: 16 },
{ name: «Пётр», age: 23 }
];
for (let i = 0; i < users.length; i++) { if (users[i].age >= 18) {
console.log(«Привет, » + users[i].name + «! Вы можете просматривать данный раздел.»);
} else {
console.log(«Привет, » + users[i].name + «! Вы не имеете прав для просмотра данного раздела.»);
}
}
В Python:
users = [
{«name»: «Анна», «age»: 20},
{«name»: «Иван», «age»: 16},
{«name»: «Пётр», «age»: 23}
]
for user in users:
if user[«age»] >= 18:
print(f»Привет, {user[‘name’]}! Вы совершеннолетний.»)
else:
print(f»Привет, {user[‘name’]}! Вы не имеете прав для просмотра данного раздела.»)
Если вам показалось, что у Python очень понятный синтаксис, вы правы: он считается одним из наиболее простых среди универсальных языков программирования. Хотите научиться работе с Python — приходите на курс «Python-разработчик» в Skypro. Вы не только разберетесь в синтаксисе и дополнительных возможностях модулей и фреймворков, но и создадите собственный проект на языке Python.
Как использовать скрипты на сайте
Скрипты на JS можно писать прямо в HTML-документе сайта. HTML — это основной документ веб-страницы, который создан на языке верстки HTML. В нём описаны все блоки и элементы, которые есть на странице.
Чтобы встроить код на JS прямо в HTML, надо поместить в него весь код от открывающего тега <script> до закрывающего — </script>. Обычно его пишут в конце тега<body>, тогда JS не будет загружаться первым и замедлять загрузку страницы.
Чем больше сайт, тем больше его HTML-код. И чем больше скриптов, тем больше кода придется добавлять прямо в HTML-документ. Поэтому лучше JS-код подключать через внешний файл.
<script src=»path/to/script.js»></script>
Вместо самого кода мы помещаем в тег<script> путь к файлу с JS-кодом.
Сегодня только JavaScript поддерживается всеми современными браузерами и может выполняться на стороне клиента. Скрипты на других языках должны или быть компилированы в JavaScript, или использоваться на серверной стороне для генерации HTML. Например, Python использует фреймворки — дополнительные модули, чтобы генерировать HTML.
Плюсы автоматизации с помощью скрипта
Вне веб-разработки скрипты в основном используют, чтобы не выполнять рутинные простые задачи. Скрипты могут соединять данные из разных баз в одну большую, анализировать их, проверять большие объемы данных на угрозы.
Автоматизация полезна в разных сферах, поэтому стали появляться специальные сервисы, которые создают скриптовые автоматизации по запросу пользователей:
🔵 Make объединяет различные веб-приложения и сервисы.
🔵 IFTTT настраивает автоматические действия между сервисами и устройствами, в том числе домашними.
🔵 Zapier связывает веб-приложения и сервисы.
🔵 Microsoft Power Automate автоматизирует процессы в Microsoft 365 и подключает другие приложения.
Автоматизацию активно внедряют даже в рекламу: в 2012 году Google AdWords внес возможность использовать скрипты, чтобы управлять рекламной кампанией.
Есть много причин, почему люди предпочитают автоматизировать рутину.
Оптимизация процессов
Скрипты выполняют задачи быстрее и точнее, а это экономит время и ресурсы. Автоматизация снижает риск ошибок в монотонных и повторяющихся задачах. Скрипты всегда выполняют задачи одинаково по заданным правилам.
Повышение точности
Скрипты эффективно обрабатывают огромные массивы данных. На них не влияет человеческий фактор: они не могут устать или пропустить что-то из-за невнимательности. Они проверяют данные на ошибки и угрозы и объединяют их из разных источников с высокой точностью.
Индивидуализация задач
Скрипты можно легко настроить под конкретные задачи. Они легко обновляются и расширяются с появлением новых задач.
Недостатки и возможные проблемы использования скрипта
Недостатки автоматизации рутины скриптами очевидны.
🟥 Некоторые задачи сложно или невозможно автоматизировать: если задачу нужно решать нестандартно и креативно, то скрипт не справится.
🟥 Подготовка данных для работы скрипта может быть долгой.
🟥 Если в настроенном процессе часто меняются входные данные, задачи, условия, тогда автоматизация выйдет дороже и при этом будет менее эффективной, чем обычная ручная работа.
Главное о скриптах
🟦 Скрипт — это набор команд для выполнения задач на языке программирования. Их часто используют для автоматизации процессов: публикации постов и отправки писем, сбора данных, запуска анимаций или изменения интерфейсов.
🟦 Скрипты появились в 1960–1980-х годах. Их использовали для автоматизации задач на компьютерах. Например, на языке Unix Shell — для запуска программ.
🟦 В наши дни скрипты используют, чтобы создавать интерактивные веб-приложения, автоматизировать задачи на операционных системах, обрабатывать веб-запросы и генерировать веб-страницы.
🟦 Скрипты автоматизируют задачи без графического интерфейса, в отличие от плагинов, которые могут иметь свой интерфейс и подключаются через API к различным системам.
🟦 Для написания скриптов используют универсальные языки (Ruby, Perl, Python) и специализированные — PHP для серверной части и JavaScript для интерактивных веб-страниц.
🟦 Переменные, условия и циклы позволяют хранить данные, выполнять код при заданных условиях и повторные действия, при этом обеспечивать разнообразие и гибкость в работе программ.
🟦 Скрипты на JavaScript можно встраивать в HTML-документ или подключать через внешние файлы, это помогает избежать перегрузки HTML-кода.
🟦 Сервисы Make, IFTTT, Zapier и Microsoft Power Automate позволяют создавать автоматизации — связывать различные веб-приложения и устройства.
🟦 С помощью скриптов можно оптимизировать процессы за счет скорости и точности выполнения задач, исключить человеческий фактор и возможность индивидуальной настройки для специфических задач.
🟦 Некоторые задачи сложно автоматизировать, подготовка данных может быть трудоемкой, а частые изменения в процессе могут сделать автоматизацию неэффективной и дорогой.
Добавить комментарий