2. О себе
• 3 года опыта в качестве html5
разработчика
– Мобильные веб игрушки
– Мобильные веб приложения
• 2 года занимался Flex/Flash
– Игрушки
– RIA
3. Веб приложения
• Что это такое?
• HTML5
• Как делать?
• С помощью чего делать?
4.
5. Отличия от сайта
• Сайт ориентирован на представление
некоей информации. Основная задача -
удобный доступ к содержимому и
навигация.
• Веб-приложение - приложение,
выполняемое в браузере.
6. Еще отличия
• Веб приложение !== мобильная версия
сайта
• Веб приложение !== phone gap,
appcelerator (native обертки)
• Веб приложение, как правило,
одностраничное, веб сайт -
многостраничный
7.
8. Ограничения
• Множество размеров экрана
• Скорость анимации
• Скорость javascript
• Качество картинок и шрифтов не так
важно
• Медленное соединение
– Чем меньше запросов, тем лучше
– Чем меньше размер ресурсов, тем лучше
– Чем меньше запросов на один домен, тем лучше
9. Роль HTML5
• HTML5 - это не только верстка
• Набор технологий позволяющие в
браузере выполнять задачи без плагинов
и нативного кода
• На мобильных браузерах поддержка в
целом лучше чем на десктопных
14. По полочкам - клиент
• MV* - каркас для приложения
• Application cache - кешируем ресурсы
• Offline storage - кешируем данные
• Templating - шаблонизаторы на стороне клиента
• Interaction - протокол взаимодействия с сервером
• CSS3 - позволяет реализовать львиную долю UI
эффектов
• Локализация - рано или поздно она будет нужна
15. По полочкам - клиент
• Анимация
• События ввода пользователя
• Медиа контент
• Шрифты
• Баннера
• Трекинговые системы
19. Как выбирать
• Предметная область
• Взаимодействие с сервером
• Пользовательский интерфейс
• Опыт предыдущей разработки
• Документация
• Поддержка сообщества
24. XML - если вдруг
• jQuery selectors
– Шелковый путь
• SAX
– http://code.google.com/p/jssaxparser/
– https://github.com/isaacs/sax-js
• XPath
– http://www.nczonline.net/blog/2009/03/17/xpath-in-javascript-part-1/ - в
10 раз быстрее на iOS, на Android - нету совсем.
• DOM API
– Путь для джедаев, хорош, когда все остальные исчепаны
25. Отладка
• Отладка на iOS шаг за шагом
• Удаленная отладка на Chrome
• Удаленная отладка на Firefox
• Удаленная отладка Mobile Opera
• Weinre - универсальный отладчик
26. Тестирование
• Хороший обзор и анализ фреймворков дл
я тестирования
• Тестирование приложений на Backbone с
использованием Jasmine
• Sinon.JS