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
Products
Course
PHP for Beginners - Build a Game
PHP for Beginners - Build a Game
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
Learn more
Buy now
Learn how to use PHP, HTML, CSS, jQuery to build a game. This unique course integrates many web development tools, giving you the confidence to tackle full projects.
INTRODUCTION
3 Lessons
Introduction
The development environment
Hangman overview
DEVELOPING THE CORE LOGIC
10 Lessons
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
9 Lessons
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
4 Lessons
Setting up the HTML canvas
Javascript functions
Javascript logic
Drawing on the canvas
REFACTORING THE CODE
2 Lessons
Dealing with the HTML snippets
Creating functions for the logic
ENHANCEMENTS
14 Lessons
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
5 Lessons
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