Урок 1. Введение. Синтаксис. Переменные

Конспект по видеокурсу «Основы JavaScript».

Содержание.

Урок 0. Основы JavaScript.

Урок 1. Введение. Синтаксис. Переменные.

Урок 0. Основы JavaScript.

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

1) Различные галереи.

2) Слайдеры изображений.

3) Интерактивные ссылки.

4) Кнопки.

5) Реализация отправки данных на сервер без перезагрузки страницы.

6) Формирование и отображение дополнительных данных.

7) Реализация логики, которая может быть выполнена только на стороне клиента.

8) Осуществление математических расчетов различных данных.

9) Предварительная проверка отправляемой на сервер информации.

И так далее.

Следовательно, любой хороший веб-разработчик должен знать и уметь писать скрипты на данном языке.

В этом конспекте, от простого к сложному, изучим основные моменты данного языка. Прочитав данный конспект, можно изучить синтаксис языка JavaScript, научиться работать с переменными, манипулировать различными типами данных, узнать, что такое выражения, инструкции, функции, объекты и массивы. Научиться работать со строками, датой и временем, вести математические расчеты. И, конечно же, выбирать элементы HTML-страниц при помощи языка JavaScript, что позволит добавлять или изменять содержимое выбранных элементов, т.е. осуществлять взаимодействие скрипта с HTML-страницей сайта.

Время на составление конспекта.

Дата: Среда. 15 января 2020 года.

Время: с 13:30 до 14:00 (30 минут).

Урок 1. Введение. Синтаксис. Переменные.

В данное время очень сложно отыскать сайт в Интернете, на котором не используется функционал языка JavaScript. При использовании данного языка веб-программирования на страницах сайтов отображаются различные галереи и слайдеры изображений, интерактивные ссылки и кнопки, реализуется отправка данных на сервер без перезагрузки страницы, выполняется формирование и отображение дополнительных данных, реализуется логика, которая может быть выполнена только на стороне клиента, осуществляются математические расчеты различных данных и предварительная проверка отправляемой на сервер информации. И так далее.

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

JavaScript – это клиентский, высокоуровневый, не типизированный и интерпретируемый язык программирования.

Интерпретатор языка обычно располагается на стороне клиента. К примеру, в браузере, который используется для просмотра HTML-страниц. Т.е. все современные браузеры для настольных компьютеров, игровых приставок, планшетов, телефонов включают в себя интерпретатор данного языка.

JavaScript хоть и содержит в своем названии схожесть с языком Java, однако он полностью отличается от него. Это нужно понимать.

JavaScript был создан в 1995 году компанией Netscape. Название языка является торговой маркой, зарегистрированной компанией Sun Microsystems. Ныне ее название Oracle. Название используется для обозначения реализации языка, созданного компанией Netscape.

Вскоре после этого компания Netscape представила язык для стандартизации европейской ассоциации производителей компьютеров (ECMA). Стандартизированная версия языка получила название ECMAScript и описывалась стандартом ECMA-262.

В 1996 году компания Microsoft выпустила аналог языка JavaScript, названный JScript. Первым браузером, поддерживающим данную реализацию, был Internet Explorer версии 3.0.

В течение прошлого десятилетия все браузеры представляли реализацию стандарта ECMAScript версии 3 (ECMAScript 3). Затем была выпущена версия стандарта языка под названием ECMAScript 5 в 2009 году. Четвертая версия языка так и не была выпущена.

В июне 2015 года был утвержден стандарт версии 6 (ECMAScript 6). При этом каждый производитель браузера осуществляет собственную реализацию данного стандарта при создании интерпретатора JavaScript. Нередко возникают ситуации, когда один и тот же код скрипта ведет себя по-разному в интерпретации различных браузеров. Поэтому обязательно необходимо проверять работу скриптов и различных веб-программ в различных браузерах.

Теперь вкратце о тех обязательных инструментах, которые понадобятся для успешного освоения данного материала. Первым инструментом является браузер, в котором встроен интерпретатор языка JavaScript и который необходим для тестирования создаваемого кода. Желательно использовать несколько браузеров для сравнения результатов работы, но это на личное усмотрение веб-разработчика. В данном конспекте будет рассматриваться браузер Mozilla Firefox. Еще также понадобится использовать для работы браузеры Google Chrome и Internet Explorer.

Вторым обязательным инструментом является текстовый редактор, в котором понадобится кодировать, т.е. набирать код на языке JavaScript. Можно использовать любой удобный текстовый редактор. Желательно использовать редактор с возможностью подсветки кода. Одним из таких редакторов является Notepad++.

В данном конспекте изучение учебного материала будет осуществляться в текстовом редакторе CodeLobster. Этот редактор подсвечивает синтаксис HTML-страницы и синтаксис языков JavaScript, PHP и т.д.

Собственно, это все обязательные инструменты. Еще также для изучения данного материала будет использоваться программное обеспечение OpenServer, т.е. локальный веб-сервер, который установлен на компьютере.

В каталоге «domains», в папке веб-сервера OpenServer, создадим каталог «js.loc», локальный домен, который установливается на компьютере. К данному домену обращаемся с помощью указания в адресной строке браузера строки «js.loc».

В данный момент просматриваем документ «index.html». Работу этого документа видим на экране.

Если веб-сервера в наличии нет или же он не нужен, то соответственно тестировать работы скрипта программы можно просто запуская файлы с расширением «.html» и открывая их в браузере. Язык JavaScript интерпретируется непосредственно в браузере и для его работы никакой веб-сервер не нужен. В данных примерах веб-сервер используется только лишь для удобства. Приступим к дальнейшему изучению учебного материала.