JavaScript Practice - Build 5 applications
4.6 (15 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.
3,342 students enrolled

JavaScript Practice - Build 5 applications

Source Code and step by step instruction to build 5 mini JavaScript applications from scratch
4.6 (15 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.
3,342 students enrolled
Created by Laurence Svekis
Last updated 11/2019
English
English [Auto]
Current price: $129.99 Original price: $199.99 Discount: 35% off
8 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 2.5 hours on-demand video
  • 29 articles
  • 3 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 59 lectures 02:29:47
+ Coin Toss Application
9 lectures 22:11
JavaScript Setup
03:25
Element Event Triggers
04:27
Source Code
00:09
Source Code
00:12
Check Winner Logic
04:20
Source Code
00:20
Coin Toss Game Code Review
04:29
Source Code
00:20
+ Magic 8 Ball random response
4 lectures 09:07
Magic 8Ball Setup
03:21
Source Code
00:07
Randomly Respond to Question.
05:26
Source Code
00:13
+ Combo cracker game application
12 lectures 37:12
Source Code
00:08
JavaScript Create Elements
05:05
Source Code
00:17
Random Combo generator
02:41
Source Code
00:17
Guess Checker and Response
05:15
Source Code
00:21
Player Scoring
06:05
Source Code
00:31
Combo Lock Code Review
12:33
Source Code
00:42
+ Scramble words word guess application
14 lectures 26:56
Word Scrambler Setup
02:48
Source Code
00:08
Game interaction and output
02:33
Source Code
00:11
Randomize Array
04:27
Source Code
00:15
Random order array
04:40
Source Code
00:20
Gameplay JavaScript
02:23
Source Code
00:21
Player Guess checker
04:07
Source Code
00:33
Code Review Word Game
03:36
Source Code
00:33
+ JavaScript countdown timer
16 lectures 46:33
Countdown Timer Setup
05:10
Source Code
00:09
Get time set Countdown
02:35
Source Code
00:13
Calculate Time Left
11:06
Source Code
00:25
Update InnerHTML elements
05:08
Source Code
00:29
Interval Updater
05:03
Source Code
00:33
LocalStorage JavaScript
04:37
Source Code
00:37
Countdown Timer Code Review
06:01
Source Code
00:37
Bonus CSS updates
03:02
Source Code
00:45
+ Bonus content and resources
2 lectures 01:27
Source Code for all apps zipped
00:13
Bonus Lecture
01:13
Requirements
  • Fundamental JavaScript concepts
  • Access to computer
  • Use of editor to write code
  • HTML and CSS knowledge
Description

Practice JavaScript HERE!!!

Building 5 applications from scratch

Coin Toss Application - is it heads or tails

  • Setting up HTML elements and selecting them using JavaScript

  • Making elements interactive event listeners

  • How to apply conditions for game logic

  • Checking win conditions and game end function

  • Selecting elements querySelector and querySelectorAll

  • Manipulating HTML element content

  • JavaScript Math random and Math floor methods

  • Source Code included

Magic 8 Ball - find out the answer to your questions

  • Element manipulation and selection

  • JavaScript DOM Document Object Model

  • Interaction with event listeners

  • Math.floor() Math.random()

  • Random response content

Combination Cracker - can you guess the combo lock

  • JavaScript dynamically create elements

  • Select and add interactive content

  • Variables and objects for scoring

  • Math.random() make it unpredictable

  • Setting element attributes

  • Adding and removing element classes

  • Adding to element object data

  • Win conditions and game end functions

  • Element color updates and manipulation

  • Element selection

  • Game logic and building sequence

Word Scramble - guess the word

  • JavaScript arrays - randomize array contents

  • Element selection and manipulation of DOM content

  • Interactive event listeners

  • Dynamic class updates

  • Element object data

  • JavaScript Math random and Math methods

Countdown Timer - Pick a date and see how much time is left with a dynamically updating counter

  • Select and update elements on the page

  • Explore using JavaScript methods like Math, Date, setInterval,  clearInterval

  • Make it interactive add event listeners

  • Dynamic values with querySelector

  • Loops of objects


    Step by step lessons - source code included

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

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
  • Web developers
  • Webmasters
  • Anyone who wants to learn to make a JavaScript game without any libraries