JavaScript: Five Advanced Challenges and Concepts
1h 51mBeginner2023-09-13
Authors
Morten Rand-Hendriksen
Senior Staff Instructor, Speaker, Web Designer, and Software Developer
Course details
When you’re learning JavaScript, you rarely get time to really dig into the more complex aspects of the language. Until now! This hybrid course mixes learning and hands-on practice with interactive coding challenges. Instructor Morten Rand-Hendriksen guides you through five advanced topics in JavaScript development: turning flat arrays into nested arrays, extending classes, using singletons and proxies, creating observable objects, and building robust applications with the reactive object pattern. Each chapter presents you with a basic introduction, two hands-on examples, and two coding challenges to solidify your learning. Advancing your skills in JavaScript means pushing yourself to go beyond the basics, and Morten shows you how to get it right.
Skills covered
Ecma InternationalJavaScriptProgramming LanguagesSoftware DevelopmentOne-Off
Concepts
Introduction
- Advance your skills with JavaScript
- How this course works
Nested Relationships
- Managing nested comments
- Using a data map to turn flat arrays into trees
- Creating a recursive function to generate a nested array
- Solution - Make a nested array
- Advanced solution - Add nested comments
Classes and Inheritance
- Managing users and capabilities
- Creating a class with capabilities
- Extending a class with new capabilities
- Solution - Create a library with books
- Advanced Solution - Users managing other users
Singletons and Proxy Objects
- Building robust applications
- Using singletons to create unique functions
- Using proxy objects to intercept calls to an object or class
- Solution - Create a logging system
- Advanced solution - Create a data validation system
Observer Pattern
- Push info to many nodes
- Setting up a basic Observer pattern
- Managing observers
- Solution - Temperature display
- Advanced solution - Stock information
Reactive Objects and Factories
- Keeping a shopping cart up to date
- The basic Reactive pattern
- Adding advanced functionality
- Solution - Create a Reactive shopping cart
- Advanced solution - Create a Reactive object
Conclusion
- Wrapping up