JavaScript - 3 Practice building applications from Scratch
4.7 (7 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
2,935 students enrolled

JavaScript - 3 Practice building applications from Scratch

Learn JavaScript Build 3 Interactive JavaScript Based Games step by step lessons
4.7 (7 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
2,935 students enrolled
Created by Laurence Svekis
Last updated 11/2019
English
English [Auto]
Current price: $12.99 Original price: $19.99 Discount: 35% off
14 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 2 hours on-demand video
  • 27 articles
  • 9 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • How to use JavaScript
  • How to create elements dynamically
  • Manipulate elements using JavaScript
Course content
Expand all 55 lectures 02:09:35
+ Rock Paper Scissors Game
12 lectures 25:57
Source Code
00:07
Make it interactive event listeners
03:10
Source Code
00:08
Math Random Computer Play.
03:51
Source Code
00:12
Check Winner of Game
04:50
Source Code
00:21
Update Score GamePlay
03:21
Source Code
00:26
Player Message Function
05:36
Source Code
00:35
+ Ultimate Dice Game
21 lectures 46:44
JavaScript Element Objects
02:45
Source Code
00:15
JavaScript Math Random
05:16
Source Code
00:21
Winner Logic Conditions
02:53
Source Code
00:27
Add Dice Face Visual
02:32
Source Code
00:29
Create Elements using JavaScript
04:45
Source Code
00:23
Remove Element inside Parent
04:27
Source Code
00:24
Dots to the Dice Dynamically
07:03
Source Code
00:31
Dice Game Tweaks and Adjustments
01:02
Source Code
00:32
Rebuild Dice Game
03:29
Source Code
00:36
Dice game ready
05:24
Source Code
00:42
+ Pattern Matching Game
18 lectures 48:56
Source Code
00:13
JavaScript Create Game Board
04:57
Source Code
00:19
Dynamic and Interactive Elements
03:26
Source Code
00:22
Store Sequence in Array
04:47
Source Code
00:28
JavaScript Set Timeout of style
02:24
Source Code
00:34
Random Sequence of Colors
08:10
Source Code
00:39
Complete Sequence Loop
01:48
Source Code
00:40
End Gameplay Check
05:05
Source Code
00:44
Code Code review and Tweaks
10:05
Pattern Match Game Final Source Code
00:48
+ Source Code - Resources and bonus content
2 lectures 02:01
Final Source Code
00:48
Bonus Lecture
01:13
Requirements
  • Fundamental JavaScript concepts
  • Access to computer
  • Use of editor to write code
  • HTML and CSS knowledge
Description

Practice using JavaScript while building out several fun interactive projects from scratch

Rock Paper Scissors Game

  • Select elements from HTML - Document Object Model

  • Loop add event listeners to all matching elements

  • Use functions to execute blocks of code at key points within the gameplay

  • JavaScript Math - to generate random values

  • If else statements to check winner and play game

  • Game logic to determine winner

  • Update and manipulate elements

Ultimate Dice Game

  • Use querySelector to select elements

  • Array to build dice visually

  • Random to create random values

  • Create elements on the fly using JavaScript

  • Remove elements using JavaScript

  • Traverse elements

  • Set element attributes adding removing classes

  • Apply game logic and flow

Pattern matching game

  • Use of JavaScript to setup game board grid

  • JavaScript array to build game board

  • querySelector for element selection from HTML elements

  • adding interaction with event listeners

  • Element manipulation and updating

  • Adding to arrays

  • Updating element style

  • Use of JavaSCript methods setTimeout(), appendChild(), toString()

  • Use of conditions for game logic

  • Game source code review and tweaking

No libraries, no shortcuts just learning JavaScript making it DYNAMIC and INTERACTIVE web application.

Prefect course for beginners to learn JavaScript!!! 

Step by step learning with all steps included.

Beginner JavaScript knowledge is required as the course covers only JavaScript relevant to the building of the game.  Also HTML and CSS knowledge is essential as scope of this course is all JavaScript focused.  

Along with friendly support in the Q&A to help you learn and answer any questions you may have.

Try it now you have nothing to lose, comes with a 30 day money back guarantee.  

Start building your own version of the game today!!!!



Who this course is for:
  • Beginners to JavaScript
  • Anyone who wants to practice writing JavaScript
  • Anyone who wants to learn to make a JavaScript game without any libraries
  • Web developers
  • Webmasters