Learn JavaScript the fun way by developing a clicker game

Name: Learn JavaScript the fun way by developing a clicker game
Rating: 4.5 (25 reviews)

Learn JavaScript fast in 3 steps, project based, javascript for beginners

Last updated 8/2018

English

What you'll learn

Understanding of Javascript programming
Being able to create a layout for another game
Being able to create a clicker game based on the idea of this project
Being able to extend this project or create a new one based on the information learned in this course
Learning programming basics of javascript in a practical way (variables, functions, conditionals)
Solving practical JavaScript Exercises

5 sections • 40 lectures • 2h 53m total length

Introduction1:13
Click to earn dollars in a money clicker game and learn JavaScript by upgrading with workers, a team leader, and a manager as costs rise.
Getting the most from this course1:02

Creating the Project Structure4:00
Introducation to Javascript5:29
JavaScript Functions6:10
Parameters vs. Arguments0:44
Javascript Variables4:03
JavaScript Arithmetic Operators5:01
JavaScript Assigment4:00
JavaScript Data Types5:02
Learn JavaScript data types by observing how numbers and strings interact in addition; quotes create strings, causing concatenation like 16 plus John, while removing quotes enables numeric addition.
JavaScript Scope4:50
JavaScript booleans, comparisons and If Else statements6:12
The JavaScript Switch Statement4:14
JavaScript Arrays3:33
JavaScript For Loop2:39
JavaScript While Loop5:09

Area of a Square2:43
Guess the number5:31
Make Day and Night5:47
Multiple of Integers4:25
Write a JavaScript program that iterates 1 to 100, printing multiples of three, multiples of five, or both, using a for loop, modulo, and logical operators.
Generate Random Password5:19
Weekend3:44
Learn to determine if a date is a weekend in JavaScript by using the or operator with getDay and display weekend or not.
Random Quote Generator4:26
Prime Number4:07
Factorial5:35

Introduction to the Project1:54
Creating the general structure of html4:46
Adding some general styles7:27
Add general styles to the clicker game by styling the manual as a 100% width dark gray area, refining the menu with spacing, borders, and interactive button states.
Uploading image3:32
30 - Creating moneyClicked() function4:27
Creating getWorker() function9:28
Create the getWorker() function to buy a worker, decrease money by the worker cost, increase money per second, and raise the worker cost after each purchase.
getWorkers() function small update3:00
Creating teamLeader() function6:01
Create a teamLeader() function to purchase team leaders, update costs and display, and add $5 per second when new leaders are bought.
getManager() challenge + solution4:34
35 - Don't Repeat Yourself (DRY)6:37
Small Improvement adding money per second variables2:44
Adding Gradient2:31
http://www.colorzilla.com/gradient-editor/
Creating the popup8:47
https://www.cssmatic.com/box-shadow
Extend Money Clicker Game1:41

No JavaScript knowledge required.

This is a JavaScript course for beginners.

Welcome to the JavaScript course. I have developed the following steps for you to learn JavaScript as fast and as good as possible.

The first step is learning JavaScript theory.

The second step is taking the theory to the next level by solving exercises.

The Third Step is taking it even further by creating a clicker game. This is a fun project!

And everything is straight to the point!

Have fun!

Beginners that would like to learn web development and Javascript by creating a fun clicker game
Students that likes to learn the fun way by doing a project and then being able to extend it, or create a new one.