1. Паб и Саб
два веселых гуся

2. 1987

6. Виды джаваскрипт
кода

7. Виды джаваскрипт кода

8. Виды джаваскрипт кода

9. Виды джаваскрипт кода

10. Гіпербола

11. Гіпербола
Стилістична фігура явного і навмисного
перебільшення для посилення виразності і
підкреслення сказаної думки.

12. var TimeOff;
TimeOff = function() {};
TimeOff.prototype.days = function()
{};
TimeOff.prototype.setActive =
function() {};
/* ... */
timeOff = new TimeOff(/* ... */);

13. /* '#d' = '#datepicker' */
$('#d').click(function () {
timeOff.setActive();
});
$('#d span[date]').click(function () {
$('#counter').html(timeOff.days());
});

14. $('#d').click(function () {
timeOff.setActive();
});
/* ... */
$(function () {
timeOff.setActive();
});
/* ... */
$(document).ajaxComplete(function () {
timeOff.setActive();
});

15. $(function () {
$.pub('dom:loaded')
});
$(document).ajaxComplete(function () {
$.pub('ajax:loaded')
});
$.sub('ajax:loaded', 'dom:loaded',
function () {
$.pub('document:changed')
});

16. $.sub(
'document:changed',
function () {
timeOff.refresh()
}
);
$.sub(
'datepicker:selected',
function () {
timeOff.refresh();
}
);

17. $('#d').click(function () {
$.pub('datepicker:selected');
});
$('#d span[date]').click(function () {
$.pub('datepicker:selected');
});
$('#d .close').click(function () {
$.pub('datepicker:unselected');
})

18. var calendar = new Calendar(/*...*/);
var datepicker = new Datepicker({
/*...*/
calendar: calendar
});

19. var calendar = new Calendar(/*...*/);
var datepicker = new Datepicker({
calendar: calendar
});
/*...*/
$.sub('calendar:changeLimitable', function
(limit) {
calendar.changeLimit(limit);
});
$.sub('calendar:changeDuration', function
(duration) {
calendar.changeLimit(duration);
});

20. $('select#timeOffNotes').change(function ()
{
$.pub(
'calendar:changeLimitable',
$(this).val()
);
});
$('select#dateType').change(function () {
$.pub(
'calendar:changeDuration',
+$(this).val()
);
});

21. $.pub('TimeOff:changed', {
id: 'TO-71123',
{
days: ['21-12-2012', '22-12-2012'],
type: 'sickness',
limited: true
}
})

22. итого

23. Отделяем мух от котлет

24. Отделяем мух от котлет
Котлеты делим на фарш и рис

25. Модели
логика предметной области

26. Модели
Элементы интерфейса
Объекты дерева документа

27. Модели
Элементы интерфеса
Подписчики
Посредник между моделями и интерфейсом

28. Модели
Элементы интерфеса
Подписчики
Библиотеки
Джиквери-плагины

29. Модели
Элементы интерфеса
Подписчики
Библиотеки
Джиквери-плагины
Старый код

30. ?

31. !