Are you familiar with foundational JavaScript concepts, but want to continue to build your understanding of this essential scripting language? In this course, explore some more advanced JavaScript concepts—including how to manage propagation and binding—as you learn how to build a few interesting card games. Instructor Leigh Lawhon begins by explaining how to plan your application, breaking down the card game into its basic objects. She then goes over how to add a card flip animation to your project using CSS3, looks at three contexts of "this" with methods, and explains how to add a shuffle function. Leigh also goes over the drag-and-drop life cycle, how to use prototypical inheritance to optimize your code, and more.
Topics include:
Working with prototype and dynamic elements
Using bind, call, and apply
Using the Fisher–Yates formula
When to use e.preventDefault() and when to avoid it
Drag-and-drop life cycle
Using prototypical inheritance to optimize your code
VISITOR COMMENTS (0 )
FILE LIST
Filename
Size
1 - Introduction/01 - Welcome.mp4
3.1 MB
1 - Introduction/02 - What you should know.mp4
889.4 KB
1 - Introduction/03 - Using the exercise files.mp4
685.6 KB
2 - 1. Working with Prototype and Dynamic Elements/04 - Plan our application.mp4
4.2 MB
2 - 1. Working with Prototype and Dynamic Elements/05 - Pseudo code.mp4
2.5 MB
2 - 1. Working with Prototype and Dynamic Elements/06 - Immediately invoked function expression.mp4
7.6 MB
2 - 1. Working with Prototype and Dynamic Elements/07 - Dynamic elements - Game and deck.mp4
16 MB
2 - 1. Working with Prototype and Dynamic Elements/08 - Dynamic elements - Cards.mp4
18.2 MB
3 - 2. Animation and the Meaning of This/09 - CSS animations - Card flip.mp4
16.9 MB
3 - 2. Animation and the Meaning of This/10 - The meaning of this.mp4
9.2 MB
3 - 2. Animation and the Meaning of This/11 - Bind, call, and apply.mp4
2.1 MB
3 - 2. Animation and the Meaning of This/12 - Apply concepts.mp4
13.3 MB
3 - 2. Animation and the Meaning of This/13 - Shuffling.mp4
5.8 MB
3 - 2. Animation and the Meaning of This/14 - Stacking.mp4
15.9 MB
3 - 2. Animation and the Meaning of This/15 - Challenge - Refactor.mp4
1 MB
3 - 2. Animation and the Meaning of This/16 - Solution - Refactor.mp4
6.4 MB
4 - 3. Propagation and Drag and Drop/17 - Propagation.mp4
13.1 MB
4 - 3. Propagation and Drag and Drop/18 - Discard rows and rules.mp4
15.1 MB
4 - 3. Propagation and Drag and Drop/19 - Discard pile.mp4
8 MB
4 - 3. Propagation and Drag and Drop/20 - Drag and drop.mp4