Codebra
28 января 2026 в 08:45

Урок 2. Продолжаем знакомится с JavaScript

Знакомимся с основами JavaScript, учимся встраивать код на страницу.
📝

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

Теоретический материал сохранен в исходном виде, а практические задания с автоматической проверкой вынесены в отдельные роадмапы.

Полный список уроков доступен по тегу Архивный курс по JavaScript и на странице первого урока.

Давайте посмотрим на пример кода JavaScript. Этот скрипт встроен в страницу HTML. Он выводит «Привет, Мир!».

<!DOCTYPE HTML>
<html>
    <head>
        <title>Знакомство с JavaScript</title>
        <meta charset = "utf-8">
    </head>
    <body>
        <p>Что-то тут...</p>

        <script>
            alert('Привет, Мир!');
        </script>

        <p>... И что-то здесь</p>
    </body>
</html>

Совсем необязательно встраивать код прямо в страницу HTML. Так же есть возможность записать скрипт на JavaScript в отдельный файл и потом подключить его вот таким способом:

<script src = "script.js"></script>

Атрибут type означает, какой язык вы подключаете, а атрибут src указывает на подключаемый файл. Файлы содержащие только код на JavaScript, имеют расширение .js

Если вы хотите написать скрипт прямо в HTML файле, то нужно отделять код JavaScript специальными тегами как в примере ниже:

<script>
    alert('Привет, Мир!');
</script>

Первое, что мы рассмотрим, это функция alert(), которая применяется, чтобы вывести вот такое окно:

Результат выполнения функции из 3 примера

Текст, который нужно вывести располагается внутри скобок и обязательно в кавычках, одинарных или двойных не имеет значения. Давайте выведем слово Привет.

alert('Привет');

Переходите к следующему уроку и выполняйте практику!

📝

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