Development
Web Development
JavaScript
DOM Commander JavaScript Project Course RealWorld JavaScript
4.3 (8 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,414 students enrolled

DOM Commander JavaScript Project Course RealWorld JavaScript

JavaScript DOM Commander fun interactive web application that explores element manipulation all using JavaScript
4.3 (8 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,414 students enrolled
Created by Laurence Svekis
Last updated 11/2019
English
English [Auto]
Preview this course
DOM Commander JavaScript Project Course RealWorld JavaScript
Current price: $13.99 Original price: $19.99 Discount: 30% off
5 hours left at this price!
Buy now
30-Day Money-Back Guarantee
This course includes
  • 1 hour on-demand video
  • 11 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
  • Explore JavaScript Document Object Model
Course content
Expand all 22 lectures 57:04
+ – Application Build - Creating interactive mini application for DOM manipulation
20 lectures 53:02
Setup Elements JavaScript
03:07
Source Code Setup
00:04
JavaScript add Style
02:57
Source Code
00:09
Function Mover - JavaScript functions in action
03:06
Source Code
00:20
KeyBoard events listening for user interaction JavaScript
03:51
Source Code
00:26
Random HEX color with JavaScript Math
03:34
Source Code
00:29
Action List Maker array and creating elements JavaScript
05:38
Source Code
00:38
Element Mover run execute movement of element JavaScript
Preview 07:17
Source Code
00:52
Quick Fixes debugging and more JavaScript
03:41
Source Code
00:57
Remove Action from List array and DOM element removal JavaScript
04:47
Source Code
01:00
Final Code Review and Tweaks using JavaScript
09:07
Final Source Code
01:00
Requirements
  • Fundamental JavaScript concepts
  • Access to computer
  • Use of editor to write code
  • HTML and CSS knowledge
Description

ALL JavaScript Project - Explore how to build a keyboard command project that allows you to press keys on your keyboard and move an element on the page around.  Great to practice and learn more about how element manipulation works and how JavaScript can be used to dynamically update element attributes and contents. 

Learn more about JavaScript and how JavaScript ES6 can be applied to create amazing JavaScript projects.  Course is loaded with JavaScript Examples and perfect JavaScript for Beginners to learn more about JavaScript Online.  Writing JavaScript Code using vanilla JavaScript - no libraries no tricks this JavaScript tutorial the JavaScript Course will walk you through creating your own JavaScript code and provide many JavaScript Code Snippets for use in JavaScript programming.  Learn JavaScript with this step by step JavaScript Course. real World JavaScript

In the course we build a mini project that listens to key presses and updates an element on the page accordingly.  Topics covered include.

  • Create and element dynamically using JavaScript

  • Listen for keyboard arrow key presses

  • Track key presses and move the element accordingly

  • Run a function to move and element

  • Add elements to a page using JavaScript

  • Create an array of elements

  • Execute a list of movements on command

  • Update, Delete and move elements on the page.

  • Source Code is 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
  • Anyone who wants to learn to make a JavaScript game without any libraries
  • Beginners to JavaScript curious about Document Object Model and JavaScript Methods