Hello world!

Hello world!

Coursme
9 мин.
22 дек. 2023
2

Давайте напишем наш первый скрипт на языке JavaScript и выведем знакомое всем приветствие "Hello, World!" в консоль. Создание простой программы "Hello, World!" является традиционным первым шагом при изучении нового языка программирования.

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

Установка Visual Studio Code

Для создания программы рекомендуется использовать редактор кода, и одним из наилучших вариантов является Visual Studio Code. Если вы еще не установили этот редактор, ознакомьтесь с нашим предыдушум уроком по установке (Подготовка к работе), чтобы перейти ко второму шагу.

Создание нового файла

Нажмите "File" (Файл) в верхнем левом углу.

Выберите "New File" (Новый Файл).

Назовите новую файл, например, "index.html", и нажмите Enter.

Написание HTML-кода

Откройте файл "index.html" и введите следующий код или просто скопируйте его у нас

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>Основы JavaScript</title>
</head>
<body>
 <h1>Добро пожаловать в мир JavaScript!</h1>
 <script src="HelloWorld.js"></script>
</body>
</html>

Создание нового файла JavaScript

Нажмите "File" (Файл) в верхнем левом углу.

Выберите "New File" (Новый Файл).

Назовите новую файл, например, "HelloWorld.js", и нажмите Enter.

Написание простого кода JavaScript

Откройте файл index.js и напишите следующий код или опять же порсто скапируйте у нас

// index.js
// Выводим приветствие в консоль
console.log("Привет, мир!");

Запуск файла HTML

Нажмите правой кнопкой мыши на файле "index.html".

Выберите "Open with" (Открыть с помощью) и выберите ваш любимый веб-браузер.

Открытие консоли браузера

Откройте инструменты разработчика в браузере (нажатием F12 или правой кнопкой мыши и выбором "Inspect", затем перейдите на вкладку "Console")

После выполнения этих шагов, вы увидите сообщение "Привет, мир!" в консоли браузера.

Поздравляю, вы только что создали и запустили свой первый JavaScript код!

Заключение

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

Назад
Следующий урок
Комментарии
(2)
Чтобы оставлять комментарии — надо авторизоваться
ДШ
Данил Школьной
Что делать если нету кнопки Open with?
07 февраля 16:08
Ответить
AC
Admin Coursme
Она может называться "Открыть с помощью"
09 февраля 15:33
Ответить
Главная
Кабинет
Курсы
Меню