Course image for JavaScript DOM Projects
Free preview before enrolling

JavaScript DOM Projects

Make your webpages come to life with JavaScript and DOM interaction Loaded with Useful Projects in JavaScript

4.0
(13 ratings)
286 enrolled
Course Instructor: Laurence SvekisLast updated 10/2023

Course Outcomes

  • JavaScript

Description

Do you want to add interaction or dynamic content to your web pages, this is the course for you!

JavaScript can bring your web pages to life - interact with the DOM.   Select page elements, make changes and update them as needed.  Power up your web pages!!!

Create amazing content on your pages, driven dynamically with JavaScript.  Projects within this course are designed to help you learn more about JavaScript and interacting with the DOM.  Learn by example, course is loaded with fun projects to help you learn and demonstrate what can be done with JavaScript

Source Code is included so that you can try the code, and build your own version of the web applications.

Please note that HTML and CSS are prerequisite to the course, as well fundamental JavaScript is required as we are covering JavaScript within web pages.

JavaScript Projects within the DOM - Document Object Model

Explore how to create Interactive Dynamic web pages

Introduction  to the DOM and how JavaScript can create page interactions - Explore how to write JavaScript code, select page elements and more.  Loaded with useful projects to help you learn more about creating interactive and dynamic web content with JavaScript.

Course covers everything you need to know in a step by step format so  that you can start coding JavaScript and creating amazing things with code.

Web Developer Setup use of Editor for JavaScript Code

JavaScript Projects DOM Interactive Dynamic web pages Introduction web development Course Resource Guide.

Getting started with JavaScript DOM coding and development

  • Web Developer Setup use of Editor for JavaScript Code
  • JavaScript Resources to explore more about JavaScript
  • JavaScript DOM Object Selecting Page elements and more
  • JavaScript querySelectorAll Get Page Elements Select ALL
  • Page Events Element Event Listener access page content with JavaScript
  • JavaScript and Page Input Values from Page Elements
  • How to use JavaScript Request Animation Frame

JavaScript Starter Projects DOM Simple Projects to Start Coding

How to make Interactive DOM list saving to localstorage

JavaScript Component Create a Star Rating Project

JavaScript Game within the DOM Coin Toss Game Project

JavaScript Typing Challenge Game with JavaScript DOM

JavaScript DOM fun with Page Elements Moving Storing Keypress

JavaScript Combo Guessing Game Exercise

JavaScript Shape Clicker Game Click the shape quickly to win

JavaScript Number Guessing Game with Game Logic

JavaScript DOM Interactive Components and Useful Projects

Pure JavaScript Accordion hide and show page elements

JavaScript Drag and Drop Simple Boxes Component

Dynamic Drag and Drop

JavaScript Email Extractor Mini Project

Create a Quiz with Javascript JSON quiz tracker

JavaScript Image Preview File Reader Example

JavaScript Interactive Dice Game with Page elements

JavaScript Dice Game Challenge Lesson

JavaScript DOM Fun Projects Interactive DOM Elements

JavaScript Tip Calculator Project

Tip Calculator Project Part 1

Tip Calculator Project Part 2

Pure JavaScript Calculator DOM page elements Project

JavaScript Calculator Part 1

JavaScript Calculator Part 2

JavaScript Calculator Part 3

JavaScript Bubble Popping DOM Game Coding project

How to move a Page Element With JavaScript DOM Mover Example

Collision Detection between Page elements with JavaScript DOM

JavaScript DOM Interactive Game

JavaScript in action - use of pure JavaScript to create amazing interactive content on your web pages.

Source code included

Build your own version of the projects

Learn more about JavaScript and DOM page element manipulation.

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 and creating with JavaScript today!!!!

Course Structure

43 lectures11h 17m total duration

  Introduction to JavaScript and the DOM creating interactive web pages (Watch video)
3min
  Source Code (Read article)
0min
  Web Developer Setup use of Editor for JavaScript Code (Watch video)
9min
  JavaScript Resources to explore more about JavaScript (Watch video)
2min
  JavaScript DOM Object Selecting Page elements and more (Watch video)
12min
  JavaScript querySelectorAll Get Page Elements Select ALL (Watch video)
11min
  Page Events Element Event Listener access page content with JavaScript (Watch video)
10min
  JavaScript and Page Input Values from Page Elements (Watch video)
11min
  How to use JavaScript Request Animation Frame (Watch video)
13min

Featured Review

5.0
Feb 23, 2022
This is great course to learn JS, explained with real world examples
Was this review helpful?

Student feedback

4.0
Course Rating

54%

15%

15%

8%

8%

Reviews

Profile picture for Waleed Ahmed
Oct 23, 2023
amazing experience
Helpful?
Profile picture for Thejus Joshy
Oct 25, 2022
good explanation
Helpful?
Profile picture for Zyad Ahmed Afifi
Feb 19, 2022
weak teaching way
Helpful?
Profile picture for ashwin kashyap
Feb 18, 2022
amazing course
Helpful?
Profile picture for Syed Alwaz Asif
Feb 18, 2022
Fine.
Helpful?
Profile picture for Samson Lasode
Feb 15, 2022
Great
Helpful?
Profile picture for Abhishek
Feb 14, 2022
old and playground is not implemented
Helpful?
Profile picture for Dhruv Sahu
Feb 13, 2022
all good
Helpful?
Profile picture for Lokesh Negi
Feb 10, 2022
really useful for sharpening our javascript skills
Helpful?

Course Instructor

Laurence Svekis
Best selling Course Instructor
Laurence Svekis
4.3 Instructor rating
80 Ratings
948 Students
2 Courses

Content creator Web Development Google Developer Expert Laurence Svekis is an experienced web developer and instructor known for his expertise in web development and programming. He was born in Canada...View profile

Upgrade to a Pro account and unlock more courses for accelerated learning. Instant feedback, interactive learning and more.

Free

  • 100+ coding courses
  • Certificate of completion
  • Hands-on practice
  • 24x7 doubt solving with AI
  • 100+ projects to practice
  • In-depth project feedback
  • AWS cloud sandboxes

Pro

  • 100+ coding courses
  • Certificate of completion
  • Hands-on practice
  • 24x7 doubt solving with AI
  • 100+ projects to practice
  • In-depth project feedback
  • AWS cloud sandboxes
Upgrade To Pro