Developing HTML5 Games from Scratch: A Solid Foundation
Watch the first few minutes on us! If you'd like to watch the entire video and hundreds more like it, download code samples, access offline videos and skills assessments, and use the discussion forums, log in or purchase a subscription.
Instructor
Description
If you're the kind of developer who likes to be in complete control, then you'll probably want to build your game from the ground up, using all your own code. Even if you aren't, there's still ample reason to understand the basics of building from scratch. In this video, we'll build a solid foundation for a simple HTML5 game. You'll learn how to choose tools to be more productive, some best practices for structuring your code, helpful JavaScript patterns, and techniques for rendering canvas-based games on mobile devices.
Table of Contents
| 00:00:00 | Introduction |
| 00:00:42 | Preparation is Crucial |
| 00:03:04 | Choosing Your Tools |
| 00:04:23 | WebMatrix: Source Control and Deployment (Demo) |
| 00:12:37 | Grokking Grunt |
| 00:14:01 | Setting Up Grunt (Demo) |
| 00:24:39 | Cleaning the Lint Filter |
| 00:25:35 | Getting Your Feelings Hurt with JSLint (Demo) |
| 00:30:51 | Keeping Your Code Organized |
| 00:32:57 | Immediately Invoked Function Expression (IIFE) |
| 00:33:58 | Revealing Module Pattern |
| 00:35:46 | Project Structure and JavaScript Patterns (Demo) |
| 00:42:19 | Saving Custom Templates for WebMatrix (Demo) |
| 00:47:14 | Dealing with Mobile Devices |
| 00:49:04 | Mobile Rendering |
| 00:51:38 | Rendering for Mobile (Demo) |
| 01:05:06 | Summary |
Related Links
- Lesson 1 Code Samples (requires a paid subscription)
Series
This course is part of the following series: