Advanced JavaScript Programming Free Tutorial

Welcome to our free Advanced JavaScript Programming tutorial. This tutorial is based on Webucator's Advanced JavaScript Programming course.

Contact Us or call 1-877-932-8228
  • google plus
Start Tutorial or choose from a lesson below

Lesson 1: Quick JavaScript Recap

In this lesson, we assume you know your way around JavaScript but you may have forgotten a detail or two about the basics of the language. We will go quickly over the fundamental building blocks of JavaScript and try to clarify some concepts that sometimes can be a little blurry.

Lesson 2: Advanced Techniques

You can go very far in JavaScript using only the language basics that we have seen up to now but, to really unleash JavaScript's power, we need to get more familiar with a few programming techniques. These techniques will help your code become more expressive and more reusable at the same time. They are programming patterns that leverage some language features that may not be present in other programming languages. If you don't have experience with any other dynamically typed or functional language, the patterns you will see here may look very strange at first. But fear not, we will provide plenty of explanations and examples to allow you to practice as you learn.

Lesson 3: Regular Expressions

Regular Expressions are powerful pattern matching expressions. JavaScript developers will often use regular expressions for sanitizing user input and advanced form validation.

Lesson 4: The HTML Document Object Model

The HTML Document Object Model (DOM) is a W3C standard that defines a set of HTML objects and their methods and properties. JavaScript can be used to create and destroy these objects, to invoke their methods, and to manipulate their properties. In HTML5, the DOM has been expanded and some already widely supported previously unofficial features have been included as part of the specification. If you have done any JavaScript programming on the web then you have almost definitely worked with the HTML DOM. This course assumes that you have some experience working with the DOM. This lesson is concerned with the different ways of identifying and manipulating document nodes.

Lesson 5: Dynamic Forms

Form elements are static in HTML, but through the use of JavaScript and the Document Object Model we can make our forms dynamic based on user input.

Lesson 6: Dynamic HTML

Dynamic HTML is the technique of making your web pages more interactive by using JavaScript and CSS to update the style and positioning of HTML elements after the page has loaded.

Try The Complete Course

In addition to the free course material here, our complete self-paced course includes:

  • Video Presentations from Expert Instructors
  • Exercises
  • Interactive Quizzes
  • Readings and Tasks
Learn More