Итак, мы начинаем изучение удивительного, мощного, повсеместно используемого языка программирования JavaScript!

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

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

К концу этого блога вы сможете самостоятельно запустить простую программу на JavaScript!

Итак, прежде чем мы перейдем к делу, давайте потратим минуту на то, чтобы узнать, что такое JavaScript и зачем нам его изучать.

Что такое JavaScript?

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

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

Зачем вам нужно изучать JavaScript?

JavaScript, вероятно, единственный язык, который в настоящее время используется для

  • Веб-разработка
  • Бэкенд-разработка
  • Разработка мобильных приложений
  • приложения Интернета вещей
  • Машинное обучение/системы искусственного интеллекта и многое другое…

Таким образом, JS высоко ценит навыки на текущем рынке.

Давайте начнем!

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

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

1. Запускайте JS в браузере

  • Откройте любой браузер по вашему выбору, я выбираю хром :)
  • Щелкните правой кнопкой мыши на странице и нажмите «проверить» или нажмите клавишу «F12».
  • Откроется «консоль разработчика», как показано ниже. Пожалуйста, откройте вкладку консоли. Здесь мы можем выполнить наш код javascript без необходимости использования какой-либо IDE.
  • Пожалуйста, вставьте приведенный ниже фрагмент кода
// Prints the 'Hello World' in the console
console.log('Hello World!')
  • Нажмите Enter, чтобы увидеть результат. Ура!

Всякий раз, когда вы хотите быстро протестировать любой код js, вы можете использовать developer console.

2. Запустите JS, включив в HTML

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

Любой код JS, который необходимо запустить в браузерах, должен быть загружен через файл HTML. Создайте файл test.html на своем компьютере, вставьте в него приведенный ниже контент и откройте его в браузере.

script, где нам нужно написать наш код javascript. вставьте приведенный ниже код внутри тегов script.

alert(‘Hello from Script Section’)

Перезагрузите страницу, и вы увидите всплывающее окно с предупреждением в браузере.

Однако не рекомендуется иметь код HTML и Javascript в одном файле. Поэтому лучше переместить весь ваш JS-код в отдельный файл и загрузить его в нужный HTML-файл. Любой файл кода javascript необходимо сохранить с расширением .js. Давайте попробуем и это.

Создайте новый файл с именем test.js в том же месте, что и test.html, и вставьте нижеследующее содержимое.

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

Перезагрузите страницу, и вы увидите всплывающее предупреждение в браузере из обоих разделов скрипта.

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

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