Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Beginners Guide to JavaScript Dynamic HTML interaction
Rating: 4.5 out of 5(197 ratings)
17,410 students
Created byLaurence Svekis
Last updated 1/2022
English

What you'll learn

  • apply JavaScript to HTML
  • create dynamic web content
  • create interactive web content

Course content

2 sections23 lectures1h 30m total length
  • HTML JavaScript Course introduction2:16
  • Adding JavaScript to HTML3:24

    Learn to embed JavaScript in HTML using script tags in the head or body, run in the browser, and create basic popup alerts to add interactivity.

  • JavaScript Popup boxes3:00

    Learn to use built-in JavaScript popup boxes by implementing alert, confirm, and prompt in your HTML code, showcasing default values and user input handling for dynamic web interactions.

  • Source File and Resources1:00
  • HTML JavaScript document write6:27

    Learn to write visible content with JavaScript using script tags and document.write, use comments for testing, and diagnose errors with Chrome DevTools, including line numbers and case sensitivity.

  • HTML JavaScript variables4:03
  • SourceCode 21:00
  • HTML JavaScript introduction to functions6:05

    Discover how javascript functions save time by encapsulating code, managing local scope and global variables, passing parameters, returning values, and using console log for debugging and calculations.

  • HTML JavaScript function executing3:50

    Explore how javascript functions execute and render content without returning values, using document.write, variables, and scope to repeat output and increment values with loops forthcoming.

  • HTML JavaScript while loop3:04

    Learn how to use a while loop in JavaScript to repeat code until a condition is met, and compare it to for loops for dynamic HTML content.

  • HTML JavaScript for loops3:25

    Discover how for loops mirror while loops in JavaScript, using an initial value, a condition like less than 5, and an increment, while beautifying code for readability and reuse.

  • HTML JavaScript conditional statements5:09

    Explore how to use conditional statements in JavaScript, including if and else, booleans, and returning messages within functions, with examples using x equals 1 or 2, and future switch statements.

  • HTML JavaScript more conditions6:41

    Explore advanced conditional statements in JavaScript, including if, else if, and switch with cases, breaks, and defaults. Learn strict equality with === and how type affects condition evaluation.

  • Source Functions and Loops1:00
  • HTML JavaScript DOM5:50

    Learn how JavaScript uses the browser window and the document object model to interact with HTML elements, handle events, validate form inputs, and control submission with inline scripts.

  • HTML JavaScript and Events5:22
  • HTML JavaScript change HTML using JavaScript3:40

    Connect the dom with JavaScript by attaching event listeners to HTML elements, retrieve form values, and update innerHTML to create dynamic interactions using onclick and mouseover.

  • HTML JavaScript change event listeners6:21
  • HTML JavaScript DOM different syntax options8:45

    Explores how to wire HTML elements to JavaScript using DOM event listeners, capture event objects, and handle events like click, blur, focus, and hover with multiple syntax options.

  • JavaScript Calculator4:00

    Build a JavaScript calculator with two inputs, a live output display, and parseInt-based conversion that handles text and numbers on hover or click.

  • Source Code eventlisteners1:00

Requirements

  • desire to learn
  • computer

Description

Quick course learn JavaScript in 1 hour for beginners.

JavaScript training to teach you how to apply JavaScript to your HTML course. Perfect course for anyone who wants to learn more about using JavaScript. Core concepts and syntax of JavaScript is covered step by step. Foundation of how JavaScript works and how you can begin to connect to HTML elements to create dynamic web interactions.

This course is designed for anyone who wants to better understand how to create their own interactive web content, within this course we show you how to make a basic JavaScript connections.

This course covers

  • Built in JavaScript functions
  • Outputting custom HTML via JavaScript
  • Variable options in JavaScript
  • What are functions and how to use them
  • Importance of Loops and switches
  • Conditional Statements
  • Bringing it all together
  • JavaScript events and listeners
  • Changing HTML using JavaScript
  • Document object Model DOM
  • Applying JavaScript concepts with HTML elements.

We walk you through step by step with detailed explanations of code and more.

  • quick lessons get right to the point
  • fully covered topics with real world examples
  • source files downloadable to work along
  • challenges and lessons and code samples
  • code snippets
  • Links to top resources to save time
  • 30 day money back guarantee
  • new course material added regularly
  • trusted name in education since 2002
  • full HD easy to read source coding
  • quick response support to students
  • regular discussions

We teach you the latest techniques and tools to use in order to create interactive website content with JavaScript. Everything you need to know is included in this course. Learn at your own pace, lifetime access to this course.

Who this course is for:

  • anyone who wants to learn JavaScript
  • Learn about the DOM
  • Learn more about how to connect HTML and JavaScript
  • Learn about interactive websites