Lc1_2015_Введение ПДС
.pdf
Введение |
|
Основы алгоритмизации |
Лк. 1 |
Лк. 2
JavaScript (синтаксис)
Лексическая структура
Лк. 3
|
Лк. 4 |
|
|
Объекты в JavaScript |
|
Объекты. Функция как объект. |
Лк. 5 |
Пользовательские объекты |
|
|
|
DOM и обработка событий |
|
Web API (DOM API). События DOM |
Лк. 6 |
Разработка |
|
AJAX. MVC (шаблон проектирования). |
|
|
|
Библиотеки и фреймворки (jQuery, AngularJS, |
|
BackboneJS). Плагины (программные |
Лк. 7 |
модули). Оптимизация производительности
Лб. 1 |
Переменные и |
|
|
||||
массивы |
|
|
|||||
|
|
|
|||||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
||
Лб. 2 |
Следование |
|
|
|
|||
Лб. 3 |
Ветвление |
|
|
|
|
||
Лб. 4 |
Цикл |
|
|
|
|
||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Лб. 5 |
Функции |
||||||
Лб. 6 |
|||||||
|
|
|
|
|
|
||
|
|
|
|
|
|||
|
|
|
|
|
|||
Лб. 7 |
Классы базового API |
|
|||||
Лб. 8 |
Пользовательские |
|
|||||
объекты |
|
||||||
|
|
||||||
|
|
|
|
|
|
|
|
Лб. 9 |
|
|
|
|
|
|
|
Лб. 10 |
DOM и события |
|
|
|
|||
Лб. 11 |
|
|
|
|
|
|
|
|
|
|
|
||||
|
|
|
|||||
Лб. 12 |
AJAX |
|
|||||
Лб. 13 |
jQuery |
|
|
|
|
|
|
Лб. 14 |
Модули |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Введение
Основы алгоритмизации: ИМПЕРАТИВНОЕ ПРОГРАММИРОВАНИЕ, СТРУКТУРНОЕ ПРОГРАММИРОВАНИЕ, ПРОЦЕДУРНОЕ ПРОГРАММИРОВАНИЕ .
JavaScript (синтаксис)
Лексическая структура: ТИПЫ ДАННЫХ, ЗНАЧЕНИЯ И ПЕРЕМЕННЫЕ , ИНСТРУКЦИИ, ОПЕРАТОРЫ И ВЫРАЖЕНИЯ, УСЛОВНЫЕ ИНСТРУКЦИИ, МАССИВЫ, ЦИКЛЫ. Функции: ФУНКЦИОНАЛЬНАЯ ДЕКОМПОЗИЦИЯ , РЕКУРСИВНЫЙ ВЫЗОВ
Объекты в JavaScript
ТИП ДАННЫХ OBJECT, СВОЙСТВА И МЕТОДЫ ОБЪЕКТОВ , ВСТРОЕННЫЕ ОБЪЕКТЫ БАЗОВОГО API. ОБЪЕКТ КАК ВОЗВРАЩАЕМОЕ ЗНАЧЕНИЕ, ЗАМЫКАНИЯ, ОБЪЕКТ КАК АРГУМЕНТ. Пользовательские объекты: КОНСТРУКТОРЫ, ПРОТОТИПЫ И НАСЛЕДОВАНИЕ , ПРОГРАММИРОВАНИЕ С ИСПОЛЬЗОВАНИЕМ ОБЪЕКТОВ
Лк. 1
Лк. 2
Лк. 3
Лк. 4
Лк. 5
DOM и обработка событий
Web API (DOM API): СТРУКТУРА ДОКУМЕНТА, НАВИГАЦИЯ ПО ДОКУМЕНТУ, ВЫБОР ЭЛЕМЕНТОВ ДОКУМЕНТА, СОЗДАНИЕ УЗЛОВ, ВСТАВКА И УДАЛЕНИЕ УЗЛОВ , РАБОТА С АТРИБУТАМИ ЭЛЕМЕНТОВ ДОКУМЕНТА, РАБОТА С ФОРМАМИ, РАБОТА С СОДЕРЖИМЫМ ЭЛЕМЕНТОВ ДОКУМЕНТА, УПРАВЛЕНИЕ СТИЛЯМИ CSS, УПРАВЛЕНИЕ ТАБЛИЦАМИ СТИЛЕЙ . События DOM: ОБРАБОТЧИКИ СОБЫТИЙ, СОБЫТИЕ ЗАГРУЗКИ ДОКУМЕНТА , СОБЫТИЕ МЫШИ, СОБЫТИЕ СКРОЛЛИНГА, СОБЫТИЕ КЛАВИАТУРЫ
Разработка
AJAX. MVC (шаблон проектирования). Библиотеки и фреймворки (jQuery, AngularJS, BackboneJS). Плагины (программные модули). Оптимизация производительности
Лк. 6
Лк. 7
императивный подход декларативный подход
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. ...
Декларативное
программирование
хочу красную стену с фасада,
а откосы у окон бе ые
- описание желаемого
результата
императивные языки |
декларативные языки |
программирования |
программирования |
JavaScript HTML
ActionScript 3.0 |
XML |
PHP |
CSS |
C, C++, JAVA, C#, |
SQL |
Pascal, Basic |
|
императивные языки |
декларативные языки |
программирования |
программирования |
JavaScript |
HTML |
ActionScript 3.0 |
XML |
программирование |
верстка |
C, C++, JAVA, C#,
Pascal, Basic
CSS
SQL
ПОСЛЕДОВАТЕЛЬНОСТЬ
ИНСТРУКЦИЙ
инструкция
инструкция - указание устанавливающее порядок и способ выполнения чего-либо
инструкция - команда в императивном языке программирования