Embed Size (px)
Citation preview
Десктоп-подобные веб преложения
Владимир Колесников
ПриложенияСтраницы
Веб приложения
ПриложенияСтраницы
Веб приложения
ПриложенияСтраницы
Веб приложения
ПриложенияСтраницы
Веб приложения
ПриложенияСтраницы
Веб приложения
Паттерны
Ctrl+A ↑ ↓
Паттерны
Drag & Drop, copy & paste, direct manipulation
Паттерны
Патерны
Паттерны
Анатомия (идеал)
HTML
CSS
JavaScriptДанные
Представление
Управление
Анатомия+AJAX
HTML
CSS
JavaScriptУправлениеПредставлениеДанные
Данные
Представление
Анатомия+AJAX (реальный мир)
HTML
CSS
JavaScriptДанныеПредставлениеУправление
ПредставлениеУправление
УправлениеПредставлениеДанные
Убираем HTML
JavaScript
JavaScript
JavaScriptДанные
Представление
Управление
Views
+ CSS, CSS, CSS
Views
SplitView, Toolbar, Slider, Table, Radio, Label….
Layout
Начальное положение и якоря (anchors)
Left = 100px, top = 200px, width = 300px, height = 24 pxAnchors = left, right, bottom
Layout
Темы• Набор ресурсов– Бэкграунды– Цвета– Картинки– Стили
Темы
23 px
6 px 12 px
12 px
Средства• Управление зависимостями + cборка• Тестирование• Разработческий сервер• Генераторы, расширения редакторов• Дизайнер интерфейсов*
Мысли напоследок• Unobtrusive is evil• Less code• Web development is overpriced
