koss, how to make desktop caliber browser apps
Post on 08-May-2015
1.214 Views
Preview:
TRANSCRIPT
Саша КоссФронт-енд разработчик
Tuesday, June 7, 2011
Как выиграть в войне веб-приложений против нативных
Tuesday, June 7, 2011
Tuesday, June 7, 2011
Существует ли проблема?
Tuesday, June 7, 2011
Сильные стороны нативных приложений
Tuesday, June 7, 2011
Мгновенная отдача
Tuesday, June 7, 2011
Оффлайн
Tuesday, June 7, 2011
Интерфейс
Tuesday, June 7, 2011
ОС
Tuesday, June 7, 2011
Сильные сторонывеб-приложений
Tuesday, June 7, 2011
Доступ с любого девайса *
* подключенного к интернету
Tuesday, June 7, 2011
Данные в облаках
Tuesday, June 7, 2011
Things Cloud Sync
Tuesday, June 7, 2011
Совместный доступ
Tuesday, June 7, 2011
Веб FTW
Tuesday, June 7, 2011
Современные браузеры
Tuesday, June 7, 2011
Оффлайн
3.5+
4+
5+
10.6+
2.1+
2+
Tuesday, June 7, 2011
Кэш манифест
CACHE: что кэшируем
FALLBACK: если файла нет в кэше
NETWORK: что только онлайн
Tuesday, June 7, 2011
rack-offlinehttps://github.com/wycats/rack-offline
Tuesday, June 7, 2011
jquery.offline.jshttps://github.com/wycats/jquery-offline
Tuesday, June 7, 2011
Хранение данных с сервера
localStorage
Tuesday, June 7, 2011
localStorage
8+
3.5+
4+
4+
10.5+
2+
2+
Tuesday, June 7, 2011
localStorage
Tuesday, June 7, 2011
5 мегабайт хватит всем!
Tuesday, June 7, 2011
https://github.com/marcuswestin/store.js
store.js
IE6+, Firefox 3+, Safari 4+, Chrome 5+, Opera 10+, iOS 2+, Android 2+
Tuesday, June 7, 2011
http://amplifyjs.com/api/store
Amplify Store
IE5+, Firefox 2+, Safari 4+, Chrome 5+, Opera 10.5+, iOS 2+, Android 2+
Tuesday, June 7, 2011
JavaScript шаблонизация
JS шаблоны
Tuesday, June 7, 2011
Handlebarshttp://handlebars.strobeapp.com/
Tuesday, June 7, 2011
handlebars-rails gemhttps://github.com/jamesarosen/handlebars-rails
app/views/blogs/show.html.hbs
Tuesday, June 7, 2011
templates gemhttps://github.com/kossnocorp/templates
Данные в JSON
Шаблоны
localStorage
Tuesday, June 7, 2011
pushState
4+
5+
8+
4.3+
Tuesday, June 7, 2011
pushState
Tuesday, June 7, 2011
history.jshttps://github.com/balupton/history.jsIE6+, Firefox 3+, Safari 4+, Chrome 5+, Opera 10+, iOS, Android
http://example.com/#posts/42 http://example.com/posts/42
Tuesday, June 7, 2011
Утопия
Шаблоны
Данные
Оффлайн
localStorage
Tuesday, June 7, 2011
Tuesday, June 7, 2011
Что ещё?
Tuesday, June 7, 2011
Веб-сокеты
4+
5+
4+
11+
4.2+
Tuesday, June 7, 2011
Веб-воркеры
3.5+
✔
✔
10.6+
✔
✔
Tuesday, June 7, 2011
Доступ к ФС
4+
6
6+
12+
3
Tuesday, June 7, 2011
http://www.html5rocks.com/
Tuesday, June 7, 2011
Как выжить?При таком количестве JS кода?
Tuesday, June 7, 2011
Backbone.jshttp://documentcloud.github.com/backbone/
Tuesday, June 7, 2011
MVC2
МодельМодельМодель
КоллекцияВью
Tuesday, June 7, 2011
CoffeeScripthttp://jashkenas.github.com/coffee-script/
Tuesday, June 7, 2011
Cappuccino
SproutCore
ExtJS
RIA?
Tuesday, June 7, 2011
Что это нам даёт?
Tuesday, June 7, 2011
@kossnocorp
kossnocorp@gmail.com
http://koss.nocorp.me
Как со мной связаться?
Tuesday, June 7, 2011
top related