JavaScript DOM for Beginners Learn how to code

JavaScript DOM coding examples learn how to create interactive and dynamic web pages Element selection and updating

3.75 (131 reviews)
Udemy
platform
English
language
Game Development
category
instructor
JavaScript DOM for Beginners Learn how to code
14,609
students
6 hours
content
Feb 2023
last update
$64.99
regular price

What you will learn

How to use JavaScript

How to create elements dynamically

Manipulate elements using JavaScript

Why take this course?

Perfect course to learn more about JavaScript and how to apply JavaScript in real world applications.  Make your web pages come to life with JavaScript.  Create interactive and dynamic web page content today!!!  Learn how to animate page elements, use the page element object properties and values within your code.

Includes 30+ Page Downloadable Source Code and JavaScript Resource Guide

LifeTime Access with new updates - Professional support within the Q&A section.

JavaScript is used when creating interactive and dynamic web content. It allows you to bring your web pages to life. Almost all modern websites use JavaScript and becoming more familiar with how you can add Javascript code to interact and manipulate your web page elements will propel your web pages to the next level.

JavaScript DOM coding Lessons

  • Simple HTML page with innerHTML update

  • Page Element Selection

  • Select and update only divs with a class of output

  • Create Elements and Remove Elements

  • Page Element Style Property

  • Interactive Page elements Events

  • Event Object values

  • Event Listeners vs Event Handlers

  • UseCapture Event Listener Optional

  • Mouse Movement Events

  • Form Field Event listeners

  • List Exercise on events

  • Window Object WOM

  • DOM element attributes

  • Element Get and Has attribute

  • Adding and Removing Classes

  • Traversing between elements

  • List Exercise

  • requestAnimationFrame movement

  • Bouncing Ball Animation

JavaScript and the DOM Page Elements : JavaScript and the DOM

Document Object Model (DOM) is a programming interface for HTML documents, that is the logical structure of a page and how the page content can be accessed and manipulated. Bring your web pages to life with JavaScript and connect to the web page elements. Create fully interactive content that responds to the user. Create Dynamic web page content that can change without page refresh and present new elements and updated content to the user. Improve your web users experience with JavaScript and the DOM. What is the DOM Document Object Model How to select elements from your webpage with JavaScript Manipulate and change your page elements with JavaScript How to set styling attributes for elements Make them interactive with Event listeners DOM events and Page events with JavaScript How to create elements with code and add them to your webpage Moving elements and animation of elements.


  • Element Selection

  • DOM tree

  • Multiple Elements selection

  • Element Manipulation

  • Adding event listeners

  • Input Values

  • Create Elements

  • Animation

  • Element Movement

  • Window events

  • Document Events

  • Keyboard Events

  • Tracking key presses

Practice JavaScript while building fun interactive and dynamic min applications with JavaScript

Text area character counter

  • Events handlers

  • Keyboard events

  • Element manipulation

Text scroll box

  • Word scrolling

  • Mouse events

Fun with Elements

  • Clone elements

  • create and remove elements

  • animate elements

  • draw elements

  • attaching drag and more

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!!!!


Screenshots

JavaScript DOM for Beginners Learn how to code - Screenshot_01JavaScript DOM for Beginners Learn how to code - Screenshot_02JavaScript DOM for Beginners Learn how to code - Screenshot_03JavaScript DOM for Beginners Learn how to code - Screenshot_04

Reviews

Joshua
January 29, 2024
The worst part about the course is when the instructor makes a mistake in the code and corrects it without explaining he made a mistake and corrected it, it makes it hard for you to follow along. Causes the student to have to troubleshoot why it doesn't work when it worked for him. Then you have to go along line for line on the video to catch that he made a change that wasn't in the original section of video he posted.
Kai
March 18, 2022
Excellent and detail presentations, and downloadable source codes are really of great help to our learning !
PM
October 27, 2020
Excellent and very useful basic javascript projects, so if you are new to javascript, you are going to learn a lot and have fun along the way!
Quan
August 5, 2020
not so much. My pre-knowledge on JS is not good enough so i get lost a lot on pos.ox pos.oy, pos.ny, pos.ny.
Vincent
August 3, 2020
Certainly tough going to understand if you don't have any programming experience. But not a show stopper
Shoshana
April 26, 2020
I have really enjoyed Laurence's courses! he explains it clearly and each one of his courses is enjoyable to learn from!
Nico
April 11, 2020
Explanations are clear Teacher shows concrete things Cadence is well balanced between dynamic enough to keep attention, and slow enough to understand Point for improvement: the teacher could add comments in the source code, this way it is easier to remember what functions or relevant pieces of code mean
Caleb
January 15, 2019
These are really nice courses. It's pretty fun to make cool things like these with JavaScript.? ? ? ?

Charts

Price

JavaScript DOM for Beginners Learn how to code - Price chart

Rating

JavaScript DOM for Beginners Learn how to code - Ratings chart

Enrollment distribution

JavaScript DOM for Beginners Learn how to code - Distribution chart

Related Topics

2141072
udemy ID
1/10/2019
course created date
11/20/2019
course indexed date
Bot
course submited by