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
- 5.3 The Form tag
- 5.4 Inputting text
- 5.5 Specialized text formats
- 5.6 Form Cosmetics
- 5.7 checkboxes & radio buttons
- 5.8 Numbers and Dates
- 5.9 special purpose input types
- 5.10 Option Select
- 5.11 Data Lists
- 5.12 Output
- 5.13 dialog box concepts
- 5.14 using dialog boxes
- 5.15 Validating forms
- 5.16 JavaScript Validation
- 5.17 Project: Trivia
- 5.18 Trivia Project Solution
Chapter 6 - CSS Layout
- 6.1 Cheat Sheets
- 6.2 The Layout problem
- 6.3 Display blocks
- 6.4 Flexible Boxes
- 6.5 Grid - Coming February 23rd
- 6.6 Grid Templates - Coming March 2nd
- 6.7 Multiple columns - Coming March 9th
- 6.8 Floating - Coming March 16th
- 6.9 Position - Coming March 23rd
- 6.10 Media Queries - Coming March 30th
- 6.11 Project: Tic-Tac-Toe - Coming April 6th
- 6.12 Project Solution - Coming April 13th
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.