Слайд 2
![Что такое JavaScript JavaScript – это язык программирования для Веб](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/349061/slide-1.jpg)
Что такое JavaScript
JavaScript – это язык программирования для Веб
JavaScript является
высокоуровневым, динамическим, нетипизированным и интерпретируемым языком программирования
Слайд 3
![Подключение JavaScript Интеграция JavaScript alert("Hello world!"); document.write("Hello world again!");](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/349061/slide-2.jpg)
Подключение JavaScript
Интеграция JavaScript
Слайд 4
![Подключение JavaScript](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/349061/slide-3.jpg)
Слайд 5
![Подключение JavaScript Интеграция JavaScript](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/349061/slide-4.jpg)
Подключение JavaScript
Интеграция JavaScript
Слайд 6
![Что умеет JavaScript Создавать новые HTML-теги, удалять существующие, менять стили](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/349061/slide-5.jpg)
Что умеет JavaScript
Создавать новые HTML-теги, удалять существующие, менять стили элементов,
прятать, показывать элементы и т.п.
Реагировать на действия посетителя, обрабатывать клики мыши, перемещение курсора, нажатие на клавиатуру и т.п.
Посылать запросы на сервер и загружать данные без перезагрузки страницы(эта технология называется "AJAX").
Получать и устанавливать cookie, запрашивать данные, выводить сообщения…и многое, многое другое!
Слайд 7
![Что НЕ умеет JavaScript JavaScript не может читать/записывать произвольные файлы](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/349061/slide-6.jpg)
Что НЕ умеет JavaScript
JavaScript не может читать/записывать произвольные файлы на
жесткий диск, копировать их или вызывать программы. Он не имеет прямого доступа к операционной системе.
JavaScript, работающий в одной вкладке, не может общаться с другими вкладками и окнами, за исключением случая, когда он сам открыл это окно или несколько вкладок из одного источника (одинаковый домен, порт, протокол).
Из JavaScript можно легко посылать запросы на сервер, с которого пришла страница. Запрос на другой домен тоже возможен, но менее удобен, т.к. и здесь есть ограничения безопасности.
Слайд 8
![Простая программа на JavaScript var a, b; var S ,](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/349061/slide-7.jpg)
Простая программа на JavaScript
var a, b;
var S , P;
a =
parseFloat(prompt("Введите длину прямоугольника:", "0"));
b = parseFloat(prompt("Введите ширину прямоугольника:", "0"));
S = a * b;
P = 2 * (a + b);
alert("Площадь прямоугольника равна " + S);
alert("Периметр прямоугольника равен " + P);
Слайд 9
![Базовые типы: числа (Number)](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/349061/slide-8.jpg)
Базовые типы: числа (Number)
Слайд 10
![Операторы](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/349061/slide-9.jpg)
Слайд 11
![Базовые типы: строки (String)](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/349061/slide-10.jpg)
Базовые типы: строки (String)
Слайд 12
![Базовые типы: булев (Boolean) “100” == 100 true “100” === 100 false](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/349061/slide-11.jpg)
Базовые типы: булев (Boolean)
“100” == 100 true
“100” === 100 false
Слайд 13
![Логические операторы](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/349061/slide-12.jpg)
Слайд 14
![Переменные](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/349061/slide-13.jpg)
Слайд 15
![Манипуляции с типами](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/349061/slide-14.jpg)
Слайд 16
![Приведение типов](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/349061/slide-15.jpg)
Слайд 17
![Тривиальные типы](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/349061/slide-16.jpg)
Слайд 18
![Управляющие конструкции](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/349061/slide-17.jpg)
Слайд 19
![Функции](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/349061/slide-18.jpg)
Слайд 20
![Возврат значений](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/349061/slide-19.jpg)
Слайд 21
![Области видимости](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/349061/slide-20.jpg)
Слайд 22
![Использование переменных](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/349061/slide-21.jpg)
Слайд 23
![Замыкания](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/349061/slide-22.jpg)
Слайд 24
![Объектный тип: Объект (Object)](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/349061/slide-23.jpg)
Объектный тип: Объект (Object)
Слайд 25
![Свойства объекта](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/349061/slide-24.jpg)
Слайд 26
![Свойства объекта: варианты](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/349061/slide-25.jpg)
Свойства объекта: варианты
Слайд 27
![Сравнение и передача значений](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/349061/slide-26.jpg)
Сравнение и передача значений
Слайд 28
![Методы объекта](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/349061/slide-27.jpg)
Слайд 29
![Что такое this](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/349061/slide-28.jpg)
Слайд 30
![Объектный тип: Массив (Array)](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/349061/slide-29.jpg)
Объектный тип: Массив (Array)
Слайд 31
![Длина массива](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/349061/slide-30.jpg)
Слайд 32
![Получение строки из массива](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/349061/slide-31.jpg)
Получение строки из массива
Слайд 33
![Сложение массивов](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/349061/slide-32.jpg)
Слайд 34
![Сортировка массива](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/349061/slide-33.jpg)
Слайд 35
![Работа с концом массива](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/349061/slide-34.jpg)
Слайд 36
![Работа с началом массива](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/349061/slide-35.jpg)
Слайд 37
![Вставка и удаление в любом месте](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/349061/slide-36.jpg)
Вставка и удаление в любом месте
Слайд 38
![Что мы имеем?](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/349061/slide-37.jpg)
Слайд 39
![Преобразование числа в строку](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/349061/slide-38.jpg)
Преобразование числа в строку
Слайд 40
![Преобразование строки в число](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/349061/slide-39.jpg)
Преобразование строки в число