JavaScript — привет, мир

Руководство для начинающих по JavaScript, что это такое и что он может делать

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

JavaScript универсален, относительно компактен, но очень гибок.

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

Файлы JavaScript сохраняются с расширением .jsextension.

Предпосылки

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

Чтобы запустить код JavaScript, вам необходимо установитьnodeна свой компьютер. Код — это текст или команда, из которых состоит программа. Среда выполнения Node.js включает в себя все необходимое для выполнения программы, написанной на JavaScript. Думайте о средах выполнения как о крошечных коробках, которые предоставляют все необходимые инструменты для кода. Согласно ionos, среды выполнения (сокращенно RTE) действуют как небольшие операционные системы и предоставляют все функции, необходимые для запуска программы. Это включает в себя интерфейсы к физическим частям оборудования, взаимодействие с пользователем и программные компоненты. Среда выполнения загружает приложения и запускает их на платформе.

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

Окна

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

Чтобы проверить версию, выполните следующую команду в командной строке:

Это относится к Windows, Mac и Linux. Если версия распечатывается на экране, значит все готово.

node -v

macOS

Чтобы установить node на macOS, нажмите здесь. Найдите загруженный файл и следуйте инструкциям по установке.

линукс

Откройте терминал, нажав CTRL+ALT+T. Введите следующую команду и нажмите Enter:

sudo apt install nodejs

Через мгновение на вашем компьютере должен быть установлен node.

Точно так же, как вы пишете текстовый документ в текстовом редакторе, вам потребуется редактор для написания кода. В Интернете доступно множество хороших редакторов, но лучшей альтернативой является использование интегрированной среды разработки (IDE).IDE — это программное обеспечение, предназначенное для создания приложений, объединяющих разработчиков инструменты в одном месте. Некоторые из популярных IDE включают VSCode, Sublime Text и Atom.

Что такое JavaScript?

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

JavaScript — это текстовый язык программирования, используемый как на стороне клиента, так и на стороне сервера, который позволяет делать веб-страницы интерактивными. В то время как HTML и CSS — это языки, которые определяют структуру и стиль веб-страниц, JavaScript предоставляет веб-страницам интерактивные элементы, привлекающие пользователя. Типичные примеры JavaScript, которые вы можете использовать каждый день, включают окно поиска на Amazon, видео с обзором новостей, встроенное в The New York Times, или обновление вашей ленты в Twitter. JavaScript был представлен в 1995 году как способ добавления программ на веб-страницы в браузере
Netscape Navigator. С тех пор этот язык был принят всеми другими
основными графическими веб-браузерами. Это сделало возможными современные веб-приложения. После его принятия за пределами Netscape был написан стандартный документ
, описывающий, как должен работать язык JavaScript, чтобы различные
части программного обеспечения, заявившие о поддержке JavaScript, говорили
об одном и том же. язык. Он называется стандартом ECMAScript после того, как
организация Ecma International провела стандартизацию. На практике
термины ECMAScript и JavaScript могут использоваться взаимозаменяемо, поскольку они относятся к одному и тому же языку.

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

Что оно может делать?

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

JavaScript используется для:

Добавление интерактивного поведения на веб-страницы
Создание веб и мобильных приложений
Создание веб-серверов
Разработка серверных приложений
Разработка игр

Почему JavaScript?

Согласно Опросу разработчиков Stack Overflow 2021, JavaScript является наиболее часто используемым языком программирования уже девять лет. Впечатляет, правда? Почему этот язык важен?

Согласно Snipcart, Javascript имеет следующие преимущества:

Более быстрое взаимодействие с пользователем. Даже при наличии сервера тот факт, что JS является асинхронным, означает, что он может взаимодействовать с сервером в фоновом режиме, не прерывая взаимодействия пользователя, происходящего во внешнем интерфейсе. Код работает непосредственно в браузере, поэтому обращения к серверу не требуются.
С самого начала JavaScript привнес в Интернет интерактивность пользовательского интерфейса. Теперь он делает то же самое для приложений всех типов, помогая разрабатывать наиболее привлекательный UX. Сегодня такие фреймворки, как Vue.js, выводят переходы и анимацию на следующий уровень.
JavaScript лежит в основе любого хорошего адаптивного веб-дизайна. Разработчикам все чаще приходится адаптировать свой дизайн для разных браузеров и устройств. Сочетая HTML5, CSS3 и JavaScript, они могут сделать это в рамках одной кодовой базы.
Разработчикам JS легко освоить и быстро начать активную разработку. Его синтаксис прост и гибок для новичков. Это также упрощает разработку сложных приложений, позволяя разработчикам упростить композицию приложения. Множество фреймворков и пакетов также в некоторой степени облегчают жизнь разработчикам.
Если вы еще этого не сделали, JavaScript безумно популярен. Если популярность не всегда равна качеству жизни в целом, это, по крайней мере, означает одну важную вещь: вы найдете решение любой проблемы в сообществе. В веб-разработке это немаловажная деталь. Если вам нужно нанять разработчиков, это тоже большой плюс, так как пул кандидатов огромен.

Привет, мир!

Теперь, когда мы рассмотрели, что такое JavaScript и на что он способен, давайте напишем простую программу на JavaScript, которая выводит на экран Hello, world!. Мы могли бы сделать это в браузере, но для этого требуются знания HTML и CSS, поэтому мы будем работать из терминала или с помощью IDE.

Откройте IDE/текстовый редактор и создайте файл, назовите его как хотите и убедитесь, что вы включили расширение .js.

Введите в файл следующий блок кода:

// Print out Hello, world!(This is a comment)
console.log("Hello, world!")

Запуск файла

Вы можете открыть терминал и перейти в папку, в которой вы создали файл JS, и запустить:

node filename.js

Где имя_файла — это имя вашего файла.

VSCode имеет встроенный терминал, который должен открываться в папке, где находится ваш файл.

Поздравляем!!! Вы только что написали свою первую программу на JavaScript. Ощущения потрясающие, правда? Подробное руководство по этому удивительному языку можно найти в Руководстве по JavaScript MDN.