Основы языка JavaScript для новичков →

На данной странице размещается начало учебника JavaScript для новичков. Для его освоения вам необходимо иметь хотя бы минимальные знания HTML и CSS. Обратитесь к учебнику HTML и CSS для новичков для их получения (для изучения JavaScript вам нужно пройти хотя бы 3-4 урока минимум).

Язык JavaScript предназначен для выполнения в браузере наряду с HTML и CSS. Но, если эти языки предназначены для верстки структуры сайта, то JavaScript позволяет 'оживлять' web-страницы - делать их реагирующими на действия пользователя или демонстрировать некоторую динамичность (к примеру, смена картинок в блоке или красивые плавно выпадающие менюшки).

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

Как запустить JavaScript

Написать и запустить JavaScript можно двумя способами: первый заключается в том, что мы пишем код прямо на HTML странице внутри тега <script>:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Это заголовок тайтл</title>
		<script>
			var name = 'Дима';
			alert('Привет, '+name);
		</script>
	</head>
	<body>
		Это основное содержимое страницы.
	</body>
</html>

Тег <script> можно располагать в любом месте страницы - как в <head>, так и в <body>.

Второй вариант заключается в том, что JavaScript код хранится в отдельном файле (наподобие CSS) и подключается тоже с помощью тега <script> с атрибутом src, в котором указывается путь к файлу со скриптом:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Это заголовок тайтл</title>
		<script src="путь к файлу со скриптом"></script>
	</head>
	<body>
		Это основное содержимое страницы.
	</body>
</html>

В дальнейшем я не буду расписывать то, как подключается JavaScript, а буду просто писать HTML код в одном блоке, а JavaScript код - в другом.

Видео для тех, кто ничего не понял

Если вам все равно не понятно, что, как и куда подключать - смотрите следующее видео:

Здесь скоро появится видео.

Поиск ошибок в коде

Посмотрите следующее видео, в котором я показываю, как работать с отладчиком, который показывает ошибки JavaScript, и консолью:

Здесь скоро появится видео.