Awesome

What is this?

This is a collection of HTML5-related apps I've made that can be embedded into HTML pages, such as blog posts.

See other things I'm learning: https://github.com/hchiam/learning

Game Using Phaser Framework for HTML5

See phaserGame.

Easily Convert Temperature in Your Head

Example web app for converting temperature, with steps for quick mental calculation:

• app.html is for the structure ("organization").
• app.js is for the interaction ("actions").
• app.css is for extra presentation stuff ("style"/"looks").

Screenshot: (from hchiam.blogspot.ca/2016/09/how-to-convert-temperature-quickly-in.html)

Code7 Project

https://github.com/hchiam/code7

embedded game

Very simple HTML JavaScript game that can be embedded into a blog post:

• test.html is for the structure ("organization").
• test.js is for the interaction ("actions").

FreeCodeCamp tutorial work

Reference code from my tutorial work in www.freecodecamp.com/hchiam, for future reference notes.

• cat.html "CatPhotoApp" tutorial.
• styletest.html Testing out CSS styles and "order of operations".
• randomQuoteMachine(.html, .css, .js) Example with jQuery code to call an API by using an HTTP URL with parameters, to then parse the data fields from the JSON data reply (i.e. get its quote and author fields), and to output those fields as text in html elements.

My GitHub folder at: freeCodeCamp_TutorialWork

Codecademy tutorial work

Reference code from my tutorial work in www.codecademy.com, for future reference notes.

• makeawebsite.html html tutorial.

My GitHub folder at: codecademy

Creating Mobile Web Apps with HTML5 tutorial work

Reference code from my tutorial work in education.gale.com, for future reference notes.

• WatzThis folder mobile web app tutorial. Useful template code in this folder.
  • index.html Main code for the "WatzThis" app. Has most of the code from all related lessons.
  • index2_bridgeToNative.html Version of index.html that uses PhoneGap (aka Cordova) to "bridge" from web app to native mobile app (and hence access native functionality).
• testSVG folder You can create and embed SVG vector images as if you were writing HTML files! (It's actually in XML.)
• data-icons.html button data-icon examples.
• geocaching.html geocaching example code.
• jQueryMobile_template.html template JQM html file.
• swipesensejs.html code from http://padilicious.com/code/touchevents/swipesensejs.html for touch screen events like touchstart, touchmove, touchend, and touchcancel.
• testGoogleMapsFramework.html test Google Maps API.
• testNYTapi.js text NYT API.
• test_document.html HTML5 tutorial.

My GitHub folder at: creating_Mobile_Apps_with_HTML5

My Web Dev Sandboxes (Practice with Online Tutorials):

...

See github.com/hchiam/learning