Learn Javascript By Creating A Simple Number Guessing Game

Learn Javascript By Creating A Simple Number Guessing Game

What you'll learn

Description

I believe developing games is the best way to learn programming. So, in this class, we are going to create a simple game called 'Guess My Number'. We will be developing the game for web using HTML, CSS and JavaScript. We will write all the code on screen, we won't copy and paste code from anywhere. By the end of the class, you will have the complete game source code ready.
Here are some things you will learn in this class:

How to access and manipulate HTML elements using JavaScript


How to create beautiful UI for your games using HTML and CSS

Here are the prerequisites for this class:

Basic knowledge of HTML, CSS and JavaScript


A computer that can run a code editor


This class is designed for intermediate web developers who are looking to improve their web development skills.
We will start the class by setting up our project and creating the necessary files. Then there will be some JavaScript essential tutorials to refresh your basic JavaScript knowledge.
We will have 3 screens in our game. The start screen has the main menu, then we will have a game screen where the user can play the game. And then in the end there will be the end screen where we will display the score of the game to the user.
We will create the UI using HTML and CSS. We will also add some basic animation to the screens.
Then we will start writing the logic of the game in JavaScript. The knowledge from this class will help you understand the basic process of creating a simple game using JavaScript. Now, with this knowledge, you can start creating other simple games and then transition into creating complex games.
I hope you find this class helpful.
Happy coding!

Overview

Lesson 1:Introduction To The Class
Lesson 2:Tips On Choosing The Right Colors
Lesson 3:Setting Up The Project
Lesson 4:Writing The HTML
Lesson 5:Designing The Game Screen UI
Lesson 6:Designing The Start & End Screen UI
Lesson 7:How To Access HTML Elements In JavaScript
Lesson 8:How To Manipulate HTML Elements In JavaScript
Lesson 9:Writing The Start Game Logic
Lesson 10:Checking User Input Logic
Lesson 11:Writing The End Game Logic
Lesson 12:What Next?