колесников Rit 16x9

673 views
631 views

Published on

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
673
On SlideShare
0
From Embeds
0
Number of Embeds
201
Actions
Shares
0
Downloads
26
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • Выбор нескольких элементов (управление выделением и фокусом)
  • Управление скроломо
  • Прогрессивный (ленивый) рендеринг/загрузка.
  • Управление текстовым выделением
  • 3 места для исправления багов, сложность поддержки, 3 вида ресурсов при деплое, проблемы при управлении зависимостями
  • MVC на клиенте, Очень простой сервер. JSON, plain javascript/ models в Model, Генерации html через JS
  • Кроссбраузероно, наследование
  • Верстка в пикселях, простые правила. Верстаем под начальное положение + правила ресайза (якоря). Расстояние между краем и заякоренной стороной константное. Лэйаут расчитывается JS.
  • колесников Rit 16x9

    1. 1. Десктоп-подобные веб-приложения <ul><li>Владимир Колесников </li></ul>
    2. 2. Веб-приложения Приложения Страницы
    3. 3. Веб-приложения Приложения Страницы
    4. 4. Веб-приложения Приложения Страницы
    5. 5. Веб-приложения Приложения Страницы
    6. 6. Веб-приложения Приложения Страницы
    7. 8. Паттерны Ctrl+A ↑ ↓
    8. 9. Паттерны Drag & Drop, copy & paste
    9. 10. Паттерны
    10. 11. Паттерны
    11. 12. Паттерны
    12. 13. Анатомия (идеал) HTML CSS JavaScript Данные Представление Управление
    13. 14. Анатомия+AJAX HTML CSS JavaScript Данные Представление Управление Представление Данные
    14. 15. Анатомия+AJAX (реальный мир) HTML CSS JavaScript Данные Представление Управление Представление Управление Управление Представление Данные
    15. 16. Убираем HTML JavaScript JavaScript JavaScript Данные Представление Управление
    16. 17. Views + CSS, CSS, CSS
    17. 18. Views SplitView, Toolbar, Slider, Table, Radio, Label….
    18. 19. Layout Начальное положение и якоря (anchors) Left = 100px, top = 200px, width = 300px, height = 24 px Anchors = left, right, bottom
    19. 20. Layout
    20. 21.
    21. 22.
    22. 23. Темы <ul><li>Набор ресурсов </li></ul><ul><ul><li>Бэкграунды </li></ul></ul><ul><ul><li>Цвета </li></ul></ul><ul><ul><li>Картинки </li></ul></ul><ul><ul><li>Стили </li></ul></ul>
    23. 24. Темы 23 px 6 px 12 px 12 px
    24. 25. Средства <ul><li>Управление зависимостями + cборка </li></ul><ul><li>Тестирование </li></ul><ul><li>Разработческий сервер </li></ul><ul><li>Генераторы, расширения редакторов </li></ul><ul><li>Дизайнер интерфейсов* </li></ul>
    25. 28. Мифы <ul><li>Не работает в старых браузерах </li></ul><ul><li>Слишком много кода, долго грузится </li></ul><ul><li>Похоже на мак </li></ul>
    26. 30. Мифы <ul><li>Не работает в старых браузерах </li></ul><ul><li>Слишком много кода, долго грузится </li></ul><ul><li>Похоже на мак </li></ul>
    27. 31.
    28. 32. Владимир Колесников <ul><li>http://ukijs.org </li></ul><ul><li>[email_address] </li></ul><ul><li>twitter.com/voloko </li></ul><ul><li>github.com/voloko </li></ul>

    ×