Frontendlab: Фреймворк Duranda js - Виктор Сотов

Фреймворк    Durandal.JS

Виктор Сотов

DataArt

Выбор фреймворка

Почему Durandal • Минимальный порог входа • Мощная композиция представлений • Богатая событийная модель страницы • Построен на известных библиотеках

(knockout, requirejs, jQuery) • Модульный

Содержание • Структура приложения • Модули • Представления •  Композиция • Роутинг • Pub & Sub

Структура приложения

Модули

Пример модуля define(['durandal/app', 'knockout'], function (app, ko) { var name = ko.observable(); return { displayName: 'What is your name?', name: name, sayHello: function() { app.showMessage('Hello ' + name() + '!', 'Greetings'); } }; });

Observable модуль •  Никаких ko.observable() •  Использование обычных JS объектов •  Легко включить

Views

Обычный HTML

Связывание обрабатывается KnockoutJS

Жизненный цикл страницы

Композиция

Пример • Простая композиция

• Шаблонная композиция

Роутинг

Пример конфигурации

Параметризированный роутинг • Маршрут

• Использование

Pub & Sub • Publish

• Subscribe

Другие возможности • Диалоги • Виджеты • Сборка проекта

Q & A

Links • Durandaljs.com

• Docs - Durandaljs.com/docs