Showing posts with label Native. Show all posts
Showing posts with label Native. Show all posts
Tuesday, September 24, 2013
Phonegap, HTML5, Hybrid apps
Phone Gap at CBDW By Ray Camden
html5 offline of AppCache
More on App Cache http://alistapart.com/article/application-cache-is-a-douchebag
http://blog.kevinchisholm.com/html5-javascript/html5-offline-web-applications-part-iii-the-applicationcache-javascript-object/
hybrid app
IBM WorkLight
Several videos on HTML5
iOS developer Library
Chrome Web Store
Front End Vimeo talks
Monday, September 23, 2013
Saturday, September 21, 2013
Mobile shootout with Jason Michael Perry from FigLeaf
Mobile shootout
Consulting with NC AOC
Works with alot of frameworks. He likes iOS
Co Author of Free Teach Yourself Sencha in a day. Also wrote a book on ExtJS
Such a new industry with Objective C and mobile.
For alot of applications, building something that works on all platforms will do the job
Built a reference app - Friends with Beer
Built it with 3 platforms
layout, Theming, Data Interobibility,Media Handling
1) jQuery Mobile (DOM easy rampup), 2) Sencha, 3) appcelerator titanium (converts js to native)
jQuery Mobile - html markup
jQuery mobile falls apart doesn't do a lot, low level data calls like in jQuery
need to bring stuff in to do stuff such as library like backbone, mainly does UI piece
template engine doesnt exist have to use Moustache templates
Good things is alot of IDE support
Tooling: Aptana, Dreamweaver, Codiqa (awesome web based tool ), Theme Roller from jQuery Mobile site.
Very repetitive with markup such as footer and headers
Put js at end of page makes it faster.
Strengths: know DOM , suppports all devices, great way to get started
Weaknesses: doesn't scale well, no built in MVC, performance worst, needs 3rd party plugins ( i.e. maps is a plugin jquery ui maps plugin), styling not as easy. No compiling engine.
Best for small projects or multi page apps.
Best practice is each pieces views and break them up but here its one file.
dom attribute TEL to make a phone call.
Sencha Touch
- whats makes it awesome is tools like Sencha Architect 3(WYSIWG, shows code generated) to build pages
do everything in javascript , no dom
declarative structure
works with model structure and stores (collection of models)
json p call
3party support sucky
Sencha cmd3 - takes app and minfies it
SASS - syntactically awesome stylesheets
Can create overrides in architect to custom components
sencha eclipse plugin
senchas command - stub a project generate code - ant compile tool
Sencha Architect pricing - insane functionality
Better than jquery mobile performance
Well suited for large projects Fig leaf tutorials
Built own thing but moving phone gap
Packaged web view that is not native
Open source release code everyone with license
App accelerator
Eclipse based App accelerator
Bought Aptana for IDE titanium studio
Native Closed source Mvc
Support android
Cloud based tools Alloy XML structure Data handling uses backbone
Consulting with NC AOC
Works with alot of frameworks. He likes iOS
Co Author of Free Teach Yourself Sencha in a day. Also wrote a book on ExtJS
Such a new industry with Objective C and mobile.
For alot of applications, building something that works on all platforms will do the job
Built a reference app - Friends with Beer
Built it with 3 platforms
layout, Theming, Data Interobibility,Media Handling
1) jQuery Mobile (DOM easy rampup), 2) Sencha, 3) appcelerator titanium (converts js to native)
jQuery Mobile - html markup
jQuery mobile falls apart doesn't do a lot, low level data calls like in jQuery
need to bring stuff in to do stuff such as library like backbone, mainly does UI piece
template engine doesnt exist have to use Moustache templates
Good things is alot of IDE support
Tooling: Aptana, Dreamweaver, Codiqa (awesome web based tool ), Theme Roller from jQuery Mobile site.
Very repetitive with markup such as footer and headers
Put js at end of page makes it faster.
Strengths: know DOM , suppports all devices, great way to get started
Weaknesses: doesn't scale well, no built in MVC, performance worst, needs 3rd party plugins ( i.e. maps is a plugin jquery ui maps plugin), styling not as easy. No compiling engine.
Best for small projects or multi page apps.
Best practice is each pieces views and break them up but here its one file.
dom attribute TEL to make a phone call.
Sencha Touch
- whats makes it awesome is tools like Sencha Architect 3(WYSIWG, shows code generated) to build pages
do everything in javascript , no dom
declarative structure
works with model structure and stores (collection of models)
json p call
3party support sucky
Sencha cmd3 - takes app and minfies it
SASS - syntactically awesome stylesheets
Can create overrides in architect to custom components
sencha eclipse plugin
senchas command - stub a project generate code - ant compile tool
Sencha Architect pricing - insane functionality
Better than jquery mobile performance
Well suited for large projects Fig leaf tutorials
Built own thing but moving phone gap
Packaged web view that is not native
Open source release code everyone with license
App accelerator
Eclipse based App accelerator
Bought Aptana for IDE titanium studio
Native Closed source Mvc
Support android
Cloud based tools Alloy XML structure Data handling uses backbone
Introduction to Phonegap with Raymond Camden Part 2
Suggests Chrome dev tools .
Ripple Emulator was best in past . Broken now. In repair mode.
"If you are doing mobile and they don't buy the hardware - Quit!"
desktop tools:
ios remote debugging with iOS simulator
http://caniuse.com/ - http://caniuse.com/#feat=css-filters
Android chrome not part of device now. Has its own stock browser
Phonegap Build
build.phonegap.com/apps: https://build.phonegap.com/people/sign_in
new folder, put index.html in it
put github url or zip file upload it
building for 6 different platforms.
can install it from the website
http://www.raymondcamden.com/index.cfm/2013/7/19/PhoneGap-30-Released--Things-You-Should-Know
http://www.raymondcamden.com/index.cfm/2012/8/23/PhoneGap-Build-adds-Hydration
Single page application phonegap is best for. Doesn't work so well for multi page apps.
Topcoat.io http://topcoat.io/ - looks like bootstrap
http://www.chocolatechip-ui.com/
http://www.webkit.org/building/debug.html
Pebble l- looks like a watch http://getpebble.com/
Using_the_application_cache - compares whet you have to the server
http://mustache.github.io/
Ripple Emulator was best in past . Broken now. In repair mode.
"If you are doing mobile and they don't buy the hardware - Quit!"
desktop tools:
ios remote debugging with iOS simulator
http://caniuse.com/ - http://caniuse.com/#feat=css-filters
Android chrome not part of device now. Has its own stock browser
Phonegap Build
build.phonegap.com/apps: https://build.phonegap.com/people/sign_in
new folder, put index.html in it
put github url or zip file upload it
building for 6 different platforms.
can install it from the website
http://www.raymondcamden.com/index.cfm/2013/7/19/PhoneGap-30-Released--Things-You-Should-Know
http://www.raymondcamden.com/index.cfm/2012/8/23/PhoneGap-Build-adds-Hydration
Single page application phonegap is best for. Doesn't work so well for multi page apps.
Topcoat.io http://topcoat.io/ - looks like bootstrap
http://www.chocolatechip-ui.com/
http://www.webkit.org/building/debug.html
Pebble l- looks like a watch http://getpebble.com/
Using_the_application_cache - compares whet you have to the server
http://mustache.github.io/
Introduction to Phonegap with Raymond Camden
Intro Phone Gap
Raymond works for Adobe after mainly being a server side developer. Client side the past few years.
https://github.com/cfjedimaster/Introduction-to-PhoneGap
open source name is Cordova - currently they are the same code
shell around a web view , enhances html "adding cowbell" .
Mozilla has spec for working with batteries. PG tries to follow the specifications.
His focus is android and iOS
write once and modify in every other platform. Not write once and use everywhere.
Can write 95% of application.
Globalization broken in 3.0 - data number formatting, fixed in 3.1
Storage - web sql for storing on client - local storage product for small sets of data.
w3c worked with spec websql (dead) - but not for mobile , new thing is indexdb, but not used on mobile much
Can use javascript libraries with - cant talk to js on different server - new cors library for this,
no UI in phone gap -let others do this
Demo app : UnTappd - built on web standards - good example of phonegap
Can use command line for generating code folders for iOS and Droid
Brackets is open source editor that he uses.
PhoneGap build - dont worry about sdk builds and does it for you , free tier and for pay tier
new install process makes use of Node, you dont need to know it to use it, node product manager NPN
He suggests Node but don't need to know it to use phone gap. He is not big command line person.
command line is:
phonegap
phonegap help cerate
phonegap help remote build
phonegap create MyLittleKittenIsEpic
folders:
merges
platforms
www
command:
phone local run local ios
phonegap run local android
in www is an index.html, didnt use eclipse
phonegap 3 has changed things, camera tweak, app slimmer, will support nothing, need feature, tell me u want to use it, must use command line to add to baseline. i.e. add camera api
phonegap local plugin add X
where x is location of plugin i.e. url
docs.phonegap.com/
docs mentions cordova command line, difft than phonegap one, phonegap one better
hello world convert into binary
he uses zepto a toned down implementation version ofjquery
he likes geolocation library
navaigator.geolocation.getCurrentPosition(function (geo) {...
don't have to be js ninja with phonegap
Raymond works for Adobe after mainly being a server side developer. Client side the past few years.
https://github.com/cfjedimaster/Introduction-to-PhoneGap
open source name is Cordova - currently they are the same code
shell around a web view , enhances html "adding cowbell" .
Mozilla has spec for working with batteries. PG tries to follow the specifications.
His focus is android and iOS
write once and modify in every other platform. Not write once and use everywhere.
Can write 95% of application.
Globalization broken in 3.0 - data number formatting, fixed in 3.1
Storage - web sql for storing on client - local storage product for small sets of data.
w3c worked with spec websql (dead) - but not for mobile , new thing is indexdb, but not used on mobile much
Can use javascript libraries with - cant talk to js on different server - new cors library for this,
no UI in phone gap -let others do this
Demo app : UnTappd - built on web standards - good example of phonegap
Can use command line for generating code folders for iOS and Droid
Brackets is open source editor that he uses.
PhoneGap build - dont worry about sdk builds and does it for you , free tier and for pay tier
new install process makes use of Node, you dont need to know it to use it, node product manager NPN
He suggests Node but don't need to know it to use phone gap. He is not big command line person.
command line is:
phonegap
phonegap help cerate
phonegap help remote build
phonegap create MyLittleKittenIsEpic
folders:
merges
platforms
www
command:
phone local run local ios
phonegap run local android
in www is an index.html, didnt use eclipse
phonegap 3 has changed things, camera tweak, app slimmer, will support nothing, need feature, tell me u want to use it, must use command line to add to baseline. i.e. add camera api
phonegap local plugin add X
where x is location of plugin i.e. url
docs.phonegap.com/
docs mentions cordova command line, difft than phonegap one, phonegap one better
hello world convert into binary
he uses zepto a toned down implementation version ofjquery
he likes geolocation library
navaigator.geolocation.getCurrentPosition(function (geo) {...
don't have to be js ninja with phonegap
Subscribe to:
Posts (Atom)