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 Conditional expressions (if) - Coming April 28th, 2024
- 4.11 Nested condition - Coming May 5th, 2024
- 4.12 Switch statement - Coming May 12th, 2024
- 4.13 Functions - Coming May 19th, 2024
- 4.14 Looping - Coming May 26th, 2024
- 4.15 Nested loops - Coming June 2nd, 2024
- 4.16 Accessing the Web page - Coming June 9th, 2024
- 4.17 Events - Coming June 16th, 2024
- 4.18 Project: Where’s Wendy - Coming June 23rd, 2024
- 4.19 Project implementation - Coming June 30th, 2024
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.