https://github.com/jollen/html5-game-bubble-r2
https://github.com/jollen/html5-game-bubble-r2
Last synced: 12 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/jollen/html5-game-bubble-r2
- Owner: jollen
- Created: 2013-10-05T02:39:26.000Z (over 12 years ago)
- Default Branch: master
- Last Pushed: 2013-10-12T07:49:59.000Z (over 12 years ago)
- Last Synced: 2025-01-19T05:59:26.168Z (over 1 year ago)
- Language: JavaScript
- Size: 816 KB
- Stars: 0
- Watchers: 3
- Forks: 4
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
2013.10.05: HTML5 & JavaScript 應用與雲端服務整合開發
## Stage 1
Refactor 912492d7adb5c4368c1496af87a632f694f30b62
- Move JavaScript code to main.chat.js
- Using JavaScript closure (module)
- Using yepnope loader
## Stage 2
Mapping view and data
- Using key-value pairs (ViewModel): use JSON to present key-value data
- Using Backbone (fully application framework) for applying ViewModel, or
- Simple template library (eg. [jquery template](https://github.com/BorisMoore/jquery-tmpl))
- UI made easy: use Bootstrap CSS framework
## Stage 3
Application
- Use Bootstrap navbars
- Responsive design by Bootstrap
## Stage 4
Send data
- Use WebSocket send()
- Connect Open API: AJAX and RESTful
- Not use AJAX method: if so, either jQuery way or Backbone way is good
- Not use RESTful API: refactor URL query string to REST spec
## Stage 5
Going mobile
- Use PhoneGap: build.phonegap.com or Eclipse+PhoneGap
- Use viewport
- Use Mixins (LESS) to set media query of 'screen' height
## Stage 6
Using PhoneGap APIs
- Camera web app
## Stage 7
Enter Nodejs: Developing Web service
- Create a Web server
- Handling URL routing
- Create WebSocket server
- Handling requests
## Stage 8
Using package.json
- for releasing software
## Final Stage
- Use jQuery AJAX and JSON data instead of query string
- use preventDefault()
- use jQuery UI Touch Punch ('touchmove' event)
- Try Express.js and understanding RESTful