Vanilla JavaScript: Binding and Propagation

Vanilla JavaScript: Binding and Propagation
Vanilla JavaScript: Binding and Propagation
English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 1h 09m | 174 MB

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
Table of Contents

1 Welcome
2 What you should know
3 Using the exercise files

Working with Prototype and Dynamic Elements
4 Plan our application
5 Pseudo code
6 Immediately invoked function expression
7 Dynamic elements - Game and deck
8 Dynamic elements - Cards

Animation and the Meaning of This
9 CSS animations - Card flip
10 The meaning of this
11 Bind, call, and apply
12 Apply concepts
13 Shuffling
14 Stacking
15 Challenge - Refactor
16 Solution - Refactor

Propagation and Drag and Drop
17 Propagation
18 Discard rows and rules
19 Discard pile
20 Drag and drop

21 Next steps