Web Portfolio Projects: Binding and Propagation

Learn about some more advanced JavaScript concepts—including managing propagation and binding—as you build a few interesting card games.

Introduction

• Welcome
• What you should know
• Using the exercise files

1. Working with Prototype and Dynamic Elements

• Plan our application
• Pseudo code
• Immediately invoked function expression
• Dynamic elements: Game and deck
• Dynamic elements: Cards

2. Animation and the Meaning of This

• CSS animations: Card flip
• The meaning of this
• Bind, call, and apply
• Apply concepts
• Shuffling
• Stacking
• Challenge: Refactor
• Solution: Refactor

3. Propagation and Drag and Drop

• Propagation
• Discard rows and rules
• Discard pile
• Drag and drop

Conclusion

• Next steps