01:04
Урок 1: Введение в JavaScript

Курс по программированию на JavaScript

Урок 1: Введение в JavaScript

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

История и назначение JavaScript

JavaScript был разработан Бренданом Эйхом в компании Netscape. Изначально язык назывался Mocha, затем переименован в LiveScript, и наконец, стал известен как JavaScript. Основное назначение JavaScript — добавить интерактивность и динамику на веб-страницы.

Основы синтаксиса JavaScript

Синтаксис JavaScript включает в себя использование переменных, операторов и функций. Вот несколько примеров:

// Объявление переменной
let message = "Hello, JavaScript!";
console.log(message);

// Функция
function greet(name) {
 return "Hello, " + name + "!";
}
console.log(greet("World"));

Подключение JavaScript к HTML

JavaScript может быть подключен к HTML-странице несколькими способами:

  • Внутри HTML-документа с помощью тега <script>.
  • Во внешнем файле с расширением .js и подключением через тег <script src="path/to/yourfile.js"></script>.
<!-- Внутренний JavaScript -->
<!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>Hello, World!</h1>
 <script>
 console.log("Hello, JavaScript!");
 </script>
</body>
</html>

<!-- Внешний JavaScript -->
<!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>Hello, World!</h1>
 <script src="main.js"></script>
</body>
</html>

Результат выполнения

Hello, JavaScript!

Упражнения

Упражнение 1: Изменение текста вывода

Измените текст, который выводится на экран, на что-то другое. Например, "Привет, мир!".

Решение:

<script>
console.log("Привет, мир!");
</script>

Объяснение: Мы просто изменили строку внутри тега <script> на console.log("Привет, мир!");.

Упражнение 2: Добавление нового метода

Добавьте новый метод greet, который выводит текст "Это мой первый метод!" и вызовите его внутри скрипта.

Решение:

<script>
function greet() {
 console.log("Это мой первый метод!");
}

greet();
</script>

Объяснение: Мы добавили новый метод greet, который выводит текст "Это мой первый метод!". Затем мы вызвали этот метод внутри тега <script>.

Категория: JavaScript | Просмотров: 15 | Добавил: Admin | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email *:
Код *: