
L1_ПДС
.pdfЛекция 1. JavaScript |
Лекция 5. |
Лексическая структура.
Типы данных, значения и переменные. Инструкции, операторы и выражения. Условные инструкции
Лекция 2. JavaScript
Массивы. Циклы. Функции.
Лекция 3. Классы и объекты
Объекты.
Тип данных Object.
Свойства и методы экземпляров Object. Конструкторы.
Прототипы и наследование. Пользовательские объекты. Встроенные объекты JavaScript.
Лекция 4. DOM и обработка событий
Обзор модели DOM.
Выбор элементов документа.
Структура документа и навигация по документу. Создание, вставка и удаление узлов. Управление встроенными стилями. Управление таблицами стилей.
Типы событий. События модели DOM.
Регистрация обработчиков событий. Вызов обработчиков событий. События загрузки документа. События мыши.
События колесика мыши. События клавиатуры.
Работа с протоколом HTTP
Объект XMLHttpRequest (AJAX). GET, POST.
XML.
JSON.
Оптимизация производительности
JavaScript
Скорость загрузки сценария. Скорость доступа к данным.
Потеря производительности при обращении к
DOM.
Производительность инструкций. Неэффективные операции со строками. Максимальное время выполнения сценария. Оптимальный формат данных для AJAX.
Библиотека jQuery
Функция $().
Методы манипуляции элементами документа. Селекторы.
Обработчики событий. Визуальные эффекты. Реализация AJAX.

императивный подход декларативный подход
1. |
взять ведро 15л |
хочу красную стену с фасада, |
2. |
развести красную краску для |
а откосы у окон белые |
|
фасадных работ |
|
3.красить горизонтальными рядами смещаясь сверху вниз
4.через 30 мин. по завершению покраски фасада взять емкость
1л
5. развести белую краску
6. ...

императивный подход декларативный подход
императив |
декларатив |
– (лат. imperativus
1. взять ведро 15л
повелительный)
2. развести красную краску для фасадных работ
3требование. красить горизонтальными, приказ, закон рядами смещаясь сверху вниз
4.через 30 мин. по завершению покраски фасада взять емкость
1л
5.развести белую краску
6. ...
– (фр. déclaration заявление,
хочу краснуюбланкстену) с фасада, а откосы у окон белые
повествующий, описывающий, определяющий

императивный подход декларативный подход
1. |
взять ведро 15л |
хочу красную стену с фасада, |
2. |
развести красную краску для |
а откосы у окон белые |
|
фасадных работ |
|
3. |
красить горизонтальными |
речь о том, что должно |
речь о том, что нужно |
||
|
рядами смещаясь сверху вниз |
получиться |
|
делать |
|
4. |
через 30 мин. по завершению |
|
|
покраски фасада взять емкость |
|
|
1л |
|
5. |
развести белую краску |
|
6. ...

императивный подход декларативный подход
Императивное
программирование
1.взять ведро 15л
2.-развестипоследовательностькр сную краску для
инструкцийфасадныхдляработдостижения 3. красить горизонтальными
желаемого результата
рядами смещаясь сверху вниз
4.через 30 мин. по завершению покраски фасада взять емкость
1л
5.развести белую краску
6. ...
Декларативное
программирование
хочу красную стену с фасада,
а откосы у окон бе ые
- описание желаемого
результата

взять ведро 15л
развести красную краску для фасадных работ
красить горизонтальными рядами смещаясь сверху вниз
через 30 мин. по завершению покраски фасада взять емкость
1л
развести белую краску
Инструкция 1
Инструкция 2
Инструкция 3
Инструкция n

Инструкция 1
Инструкция 2
Инструкция 3
Инструкция n
найти в странице тег div с идентификатором box
перекрасить его в красный цвет
посчитать ширину окна браузера в пикселях
задать ширину div-a в пикселях - 50% от ширины окна браузера
разместить div по центру окна

найти в странице тег div с идентификатором box
перекрасить его в красный цвет
окна браузера в пикселях
задать |
|
пикселях |
от ширины окна |
|
браузера |
разместить div по центру окна
объект |
|
имя |
div |
box |
|
цвет |
|
красный |
ширина |
|
50% |
выравнивание |
центр |

императивный подход декларативный подход
1. |
взять ведро 15л |
хочу красную стену с фасада, |
2. |
развести красную краску для |
а откосы у окон белые |
|
фасадных работ |
|
3.красить горизонтальными рядами смещаясь сверху вниз
4.через 30 мин. по завершению покраски фасада взять емкость
1л
5. развести белую краску
6. ...

императивный подход декларативный подход
1. |
взять |
15л |
|
хочу красную стену с фасада, |
2 |
развести |
|
для |
а откосы у окон белые |
|
фасадных |
|
|
|
|
красить горизонтальными |
|
||
|
смещаясь сверху вниз |
|
||
4. |
через |
завершению |
|
|
|
покраски фасада |
емкость |
|
|
|
1л |
|
|
|
5. |
развести белую краску |
|
|
6. ...