Welcome to the Javascript fun series!

You can find all of the code and project stages here:

https://github.com/chrisdixon161/fun-javascript-projects.com

For web design or development, there are 3 must-know technologies, HTML, CSS, and Javascript.

The main aim of the JavaScript fun series is to take your knowledge of these 3 (only a little is required!), and put them into practice by building a series of educational, yet fun projects that show you exactly how they work perfectly together. Working on projects and solving problems is a great way to learn.

The project we will build in this class will be a Javascript Memory Game. We show the player a grid of squares, then when clicked on, the background color is revealed. The idea is to find matching pairs to complete the game. Wrong guesses then once again hide the background color so the player needs to remember each one.

All the required tools are free to download, I will be using the following:

Visual Studio Code Text Editor: https://code.visualstudio.com

Chrome Web Browser: https://www.google.co.uk/chrome/browser

We begin by creating the user interface with HTML. We then apply styling using CSS.

Then we add Javascript, this is where the real magic happens!

You will learn things such as:

Creating HTML interfaces
Styling with CSS
Incorporating JavaScript and linking external files
Variables / Constants
Functions
Event handlers
Manipulating the DOM
Loops
Arrays & Array Methods / Properties
Animations
Conditionals
Javascript Math & Random numbers
And much more!

So if you are looking to move on and put your skills into practice by building real projects, I hope to see you in class!

John Silva

--

4