PHP for Beginners - Build a Game
- Buy now
- Learn more
INTRODUCTION

Introduction
The development environment
Hangman overview
DEVELOPING THE CORE LOGIC

Grabbing the word length
Selecting a random word from an array
Selecting a random word from a text file
Dealing with letter guesses
Creating session variables
Creating a basic HTML form
Checking letter guesses against the word
When number of lives equals zero
When number of lives is greater than zero
Dealing with a win
STYLING THE GAME

Adding Bootstrap CSS files
Adding a menu
Creating include files
Styling the Current State of Play
Styling the form
Canvas and scoreboard elements
Styling the scoreboard
You Won: Creating an alert box
You Lost: Creating an alert box
DRAWING ON THE HTML CANVAS

Setting up the HTML canvas
Javascript functions
Javascript logic
Drawing on the canvas
REFACTORING THE CODE

Dealing with the HTML snippets
Creating functions for the logic
ENHANCEMENTS

Updating the form elements
Adding a dismissible alert box
CHALLENGE: Add tracking for guesses
CHALLENGE SOLUTION: Add tracking for guesses
CHALLENGE: Add a scoreboard reset button
CHALLENGE SOLUTION: Add a scoreboard reset button
CHALLENGE: Add a modal popup to confirm delete
CHALLENGE SOLUTION: Add a modal popup to confirm delete
CHALLENGE: Add a rating option
CHALLENGE SOLUTION: Add a rating option
CHALLENGE: Replace dropdown with buttons
CHALLENGE SOLUTION Part 1: Replace dropdown with buttons
CHALLENGE SOLUTION Part 2: Replace dropdown with buttons
CHALLENGE SOLUTION Part 3: Replace dropdown with buttons
EXTENSION CHALLENGE

CHALLENGE: Add multiple categories of words
Adding the Font Awesome icons
Creating the form and using jQuery to hide/show
Creating the processing functions
Embedding PHP logic into the HTML

DRAWING ON THE HTML CANVAS

In this section you will learn how to drawn on the HTML canvas.

4 Lessons