That is a very cool HTML5 app example.
How do I start to learn about "The basics of using LC to develop HTML5 apps on a website."?
Actually it is fairly easy to deploy a stack to a website.
In your stack you choose in standalone settings "HTML5" and then build your standalone. It will built a standalone in a folder that contains currently (for DP 10) 4 files.
You upload those for (or more for e.g. DP13) into a folder you create on your website. You could use ftp or cPanel to do that.
Then you use the link to the html file (in this case the steampunkprogress.html) as a full link (berndniggemann.on-rev.com/steam/steampunkprogress.html) and that is it.
Some things to note. HTML5 is currently not finalized as far as features are concerned and some things are bound to be changed. DP12 and DP13 were slow as far as animations are concerned that is why I used DP10 for animation heavy stacks.
When doing animation for HTML5 it is important to use "send in time" instead of a repeat loop to do a screen refresh. But since using "send in time" is a good idea for animation anyways, no big deal.
That is about it, the rest is experimenting what works out of the box or what has to be tweaked for HTML5. Up until now you can not call your server from within a HTML5 app. This limits the use of HTML5 apps to being self contained. No saving of data between sessions.
When the HTML5 app is built using the community version of LC you have a small "LC" icon on the bottom right which lets you download the stacks, you unzip them an can inspect the stack.
All my HTML5 Examples use the community edition and you can see the stacks. Hermann has a some examples that also let you download the stacks.