Notes (2012-06-08)
Download as KEY, PDF•0 likes•238 views
The document discusses web apps, defining them as websites that perform a useful function, are targeted at smartphones, and are built using web technologies with some native code. It covers aspects of developing web apps such as tools, tricks, and trade-offs involved in the development process. The key tasks in developing a web app are conceptualizing what it will do, creating wireframes, developing the server-side code, client-side code, and native wrappers for different devices.
Notes (2012-06-08)
- 1. web apps with christopher pitt
- 2. what are web apps?
- 3. what are web apps? web apps are different things to different people
- 4. what are web apps? web apps are different things to different people we need to define what web apps are before we know what to build
- 5. definition
- 6. definition web apps are websites
- 7. definition web apps are websites web apps perform a useful function
- 8. definition web apps are websites web apps perform a useful function web apps are targeted at smartphones
- 9. definition web apps are websites web apps perform a useful function web apps are targeted at smartphones web apps are built in web technologies but also require some native code to function well
- 10. case studies what popular websites can you think of that might benefit from being web apps?
- 11. case studies what popular websites can you think of that might benefit from being web apps? facebook as a web app...
- 12. case studies what popular websites can you think of that might benefit from being web apps? facebook as a web app... gmail as a web app...
- 13. native what native languages are used for iphone, android and blackberry?
- 14. native what native languages are used for iphone, android and blackberry? objective-c (c/c++)
- 15. native what native languages are used for iphone, android and blackberry? objective-c (c/c++) java
- 16. native what native languages are used for iphone, android and blackberry? objective-c (c/c++) java qt
- 17. native what native languages are used for iphone, android and blackberry? objective-c (c/c++) java qt html (proprietary)
- 18. client what client-side languages might we use in building web apps?
- 19. client what client-side languages might we use in building web apps? html(5)
- 20. client what client-side languages might we use in building web apps? html(5) css(3)
- 21. client what client-side languages might we use in building web apps? html(5) css(3) javascript
- 22. server what server-side languages might we use in building web apps?
- 23. server what server-side languages might we use in building web apps? php
- 24. server what server-side languages might we use in building web apps? php sql
- 25. server what server-side languages might we use in building web apps? php sql ...node.js
- 27. aspects of development tools
- 28. aspects of development tools tricks
- 29. aspects of development tools tricks trade
- 30. tools
- 31. tools sdk
- 33. tools sdk ide (dreamweaver, xcode) browser (chrome, please!)
- 34. tools sdk ide (dreamweaver, xcode) browser (chrome, please!) console
- 35. tools sdk ide (dreamweaver, xcode) browser (chrome, please!) console dms (phpmyadmin)
- 36. tools sdk ide (dreamweaver, xcode) browser (chrome, please!) console dms (phpmyadmin) cvs (git/github)
- 37. tricks
- 39. tricks edgy html/css/javascript thinking in screens
- 40. tricks edgy html/css/javascript thinking in screens keeping it lean
- 41. tricks edgy html/css/javascript thinking in screens keeping it lean client pitfalls
- 42. trade
- 43. trade wireframe
- 49. tasks
- 55. conceptualise
- 56. conceptualise what does the application do?
- 57. conceptualise what does the application do? what are the data objects involved?
- 58. conceptualise what does the application do? what are the data objects involved? how do they interact?
- 59. wireframe
- 60. wireframe what do the screens look like?
- 61. wireframe what do the screens look like? what does each button do?
- 62. wireframe what do the screens look like? what does each button do? can some elements be named/grouped?
- 63. server
- 65. server create database objects create api endpoints
- 66. client
- 68. client create interface structure create ajax requests for api endpoints
- 69. client create interface structure create ajax requests for api endpoints create screens from wireframes
- 70. native
- 71. native create wrapper for iphone/ipad
- 72. native create wrapper for iphone/ipad create wrapper for android
- 73. native create wrapper for iphone/ipad create wrapper for android create wrapper for blackberry
Editor's Notes
- #2: \n
- #3: \n
- #4: \n
- #5: \n
- #6: \n
- #7: \n
- #8: \n
- #9: \n
- #10: \n
- #11: \n
- #12: \n
- #13: \n
- #14: \n
- #15: \n
- #16: \n
- #17: \n
- #18: \n
- #19: \n
- #20: \n
- #21: \n
- #22: \n
- #23: \n
- #24: \n
- #25: \n
- #26: \n
- #27: \n
- #28: \n
- #29: \n
- #30: \n
- #31: \n
- #32: \n
- #33: \n
- #34: \n
- #35: \n
- #36: \n
- #37: \n
- #38: \n
- #39: \n
- #40: \n
- #41: \n
- #42: \n
- #43: \n
- #44: \n
- #45: \n
- #46: \n
- #47: \n
- #48: \n
- #49: \n
- #50: \n
- #51: \n
- #52: \n
- #53: \n
- #54: \n
- #55: \n
- #56: \n
- #57: \n
- #58: \n
- #59: \n
- #60: \n
- #61: \n
- #62: \n
- #63: \n
- #64: \n
- #65: \n
- #66: \n
- #67: \n
- #68: \n
- #69: \n
- #70: \n
- #71: \n
- #72: \n
- #73: \n
- #74: \n