Уроки Javascript

Урок #3 - Первая программа

Урок #3 - Первая программа

В уроке мы научимся работать с JavaScript. Мы создадим простейшую программу, которая будет выводить предложение «Hello World!» на экран. Программа будет запущена в браузере.

Видеоурок

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


Для вывода информации существует несколько различных методов и функций. Самый простой способ вывода это метод «write» что наследуется от объекта document.


Пример использования:

// Вывод в одной строке
document.write("Вывод информации");
// writeln - будет выведен с пропуском строки
document.writeln("Вывод информации");

Данный способ вывода работает, но уже является устаревшим, поэтому вместо него стоит использовать вывод данных в консоль. Чтобы вывести данные в консоль обратитесь к объекту console и его методу «log»:

// Вывод информации в консоль
console.log("Какая-либо информация");

Просмотреть консоль можно в любом браузере, но мы для примера возьмем браузер Google Chrome. Сперва перейдите на страницу с JavaScript файлом и нажмите левой кнопкой мыши на любой участок сайта. В открывшемся меню нажмите «Посмотреть код» и в панели перейдите на вкладку консоль, где и будут отображаться выведенные данные.

Исходный код

Весь код будет доступен после подписки на проект!

Онлайн редактор кода

Загрузка...

Задание к уроку

Вывод данных на экран

Используя JavaScript выведите ваше имя и фамилию на экран в браузере. Выведите вашу фамилию с новой строки.

Посмотреть ответ

Решение задания:

document.writeln("Имя");
document.write("Фамилия");

// или же можно использовать символы \n
document.write("Имя\nФамилия");

Получить остальные домашние задания можно после подписки на проект

Большое задание по курсу

Вам необходимо оформить подписку на сайте, чтобы иметь доступ ко всем большим заданиям. В задание входит методика решения, а также готовый проект с ответом к заданию.
PS: подобные задания доступны при подписке от 1 месяца

Также стоит посмотреть

Изучение React JS / Redux библиотеки
9 уроков
Курс по React JS для начинающих
14 уроков
Изучение таск-менеджера Gulp 4
5 уроков
Создание динамического веб сайта
22 урока
Создание приложения на React JS / Использование API
7 уроков
Изучение библиотек jQuery
24 урока
Комментарии для сайта Cackle