Login
Patrick Morrow/CHALLENGE 1: The Chessboard
Buy now

  • $2.50

CHALLENGE 1: The Chessboard

This short challenge has been designed to encourage you to develop your thought processes. The full solution is provided.
Buy now

Contents

INTRODUCTION

The Development Environment.mp4

CREATING THE DEFAULT CHESSBOARD PATTERN

In this section you will learn how to create the default 8 x 8 chessboard pattern.
The HTML page and first row
Using PHP loops to create the grid
Styling the chessboard

ADDING OPTION DROPDOWNS

Challenge - Create a size dropdown
Challenge Solution - Create a size dropdown
Challenge Solution - Refactoring the dropdown code
Challenge - Create a color select
Challenge Solution - Create a color dropdown

ADDING BOOTSTRAP

Challenge - Add Bootstrap for styling
Challenge Solution: Add Bootstrap for styling