JavaScript Dice Game Node.js HTML5 CSS3

Name: JavaScript Dice Game Node.js HTML5 CSS3
Rating: 4.8 (2 reviews)

JavaScript Browser Game Development

Created byErik Petersson

Last updated 7/2022

English

What you'll learn

To create a fully functioning browser game made in JavaScript.
Designing HTML buttons, inputs, text and other types of game buttons.
Having a project you can use when applying for developer & programming jobs.
Land a job as a game developer using JavaScript to create browser games.

Course content

5 sections • 44 lectures • 5h 2m total length

Introduction4:43
Course introduction, explaining what you are going to learn and develop within this course.
Nodejs & Visual Studio Code5:28
The software required to create the browser game.

Section Objective1:35
Explaining the objective within this section.
npm installation and Folder Creation6:11
Creating the starting folder with project json files.
Node.js Programming9:45
Starts the coding adventure.
Creating a Webserver10:45
The website will be up and running.
app.js Completion6:27
Finishing up the code inside app.js file.
HTML Programming & Validation Check6:59
The structure of the html tags.
HTML & Web Design6:57
Writing HTML and css code.
Input Fields & Submit Buttons10:06
Creating input fields.
JavaScript Start Game Function9:56
Start Game Function creation.
Source Code0:02
Source Code.

Section Objective1:14
Explaining the objective within this section.
Add Player Function User Input Data7:32
Add player function.
Adding a New Player10:14
Adding new players.
Input Field Web Design7:58
Creating input fields web design.
Add & Start Button Design9:46
Start & Add button web design.
Applying More CSS9:52
Applying more web design.
Function Player List Creation10:16
Player list function.
Player List For Loop7:47
For looping players list.
Player Input Fields8:22
Player's input fields.
Source Code0:02
Source Code.

Section Objective2:43
Explaining the objective within this section.
Player Guess Function 2 Parameters11:13
Player's guess function.
Disable Player Input Fields17:07
Disable player inputs.
All Players Are Ready5:44
When all players are ready.
Disabling Inputs Easier?9:53
Disable player inputs.
Roll Dice Function8:37
Rolling dices for each player.
Player Log9:37
Player log, logging all the game data.
Next Round9:50
Next round game feature.
Sort Players By Lowest Score6:47
Sorting players by lowest score.
Players To Eliminate7:39
Which players are going to be eliminated.
Source Code0:02
Source Code.

Section Objective2:17
Explaining the objective within this section.
Lato Google Font4:08
Implementing Lato Font.
No Winner GameStatus10:11
No winner Gamestatus.
Remove Players5:56
Removing players.
Crowning a Winner8:06
Crowning a winner.
Display Winner Only6:55
Displaying the winner only.
The Final JavaScript Lecture9:29
Final JavaScript lecture.
Final Web Design12:18
The final web design lecture.
Validate CSS1:39
Validating the css code.
Source Code0:02
Source Code.
Bonus Lecture0:08

Requirements

No Programming experience needed. You will learn everything in the course.

Description

In this course you will be developing a web browser dice game using JavaScript. This course is designed for absolute beginners to take you from zero knowledge to develop your first JavaScript game with me. Within this course you're developing a dice game where players make a guess and see if their guess is correct. The dice rolls 1-6 and the winner with highest score after all elimination rounds will be crowned winner. Web design is included within this course. JavaScript is powerful to learn, Not only for front end web development but JavaScript is similar to other programming languages so by learning JavaScript you will learn other programming languages faster. If you're interested you should watch the Introduction video and then take the course! I designed this programming course to be easily understood by absolute beginners.

Build a strong JavaScript programming foundation with this course for beginners.

Building a web browser JavaScript game.
Front End web development using JavaScript. (core learning objective of this course)
Web Development using HTML 5.
Web Design using CSS.
Using modern fonts for your website.
Variables, functions, if statements, for loops.
400 lines of well commented JavaScript code.

JavaScript & Nodejs is powerful skill to learn

JavaScript & Nodejs are free programming languages that are easy to learn. JavaScript is mostly used for front end web development like animations and browser games. Nodejs is JavaScript used as a server side language to create web servers and connections to databases. By learning JavaScript/nodejs you will have the knowledge to continue with other languages that are similar such as Java, C#, C, C++. The programming concepts in these programming languages are similar to those in nodejs with some differences.

Your Instructor

My name is Erik Petersson and I have years of experience within various programming languages. My core skill lies within nodejs and full stack web development which includes a lot of JavaScript. I've used JavaScript and nodejs to create many different kinds of applications and browser games. I started my journey by studying to become a certified .net developer for 2 years in Kalmar and I used C# to develop the back end for web applications. With my skills in C# I've built 3D games in Unity. I have over 2 years experience in online teaching and I teach on multiple platforms.

Why this course?

• The course to take if you wish to learn JavaScript web browser game development.
• You have lifetime access, you will get new content for free.
• At a very generous price.
• Downloadable code so you can use my code for free.
• 1080p HD videos.

Who this course is for:

Beginners Programming
Beginner JavaScript Developers
Beginner Web Developer
Game Developers
Browser Game Developers

JavaScript Dice Game Node.js HTML5 CSS3

What you'll learn

Explore related topics

Course content

Introduction2 lectures • 10min

Project Start & Programming10 lectures • 1hr 9min

Adding Players To The Game10 lectures • 1hr 13min

Player Clicks Submit Button11 lectures • 1hr 29min

GameStatus & Crown a Winner11 lectures • 1hr 1min

Requirements

Description

Who this course is for: