Uploaded August 2017 | Updated September 2026, 3 weeks ago
The DOM or document object model is simply representing all the HTML nodes as objects in Javascript. Just like the window object represents the browser's window we know that the visual browser window is not the object window in Javascript. However the window object is used to represent the window to Javascript so we can get details and modify data.
Likewise each HTML node or element is represented as an object in the Document Object Model. To put it short the DOM is a tree structure full of objects that represent the visual document the user is looking at. Javascript can modify these objects and we can modify their functionality and content.
This Javascript tutorial is brought to you by avelx.co.uk - Coding tutorials to help you grow.
The DOM or document object model is simply representing all the HTML nodes as objects in Javascript. Just like the window object represents the browser's window we know that the visual browser window is not the object window in Javascript. However the window object is used to represent the window to Javascript so we can get details and modify data.
Likewise each HTML node or element is represented as an object in the Document Object Model. To put it short the DOM is a tree structure full of objects that represent the visual document the user is looking at. Javascript can modify these objects and we can modify their functionality and content.
This Javascript tutorial is brought to you by avelx.co.uk - Coding tutorials to help you grow.







![FREE Javascript 6 Hour Full Course For Beginners 💻 [2023]
Beginner Javascript developers this is the ULTIMATE 6-hour FREE course to get your programming career started in 2023 🙌 JOIN the Avelx newsletter here To Be Informed When Avelx Academy Launches 👉 https://www.avelx.co.uk
Liked this content? Support Me With A Kofi: https://ko-fi.com/P5P34J14C
After watching this FREE Full 6 hour course for beginners youll have a great understanding of Javascript and all the basics to start your career as a developer/programmer. I share my Javascript knowledge that Ive learned over many years in the industry to get your career started as a Java developer.
CHAPTERS
00:00:00 Introduction
00:04:41 JS for Beginners
00:09:25 How Does JS Work?
00:13:34 JS Console in Developer Tools
00:19:03 Objects in JS
00:27:10 JS Syntax
00:33:28 Primitive Data Types
00:40:30 Variables, Constants & Assignment
00:52:07 Assignment & Arithmetic Operator’s & BODMAS
01:05:39 Code Editors & Debugging
01:23:41 JS Functions & Subroutines
01:37:20 Objects & Arrays in JS
01:49:14 Embedding Objects & Arrays
02:00:49 Member Access Operator
02:10:23 Computed Member Access
02:23:46 Member Creation, Assignment & Deletion
02:33:21 Array Modification
02:49:21 Functions, First Class Citizens or Callable Objects
03:00:30 Memory Hoisting
03:08:38 Scope & Closures
03:21:30 Gobal Scope & Inferred Globals
03:31:33 What is the This keyword used for?
03:45:38 Constructor Functions
03:56:19 Prototype Inheritance
04:04:23 Prototype Constructors
04:14:06 Conditional Operators
04:26:49 If Statements
04:42:10 For & For In Loops
04:57:47 Var, Const & Let ES6
05:04:36 Understanding the Document Object Model
05:13:56 Targeting DOM Elements
05:26:54 Changing HTML Elements Content
05:43:18 Changing an Elements Style
05:56:09 Event Handlers
06:10:14 Create & Append, InsertBefore & InsertAfter
06:18:04 Final Project
06:32:09 Conclusion and Goodbye
🙌 Resources Mentioned 👽
Programming 101 FREE course on YouTube: https://www.youtube.com/watch?v=V57w_NsxUto&list=PLGC-hHIh7l5s6Spz86OT1u0A7kvQH-2B0
Get In Touch
For Sponsorship / Collaborations email: avelx.dev@gmail.com
Instagram: https://www.instagram.com/avelxdev/
Visit the website: https://www.avelx.co.uk
See my courses on Udemi: https://www.udemy.com/user/lawrenceturton/
Watch next 👇
Programming 101 FREE YouTube Course: https://youtube.com/playlist?list=PLGC-hHIh7l5s6Spz86OT1u0A7kvQH-2B0
Javascript Tutorials: https://youtube.com/playlist?list=PLGC-hHIh7l5vs0uDGlQEXQGQR2hW8Gcwl FREE Javascript 6 Hour Full Course For Beginners 💻 [2023]](https://i.ytimg.com/vi/gYZhIVCPlFY/mqdefault.jpg)


