Слайд 2
![Интерактивность сайтов](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/91829/slide-1.jpg)
Слайд 3
![Что такое JavaScript? Прототипно-ориентированный сценарный язык программирования Появился в 1995](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/91829/slide-2.jpg)
Что такое JavaScript?
Прототипно-ориентированный сценарный язык программирования
Появился в 1995 году
Автор Брендан Эйх
Дополнительная
информация: https://learn.javascript.ru/intro
Слайд 4
![Назначение JavaScript Работа с HTML-тегами(удаление, добавление, изменение стилей и т.](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/91829/slide-3.jpg)
Назначение JavaScript
Работа с HTML-тегами(удаление, добавление, изменение стилей и т. п.)
Реагировать на
действия посетителя, обрабатывать клики мыши, перемещения курсора, нажатия на клавиатуру и т.п.
Посылать запросы на сервер и загружать данные без перезагрузки страницы (AJAX).
Получать и устанавливать cookie, запрашивать данные и многое другое
Слайд 5
![Особенности JavaScript Полная интеграция с HTML/CSS. Поддерживается всеми распространёнными браузерами и включён по умолчанию. Нестрогая типизация](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/91829/slide-4.jpg)
Особенности JavaScript
Полная интеграция с HTML/CSS.
Поддерживается всеми распространёнными браузерами и включён по
умолчанию.
Нестрогая типизация
Слайд 6
![Синтаксис JavaScript](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/91829/slide-5.jpg)
Слайд 7
![Операторы сравнения JavaScript](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/91829/slide-6.jpg)
Операторы сравнения JavaScript
Слайд 8
![Циклы и условные операторы в JavaScript](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/91829/slide-7.jpg)
Циклы и условные операторы в JavaScript
Слайд 9
![Классы в JavaScript](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/91829/slide-8.jpg)
Слайд 10
![«Окружение» браузера](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/91829/slide-9.jpg)
Слайд 11
![DOM-дерево](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/91829/slide-10.jpg)
Слайд 12
![Работа c DOM](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/91829/slide-11.jpg)
Слайд 13
![Технология AJAX Asynchronous Javascript and XML — «асинхронный JavaScript и](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/91829/slide-12.jpg)
Технология AJAX
Asynchronous Javascript and XML — «асинхронный JavaScript и XML» —
подход к построению интерактивных пользовательских интерфейсов веб-приложений, заключающийся в «фоновом» обмене данными браузера с веб-сервером
Слайд 14
![Http-запросы в JavaScript](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/91829/slide-13.jpg)
Http-запросы в JavaScript
Слайд 15
![Формат JSON](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/91829/slide-14.jpg)
Слайд 16
![Библиотеки и фреймворки JavaScript JQuery Underscore Requare Backbone Angular React](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/91829/slide-15.jpg)
Библиотеки и фреймворки JavaScript
JQuery
Underscore
Requare
Backbone
Angular
React
Слайд 17
![Библиотека JQuery Текущая версия: 3.1.1 Официальный сайт: http://jquery.com/](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/91829/slide-16.jpg)
Библиотека JQuery
Текущая версия: 3.1.1
Официальный сайт: http://jquery.com/
Слайд 18
![Синтаксический «сахар»](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/91829/slide-17.jpg)