Top 10 Classic Patterns
-
Module
-
Factory
-
Observer
-
Singleton
-
Strategy
-
Decorator
-
Mediator
-
Command
-
Adapter
-
Proxy
Top Front End Patterns
- Registry
- Orchestrator
- State Machine
- ???
Teach Guidelines
Review these patterns and provide any other front end design patterns that could be applicable or are very common.
Overall, I need to create a code challenge walk through for each pattern.
- First introduce the pattern and show it with basic but implementable code.
- Next identify 2 code challenges that will solve a problem that implements the design pattern.
- Create the less in content/code/design-patterns/challenges/*-pattern.md
- The code challenge should set up a problem with example code and either provide refactoring to a design or explain why the code is bad and how to address with a pattern
- Offer a hints to teach the pattern step by step, walk me through some ideas on how we could write some hints or psuedo code out the pattern
- The hints should be obscured or a drop down accordion to prevent scanning ahead when reading
- Once we are over the hill with hints and have a good idea of imlementing the pattern, then we can actually write out the code
- We don’t have a built in code editor, but I will be following along in a REPL for javascript to write actual working code