JavaScript Patterns: Modern Solutions to Common Challenges
1h 34mIntermediate2025-05-16
Authors

Joe Chellman
Web Designer, Author, Trainer
Course details
"This code works, but there must be a simpler way." JavaScript hides lots of power behind techniques with approaches or even names that are not obvious. Developers who want to create more streamlined code with JavaScript’s less visible—and often more powerful—options may need some extra information. In this course, web designer, author, and trainer Joe Chellman highlights hard-to-find techniques that can make a huge difference in how you use JavaScript. After explaining why even experienced developers may still find JavaScript tricky, Joe jumps right into alternatives to speed up loops and process arrays with loops more elegantly. He clears up some confusion around objects, binding, and more. Joe concludes with some sound advice on functions, including how to pass extra named parameters, how to get a function signature to accept arrays, and how to determine which parameters come first more efficiently.
Skills covered
JavaScriptProgramming FoundationsOracleProgramming LanguagesSoftware DevelopmentDeep Dive (X:Y)
Concepts
Introduction
- Learning Javascript - Finding the utility in less common patterns
- What you should know
- Using the exercise files
- How to work with CoderPad challenges
Improving on Loops
- Pain point - Sequential for loops become tedious
- Solution - Three alternatives sequential for loops
- Pain point - Processing arrays with loops is inelegant
- Solution - Use filter(), map(), and reduce()
- Solution - Transform a list of places
Objects Can Confuse
- Pain point - Copied objects are not actually copies
- Solution - JSON.stringify() and JSON.parse()
- Pain point - The value of this can be hard to follow
- Solution - Fix this using bind()
- ES6+ solution - Arrow functions
- Solution - Creating a unique robot army
Oh Functions, My Functions
- Pain point - Send extra parameters to an event handler
- Solution - Use bind() a different way
- Pain point - Function signature doesn t accept arrays
- Solution - Apply and spread
- Pain point - Refactoring function signatures
- Solution - Objects for arguments
- Solution overview - Story generator
Conclusion
- Next steps and thank you