onlincourse

Intermediate and Advanced Javascript

Enhance the interactivity of your web pages and improve user experiences by learning intermediate concepts in JavaScript with this online course from Packt.

Duration

4 weeks

Weekly study

3 hours

100% online

How it works

Unlimited subscription

Learn more

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.

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.