Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Interactive Dynamic JavaScript for beginners DOM
Rating: 4.3 out of 5(108 ratings)
10,296 students

Interactive Dynamic JavaScript for beginners DOM

JavaScript can make your web pages come to life. Learn how to make your HTML and CSS code interactive and dyanmic
Created byLaurence Svekis
Last updated 11/2024
English
English [Auto],

What you'll learn

  • Create interactive webpage content
  • Apply JavaScript DOM

Course content

2 sections • 24 lectures • 2h 20m total length

  • Introduction to Dynamic Interactive JavaScript6:44

    Discover how JavaScript makes web pages dynamic and interactive by manipulating the DOM, HTML, and CSS, with hands-on lessons on event listeners, selections, arrays, and functions.

  • JavaScript Resources3:04

    Discover JavaScript resources for beginners by using sublime text, code pen for live HTML, CSS and JavaScript, and a local apache server with localhost to run and test pages.

  • Write JavaScript7:16

    Write JavaScript inside HTML by using script tags or external files, run code in the browser, and view outputs with console.log while learning debugging and comments to document your code.

  • JavaScript 5 primitive types11:37

    Explore JavaScript primitives—strings, numbers, booleans, undefined, and null—learn how variables hold single values, how typeof reveals types, and why objects differ from primitives.

  • Source Code0:05
  • Update HTML DOM WOM Browser Objects13:49

    Learn to connect JavaScript with HTML and manipulate the DOM to update page content using getElementById, innerHTML, and innerText, while exploring window and document objects.

  • Updating HTML elements9:48

    Learn how to update html elements using a variable output and getElementById, compare innerHTML and outerHTML, and understand JavaScript's two-run execution and its impact on the dom.

  • Get Multiple Elements9:15

    Retrieve form input values by id or name, and learn to handle single and multiple DOM elements using the value attribute and array indexing to access the first match.

  • Arrays and Objects in JavaScript10:11

    Explore objects and arrays in JavaScript and learn DOM element selection using ID and tag name, access properties with dot and bracket notation, and iterate arrays.

  • Source Code0:03
  • Loops If Statements Operators JavaScript10:51

    Learn to use if statements, operators, and for and while loops to work with arrays and output values to the document, with real examples and practical tips.

  • Source Code0:03
  • Get elements from HTML code Selection7:41

    Explore retrieving multiple DOM elements with getElementsByName and getElementsByTagName, loop through the HTML collection, access items by index or name, and inspect element types before moving to class-based selection.

  • Source Code0:07
  • Get elements by Class5:21

    Learn to select multiple elements by class, iterate over them, and output inner text or input values, then attach click events to make the page interactive.

  • Source Code0:03
  • introduction to event listeners5:12

    Learn to make content interactive by wiring click event listeners to HTML elements, running functions that update output and inner HTML, and exploring clean code structure.

  • Onclick Events Functions in JavaScript10:39

    Explore how JavaScript functions run, pass input values, and update the page via onclick events, using innerHTML, parsing integers, and simple addition examples.

  • Source Code0:10
  • Event Listeners JavaScript6:25

    Explore how to implement various event listeners in JavaScript, from on blur to on key up and on change, to create a dynamic, interactive calculator.

  • Source Code0:10

Requirements

  • basic HTML
  • Computer access
  • Basic understanding of webpages

Description

JavaScript can make your web pages come to life.  Explore how the Document Object Model works along with the fundamental core concepts of JavaScript... Together to make your webpages dynamic and interactive.

JavaScript along with HTML and CSS are the 3 core languages of the internet.  Getting your JavaScript to work along with your HTML elements will bring your web pages to the next level.   Interaction within elements is ready to go with any element.  The browser does a lot with your HTML code and with JavaScript you can maximize that and create amazing things.

This course is designed for beginners who want to build a strong foundation for writing JavaScript code.  Within the course we explore how to make things happen.  How to connect HTML elements with JavaScript to create interactive content.  Update change HTML all using JavaScript.  Learn about event listeners and how they can give your website the ability to respond to user actions.  All this makes your content come to life.   Best of all every webpage is already ready to go with this, you just need to select and use it from JavaScript. 

  • Get links to resources used within the course
  • Source code from lessons is included for you to work along with course content easily
  • step by step instruction
  • learn how to write JavaScript
  • what the primitive types are in JavaScript and about Objects
  • How the browsers creates the DOM and more
  • See how elements can be updated and all the options you have at hand 
  • More options for selecting the element you want to update
  • Find out about Arrays and Objects and how they are used within JavaScript
  • Learn about loops and if statements
  • Create interaction within your web content using event listeners
  • Find out about functions and how they can be used to create more effective code
  • apply JavaScript within your code and make things happen

Taught by an instructor with over 18 years of web development experience, ready to help you learn more about JavaScript.  This course is a great introduction to how JavaScript works with HTML.  

I'm ready to answer any questions you may have.  Start learning JavaScript today!

Who this course is for:

  • Web developers
  • Anyone who has a website or creates web content
  • Anyone who wants to learn more about JavaScript
  • Anyone who wants to see how JavaScript can be made dyanmic

Report abuse