• Packt logo
  • FutureLearn logo

Intermediate and Advanced Javascript

Enhance the interactivity of your web pages and improve user experiences by learning intermediate concepts in JavaScript.

A woman sits on a computer in an office setting.

Learn how to add interactivity to your web development projects

All interaction that occurs on a web page is an example of JavaScript in action.

On this course, you’ll expand your current knowledge of JavaScript programming and discover complex and advanced techniques to take your web page applications to the next level.

Discover the applications of the Document Object Model (DOM)

You’ll begin with a crash course in HTML, equipping you with the skills to explore the functions of the Document Object Model, a programming interface for web development.

You’ll learn how to manipulate DOM elements, giving you the skills to create modern user experiences and to easily react and respond to user behaviours.

Explore intermediate JavaScript concepts from debugging to concurrency

Building on your knowledge of user behaviour, you’ll learn how to develop your interactive content, monitor user activity, and specify actions when events occur, using event handlers.

You’ll delve into programming terminology and operations including regular expressions, recursion, concurrency, and debugging, gaining an overview of their applications in real-life scenarios.

Examine famous JavaScript frameworks and libraries

Bringing together your understanding of JavaScript and HTML, you’ll focus on HTML5-specific features such as Canvas, allowing you to draw graphics for your web pages.

Having gained an overview of JavaScript fundamentals, you’ll finish this course by looking at frameworks including Angular, React, and Vue, helping you streamline your projects with collections of pre-written code.

By the end of this course, you’ll have a working knowledge of complex operations you can achieve with JavaScript and their applications within web development. With these skills, you’ll be able to elevate your web projects, producing highly interactive web page content.

Skip to 0 minutes and 1 second SPEAKER: Straightforward JavaScript can solve your coding woes. This course will show you how to use key programming concepts to help you solve big problems and push boundaries. Learn how to make web apps and browser-based games in just four weeks. Follow experts Lawrence Svekis, Maaike van Putten, and Rob Percival as they show you the simple solutions to complex coding challenges. The aim of this course is to help you perform dynamic element manipulation using the Document Object Model, develop content and event listeners in coding practises, apply intermediate JavaScript concepts and concurrency into coding practises, perform various HTML5, Canvas, and JavaScript tasks, and describe a Minimum Viable Product. Best of all, you can learn from wherever and whenever you want.

Skip to 1 minute and 3 seconds Step into your future with Intermediate and Advanced JavaScript from Packt and FutureLearn.


  • Week 1

    The DOM and Dynamic Element Manipulation

    • Introduction to the course

      Welcome to Intermediate and Advanced JavaScript and the start of your learning journey, brought to you by Packt.

    • The Document Object Model

      In this activity, we will discuss the Document Object Model, starting with the HTML crash course and the BOM.

    • Dynamic Element Manipulation using DOM

      In this activity, we will discuss Dynamic Element Manupulation, starting with basic DOM transversing and accessing elements in the DOM. We will also explore element click handler, “this” and the DOM.

    • Wrap up

      You have reached the end of Week 1. In this activity, you'll reflect on what you have learned.

  • Week 2

    Interactive content, event listeners and intermediate JavaScript

    • Introduction to Week 2

      Welcome to Week 2. In this activity we'll highlight the main topics that will be covered this week.

    • Interactive content and Event Listeners

      In this activity, we will explore interactive content, the onload event handler, mouse event handlers, the event target property, DOM event flow, key event handler, drag and drop elements, form submissions and animating elements.

    • Intermediate JavaScript

      In this activity, we will explore regular expressions, functions and the arguments object, JavaScript hoisting, strict mode, debugging, using cookies, local storage and JSON.

    • Wrap up

      You have reached the end of Week 2. In this activity, you'll reflect on what you have learned.

  • Week 3

    Concurrency, HTML5, Canvas and JavaScript

    • Introduction to Week 3

      Welcome to Week 3. In this activity we'll highlight the main topics that will be covered this week.

    • Concurrency

      In this activity, we will explore concurrency. This will include callbacks, promises, async and await, and event loops.

    • HTML5, Canvas and JavaScript

      In this activity, we will explore HTML5, Canvas and JavaScript. Topics to discover include dynamic canvas, drawing on canvas, media on the page and more.

    • Wrap up

      You have reached the end of Week 3. In this activity, you'll reflect on what you have learned.

  • Week 4

    Next steps

    • Introduction to Week 4

      Welcome to Week 4. In this activity we'll highlight the main topics that will be covered this week.

    • Next steps

      In this activity, we will explore the next steps after the previous activities. These include libraries and frameworks and learning the backend.

    • Wrap up

      You have reached the end of this course. In this activity, you will reflect on what you have learned.

When would you like to start?

Start straight away and join a global classroom of learners. If the course hasn’t started yet you’ll see the future date listed below.

Learning on this course

On every step of the course you can meet other learners, share your ideas and join in with active discussions in the comments.

What will you achieve?

By the end of the course, you‘ll be able to...

  • Describe the Document Object Model.
  • Perform Dynamic Element Manipulation using the Document Object Model.
  • Develop content and event listeners in coding practices.
  • Apply various intermediate JavaScript concepts.
  • Apply concurrency into coding practices.
  • Perform various HTML5, Canvas and JavaScript tasks.

Who is the course for?

This course is designed for web developers who want to expand their knowledge of JavaScript and take their web page interactivity to the next level.

Who developed the course?


Founded in 2004 in Birmingham, UK, Packt’s mission is to help the world put software to work in new ways, through the delivery of effective learning and information services to IT professionals.


FutureLearn is a leading social learning platform and has been providing high quality online courses for learners around the world over the last ten years.

What's included?

This is a premium course. These courses are designed for professionals from specific industries looking to learn with a smaller group of like-minded individuals.

  • Unlimited access to this course
  • Includes any articles, videos, peer reviews and quizzes
  • Certificate of Achievement to prove your success when you're eligible
  • Download and print your Certificate of Achievement anytime

Still want to know more? Check out our FAQs

Learning on FutureLearn

Your learning, your rules

  • Courses are split into weeks, activities, and steps to help you keep track of your learning
  • Learn through a mix of bite-sized videos, long- and short-form articles, audio, and practical activities
  • Stay motivated by using the Progress page to keep track of your step completion and assessment scores

Join a global classroom

  • Experience the power of social learning, and get inspired by an international network of learners
  • Share ideas with your peers and course educators on every step of the course
  • Join the conversation by reading, @ing, liking, bookmarking, and replying to comments from others

Map your progress

  • As you work through the course, use notifications and the Progress page to guide your learning
  • Whenever you’re ready, mark each step as complete, you’re in control
  • Complete 90% of course steps and all of the assessments to earn your certificate

Want to know more about learning on FutureLearn? Using FutureLearn

Do you know someone who'd love this course? Tell them about it...