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
Introduction
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
Conclusion
21 Next steps
Resolve the captcha to access the links!