The JavaScript Design Patterns and Best Practices Collection


Updated on

Course overview

Course type
Paid course
8 hours
55 lessons
Available on completion
Course author
Packt Publishing
  • A behind-the-scenes look at the common issues while targeting cross-browser compatibility
  • Create, integrate, and test event dispatchers in JavaScript
  • Master DOM manipulation, cross-browser strategies, and ES6
  • Understand how to modularize and condense code, optimize memory, and negotiate design problems


Everything you need to know about advanced JavaScript in one curated course. Includes coverage on the ES6 specification!

Have you ever felt as if you rely too heavily on third party JS libraries and frameworks? Concerned about being able to write clean and maintainable code?

This uniquely structured course combines text, video and assessment content. It aims to get you up to speed on expert-level techniques that will help you grow as a software developer. Whilst we focus on JS, many of the patterns we use are also applicable to broader software development. These design patterns will act as solutions to your frequently occurring development problems.

This course will build your understanding of tried-and-true design patterns in JavaScript. You will learn how to build robust applications and libraries. Moreover, this course will make you capable enough to identify places where the right pattern could improve the readability and maintainability of your code.

Why should I choose this course?

We've spent the last decade working to help developers stay relevant. The structure of this course is a result of deep and intensive research into what real-world developers need to know in order to be job-ready. We don't spend too long on theory, and focus on practical results so that you can see for yourself how things work in action.

What details do you cover?

 We’ve all reached a stage where we struggle to write simple and expressive code. It’s in these cases where design patterns come to our rescue.

We start off this course with idiomatic JavaScript, helping you get to grips with modern JS. From stabilizing our foundation in OOP coding, we will move on to cover DOM manipulation in a simple and approachable manner.

We’ll then move onto one of the most common concerns presented to us by front-end web developers.- When creating a cross-browser application, how do you know if a feature is supported or not?As a bonus, we also dive into the latest JS refresh that is ES6. ES6 is an exciting collection of new language features and paradigms and we’ll get you started with using polyfills and transpilers right away.

Once you are well-acquainted with all the tips and tricks of JavaScript, we’ll move on to design pattern techniques. Starting with an introduction to design patterns, we look at creational, structural, and behavioral patterns. We include also include coverage of functional programming, model view patterns, patterns to build web applications, and messaging. A number of very interesting advanced JavaScript patterns such as dependency injection and live post processing are also detailed in a practical context.

On completion of this course you will have seen over 20 modern and classic design patterns in action, so that you can apply them to tackling the challenges that arise in real-world web application development.

We combine the best of the following Packt products:

  • Mastering JavaScript by Ben Fhala
  • JavaScript Design Patterns 20 Patterns for Advancing Your JavaScript Skills by Ben Fhala
  • Mastering JavaScript Design Patterns, Second Edition by Simon Timms
  • Mastering JavaScript by Ved Antani


 “great job done ! Always a pleasure to see practical implementation of patterns "in real world".”

   --Volodymyr Yaremenko

 “This course is stellar! There is nothing worse then people designing courses and putting expert or advanced and it is NOT. THIS IS!! It is so organized and detailed. The teacher is awesome.”

   --Michael Bruce

Meet your expert instructors:

Ved Antani has been building scalable server and mobile platforms using JavaScript, Go, and Java since 2005. He is an associate vice president at Myntra and has previously worked at Electronic Arts and Oracle.

Ben Fhala is an Adobe ACP. He has developed applications for members of the US Congress, Prime Ministers, and Presidents around the world. His commercial experience includes companies like Target, AT&T, Crayola, Marriott, Neutrogena, and Nokia. He has technically directed many award-winning projects and has been part of teams that have won three Agency of the Year awards.

Simon Timms has a BSc in Computing Science from the University of Alberta and a Masters from Athabasca University. He is interested in distributed systems and visualization. He is involved in the local .NET and JavaScript community, and speaks frequently at conferences.

Similar courses

JavaScript: Understanding the Weird Parts
  • 12 hours
  • 88 lessons
  • Certificate
Modern JavaScript From The Beginning
  • 22 hours
  • 122 lessons
  • Certificate
The JavaScript Design Patterns and Best Practices Collection
  • English language

  • Recommended provider

  • Certificate available