From Scratch Web Games: A Beginners Guide to Game Development using HTML, CSS, and JavaScript
Table of Contents
Chapter 1 - Introduction
Chapter 2 - HTML Basics
- HTML Basics Cheat Sheet
- What is HTML
- Structure of a HTML Document
- Tags and Elements
- Special Symbols
- Links
- Images
- Lists
- Tables
- HTML Only Game Project
- HTML Only Game Solution
- Bonus article
Chapter 3 - CSS Basics
- CSS Basics Cheat Sheet
- What is CSS
- Setting up Style Sheets
- Blocks, Spans, and Selectors
- Classes
- Colours
- Hexadecimal color codes
- Fonts
- Box Model
- Link styles
- Styling Lists
- Styling Tables
- Webbus project
- Webbus solution
- Christmas Total Conversion
Chapter 4 - JavaScript Basics
- 4.1 Cheat Sheets
- 4.2 History of JavaScript
- 4.3 Comment Controversy
- 4.4 Variables
- 4.5 (extra) How Computers Represent Data
- 4.6 Math
- 4.7 Math functions
- 4.8 Strings
- 4.9 Calculating true and false
- 4.10 If (Conditional statements)
- 4.11 Nested condition
- 4.12 Switch statement
- 4.13 Functions
- 4.14 Looping
- 4.15 Nested loops
- 4.16 Accessing the Web page
- 4.17 Events
- 4.18 Project: Where’s Wendy
- 4.19 Project implementation
Chapter 5 - HTML Forms
- 5.1 Cheat Sheets
- 5.2 The client-server model coming July 28th.
- 5.3 The Form tag coming August 11th.
- 5.4 Inputting text coming August 18th.
- 5.5 Specialized text formats coming August 25th.
- 5.6 Organizing the form coming September 8th.
- 5.7 checkboxes & radio buttons coming September 15th.
- 5.8 Numbers and Dates cComing September 22nd.
- 5.9 special purpose input types coming September 29th.
- 5.10 Option Select coming October 6th.
- 5.11 Data Lists coming October 20th.
- 5.12 Output coming October 27th.
- 5.13 dialog box concepts coming November 3rd.
- 5.14 using dialog boxes coming November 17th.
- 5.15 Validating forms coming November 24th.
- 5.16 processing forms as an array coming December 1st.
- 5.17 Project: Trivia coming December 8th.
- 5.18 Trivia Project Solution coming December 15th.
About this book
This web edition of From Scratch Web Games is the first draft version of the book with sections being released on a weekly basis (with some interruptions). The goal is to teach the reader how to create games using HTML, CSS, and JavaScript from scratch. By from scratch, I mean being able to take a text editor or IDE and create a game using no third-party libraries. While this may not necessarily be the approach you would use for a commercial product, having the knowledge to do this makes working on any web-based project easier as you will understand the underlying work even if you are using third-party materials.
Most of the chapters will have a game-related project that builds on your current knowledge. My version of the game will be posted on Spelchan.com with the repository being TBD. It is urged you attempt the projects on your own before looking at my code or solution sections as the best way of learning is by doing.