class-notes.txt

MOBILE APPLICATION DEVELOPMENT
- modernizer: http://modernizr.com/
- html5 boiler plate: http://html5boilerplate.com/
- Jquery and JQuery mobile.
- Jquery is a high level interface to JavaScript.
- CSS media queries.com
- model view control(mvc):
model: 
view: presentation
control: 

- backbone.js: mvc framework to build j avascript applications.
- sencha: jquery but better graphics.
- ngauthier.com/2012/02/raphael-backbone-traer.html
- next class: finish foundations of programming. Start media queries,
  javascript.
- boilerplate html will provide the framework for our projects.
1. Determine the audience.
2. Phi = 1.618
mv html5-boilerplate /html5

mv .htaccess htaccess

- Best for responsive:
   information
   eCommerce
   absolute response?
- IAB.com: advertisement standards
- use ems instead of pxs for devices:

margin: 1em;
paddgin: 1em;
// size of the font will determine the size of the em.

- one e is equal to the size of an m
- use % for h tags
ex. h1 { font-size: 200%}
  h2 {font-size: 180%, 140%, 100%}

- use ems and %
- headings: use %
- float: clears line return from the line return


- Thursday - Test: what is a media query, writing a media query, what is responsive design, responsive design lynda video questions. 1 hour test
- Test: Responsive web design videos, media queries

- Data roll

1. jQuery mobile script link.
2. 

- what is event binding?
- what is an event loop, game loop
- what are call back functions?
- prebuilt jquery events: http://api.jquerymobile.com/category/events/
- swipe events, etc.
- 

Project
- generates it's own html
- dynamically generates its screens using backbone
- connects to an external data source - external data source: flicker, etc
- jQuery mobile
- Multi-tier architecture.
- data for the client should be cached from the server side.
- http://www.programmableweb.com/api/annotatedearth-location