JavaScript-mancy

A Note About How I am Writing This Book

1. The Process
2. Chapter Writing Status
3. Chapter in Stage 0 - Strawman
4. Chapter in Stage 1 - Proposal
5. Chapter in Stage 2 - Draft
6. Chapter in Stage 3 - Candidate
7. Chapter in Stage 4 - Finished

About The Author

About the Technical Reviewers

Prelude

1. A Story About Why I Wrote This Book
2. Why Should You Care About JavaScript?
3. What is the Goal of This Book?
4. Why JavaScript-mancy?
5. Is This Book For You?
6. How is The Book Organized?
7. Understanding the Code Samples in This Book
8. The REPL is Your Friend!
9. A Note About ECMAScript 5 and ECMAScript 6,7 within The Book
10. A Note About the Use of Generalizations in This Book
11. Do You Have Any Feedback? Found Any Error?
12. A Final Word From the Author
13. Part I. Mastering the Arcane Art of JavaScript-mancy

Introduction

Once Upon a Time…

1. Tome I.I JavaScriptmancy: Getting Started

The Essential Ingredients Of JavaScript-Mancy

1. An Introduction to JavaScript-Mancy
2. JavaScript
3. JavaScript Has Some Types
4. Strings in JavaScript
5. Functions in JavaScript
6. OOP and Objects in JavaScript
7. JavaScript Flow Control
8. Logical Operators in JavaScript
9. Exception Handling
10. Regular Expressions
11. But Beware, JavaScript Can Be Weird and Dangerous
12. Concluding

The Basics Of JavaScript Functions

1. The Basics Of Functions
2. Functions are the Key
3. Function Expressions
4. Function Declarations
5. Concluding: Prefer Function Declarations and Named Function Expressions
6. Exercises

Useful Function Patterns: Default Arguments

1. Have You Heard Of Defaults?
2. Using Default Arguments in JavaScript Today
3. Defaults with Objects
4. Native Default Arguments with ECMAScript 6
5. Concluding
6. Exercises

More Useful Function Patterns: Arbitrary Arguments

1. An Arbitrary Number of Arguments
2. The Craziness Of Function Arguments in JavaScript
3. Functions with Arbitrary Arguments Right Now!
4. Array-Like Objects
5. Native Arbitrary Arguments with ES6 Rest Parameters
6. Concluding
7. Exercises

More Useful Function Patterns: Function Overloading

1. Have you Heard About The Marvels Of Overloading?
2. The Problem with Function Overloading in JavaScript
3. How Do We Do Function Overloading Then?
4. Function Overloading by Inspecting Arguments
5. Using an Options Object
6. Relying on ES6 Defaults
7. Taking Advantage of Polymorphic Functions
8. Concluding
9. Exercises

On the Art of Summoning Servants and Critters, Or Understanding The Basics of JavaScript Objects

1. An Army of Objects
2. Object Initializers (a.k.a. Object Literals)
3. JavaScript Arcana: Getters and Setters Are Not Augmenters
4. Creating Objects With Factories
5. Data Privacy in JavaScript
6. ES6 Improves Object Initializers
7. ES6 Symbols and Data Privacy
8. Concluding
9. Exercises

Mysteries of the JavaScript Arcana: JavaScript Quirks and Gotchas Demystified

1. A Couple of Tips About JavaScript Quirks and Gotchas
2. A Quick Refresher of the JavaScript Arcana 101
3. This, Your Most Dangerous Foe
4. JavaScript Strict Mode
5. Global Scope by Default and Namespacing in JavaScript
6. Type Coercion Madness
7. Using JavaScript in Strict Mode
8. Concluding
9. Exercises

A Guide to Strings, Finding the Right Words and Proper Spell Intonation

1. Find the Right Words You Must
2. The Basic Of Strings
3. New String Features in ES6
4. String Cheatsheet
5. Concluding
6. Exercises

Upgrading Your Everyday JavaScript Magic With ECMAScript 6 - Destructuring

1. Welcome to the Future! ECMAScript 6
2. Destructure All The Things!
3. Destructuring Objects
4. Destructuring Arrays
5. Destructuring Function Arguments
6. Concluding
7. Exercises

Upgrading Your Everyday JavaScript Magic With ECMAScript 6 - Arrow Functions

1. Behold! The Arrow Function!
2. Arrow Functions Arcana
3. Arrow Functions And This Gotchas
4. Arrow Functions Don’t Have Arguments Object
5. Arrow Functions and the New and Super Operators
6. Concluding
7. Exercises

Upgrading Your Everyday JavaScript Magic With ECMAScript 6 - The Spread Operator

1. Ready To Spread Your Wings?
2. Use the Spread Operator to Seamlessly Concatenate Arrays
3. Easily Use Apply With the Spread Operator
4. Converting Array-likes and Collections Into Arrays
5. Spread Lets You Combine New and Apply
6. Concluding
7. Exercises
8. Tome I.II JavaScriptmancy and Data Structures

JavaScript Arrays: The All-in-one Data Structure

1. We’ll Just Need To Make Sense of All These Items
2. JavaScript’s Array
3. An Extremely Flexible Data Structure
4. Sorting Arrays
5. Safe Array Methods
6. JavaScript Arrays and LINQ
7. Other ES6 and ES7 Features
8. Array Cheatsheet
9. Concluding
10. Exercises

Organizing Your Data With ES6 Maps

1. Take a Look at These Maps
2. JavaScript’s Map
3. Iterating Over the Elements of a Map
4. Creating a Map From an Iterable Collection
5. Map Cheatsheet
6. Concluding
7. Exercises

Sets, For When There Can Only Be One

1. You Are One of a Kind
2. Working With Sets
3. Iterating Sets
4. Using Array Methods With Sets
5. How Do Sets Understand Equality?
6. Sets Cheatsheet
7. Concluding
8. Exercises

The Secrets Behind Collections: Enumerables, Iterables, Iterators and Generators

1. Chapter in Stage 2 - Draft
2. Once Upon a Time There Were Enumerables
3. ES6 Brings Real Iterables and Iterators
4. A Better Way to Create Iterators: ES6 Generators
5. Concluding
6. Do Some Research
7. Exercises

Weak Maps and Weak Sets

1. Chapter in Stage 0 - Strawman
2. Weak Maps and Sets
3. Concluding
4. Do Some Research
5. Exercises
6. Tome I. Epilogue
7. Tome II. JavaScriptmancy and OOP: The Path of The Summoner

Introduction to the Path of Summoning and Commanding Objects (aka OOP)

1. Let me Tell You About OOP in JavaScript
2. C# Classes in JavaScript
3. OOP Beyond Classes
4. Combining Classes with Object Composition
5. The Path of the Object Summoner Step by Step
6. Concluding

Summoning Fundamentals: Encapsulation and Information Hiding

1. Let’s get Started With The Basics of OOP!
2. Encapsulation: Creating Objects in JavaScript
3. Object Initializers
4. Constructor Functions and the New Operator
5. Data Hiding in JavaScript
6. Object Initializers vs Constructor Functions
7. Object Factories vs Constructor Functions
8. Concluding
9. Exercises

Summoning Fundamentals: Prototypical Inheritance

1. You Don’t Repeat Yourself. Inheritance!
2. Classical Inheritance vs Prototypical Inheritance
3. What About ES6 Classes?
4. JavaScript Prototypical Inheritance
5. Object Prototypes
6. Object Prototypes with Object.Create or OLOO
7. Defining Prototypes with Constructor Functions
8. Creating Longer Prototype Chains
9. What About Concatenative Protypical Inheritance?
10. Object Initializers vs Object.create vs Constructor Functions
11. Concluding
12. Exercises

Summoning Fundamentals: Polymorphism

1. Polymorphism Means Many Forms
2. Polymorphism in C#
3. Polymorphism in JavaScript
4. Concluding
5. Exercises

White Tower Summoning: Mimicking C# Classical Inheritance in JavaScript

1. Ever Heard of Classical Inheritance?
2. Can I Just Jump Over to the ES6 Class Chapter Directly?
3. Emulating a C# Class in JavaScript
4. Constructor Function + Prototype = Class
5. Mimicking Classical Inheritance in JavaScript
6. Simplifying Classical Inheritance in ES5
7. Concluding
8. Exercises

White Tower Summoning Enhanced: The Marvels of ES6 Classes

1. Create These Units Faster with ES6 Classes!
2. From ES5 “Classes” to ES6 Classes
3. Prototypical Inheritance via Extends
4. Overriding Methods in ES6 Classes
5. Static Members and Methods
6. ES6 Classes and Information Hiding
7. ES6 Classes Behind the Curtain
8. Concluding
9. Exercises

Black Tower Summoning: Objects Interweaving Objects with Mixins

1. The Problem With Classes and Classical Inheritance…
2. Free Yourself From Classes With Object Composition and Mixins
3. Limitations of Mixins as Objects
4. Functional Mixins
5. Combining Mixins with ES6 Classes
6. Object.assign in Depth
7. Enumerable Properties?
8. Object.assign Alternatives for ES5 JavaScript-mancers
9. Concluding
10. Exercises

Black Tower Summoning: Safer Object Composition with Traits

1. An Improvement Over Mixins
2. Traits
3. Traits with traits.js
4. Composing Traits
5. What Happens When You Miss Required Properties?
6. Assigning to Read-only Properties Only Throws in Strict Mode
7. Resolving Name Conflicts
8. Traits and Data Privacy
9. High Integrity Objects With Immutable Traits
10. Traits vs Mixins
11. Concluding
12. Exercises

Black Tower Summoning: Next Level Object Composition With Stamps

1. I Call Them Stamps
2. What are Stamps?
3. Stamps OOP Embraces JavaScript
4. Stamps By Example
5. Stamp Composition
6. Stamp Fluent API
7. Concluding: Stamps vs Mixins vs Traits
8. Exercises

Object Internals: The Secrets of Objects

1. A Nifty Trick… Object Internals
2. All your Objects Are Belong to Object
3. Defining Properties with Object.defineProperty
4. Defining Multiple Properties with Object.defineProperties
5. Beautiful Property Manipulation with ESnext Decorators
6. Class And Method Decorators
7. Create Objects With Object.create And Property Descriptors
8. Metaprogramming
9. Other Useful Object Methods
10. Concluding
11. Exercises

More Metaprogramming with Reflect, Proxies and Symbols

1. How Good Are You at Reflection?
2. ES6 Reflect
3. Reflection? What is reflection?
4. ES6 Proxies
5. ES6 Symbols and Meta-programming
6. Concluding
7. Exercises

TypeScript

1. You Shall Only Use Types!
2. JavaScript + Types = Awesome Dev Productivity
3. Any JavaScript is Valid TypeScript
4. So, What Are The Advantages and Disadvantages of TypeScript?
5. Setting up a Simple TypeScript project
6. Cool TypeScript Features
7. Type Annotations In TypeScript
8. Working with TypeScript in Real World Applications
9. Concluding
10. Exercises
11. Tome II. Epilogue
12. Tome III. JavaScriptmancy and FP: The path of the Functional Programeer

Basics of Functional Programming in JavaScript

1. Chapter in Stage 2 - Draft
2. Functional Programming and JavaScript
3. What is Functional Programming?
4. Why Should You Care About Functional Programming?
5. Functions As First Class Citizens
6. What are Higher-order Functions?
7. Pure Functions
8. Closures
9. Immutability
10. Concluding
11. Do Some Research
12. Exercises

Functional Programming: Using LINQ in JavaScript

1. Chapter in Stage 2 - Draft
2. The Magic of LINQ
3. Functional and Applicative Programming in JavaScript
4. LINQ with Array Prototype Functions
5. Array.Prototype LINQ-Like Methods CheatSheet
6. LINQ Deferred Execution with ES6 Generators
7. Can’t Remember ES6 Generators?
8. Filling in the Gaps with JavaScript Libraries
9. Concluding
10. Appendix. LINQ Query Syntax with ES.Next Comprenhensions
11. Rebel Alert. Feature Removed in ES6
12. Do Some Research!
13. Exercises

An Underscore Primer

Function Composition in JavaScript

1. Chapter in Stage 0 - Strawman
2. Functions Programming is All About Functions
3. The Forgotten Art of The Function
4. Partial Application
5. Partial Application with Bind
6. Currying
7. Composition with Compose…
8. ES.next Decorators
9. Considerations When Composing Class Methods
10. Partial Application
11. Do Some Research
12. Exercises

Object Oriented Programming Futures: Decorators

1. Chapter in Stage 0 - Strawman
2. ESNext Class and Property Decorators
3. ESNext Warning: Class Decorators is an Early Proposal
4. Concluding
5. Do Some Research
6. Exercises

Immutability in JavaScript

1. Making Objects Immutable

Functional Programming In Real World Applications

1. Chapter in Stage 0 - Strawman
2. Functional Programming in the Real World
3. Do Some Research
4. Exercises
5. Tome IV. Architecture and Patterns

Organizing Your JavaScript Code With Modules

1. IIFE

CommonJS Modules

1. Node.js and CommonJs modules

AMD Modules - Async Module Definition

1. AMD basics

ES6 Modules

Composing Applications With Modules

1. Direct dependencies
2. Tome V. Async: The Path of the Time Traveller

The Basics of Asynchronous Programming in JavaScript

1. Introduction

Async With Promises

Async with Async/Await

Async With Reactive Programming

1. Chapter in Stage 0 - Strawman
2. JavaScript and Async
3. An Example Before You Go Crazy With All This Bla Bla Bla
4. A Better Async Pattern: Observables and Asynchronous Data Streams
5. A Super Simple Intro to Observables: Like an Array But Different
6. The Power of a One Single Abstraction
7. Side-Effects of Using Rx.js
8. Want to Learn More?
9. Concluding

Reactive Programming Part II

1. Chapter in Stage 0 - Strawman
2. That Light Bulb Moment
3. Take a Look at This Introduction to Rx.js
4. Building the Game Step by Step - Part I
5. Concluding Part I
6. The Web Speech API
7. Using Annyang to Gather Player Input
8. Why didn’t We Include userWords$ in the Original game$ Observable?
9. Adding Scores
10. Wait… There’s Something Weird Happening? Every time I say a word I get 200 points! Wat!??
11. Cold and Hot Observables
12. Concluding
13. Would you Like to Learn More About The Web Speech API and Rx.js?
14. A Quick Recap
15. Time To Make Things More Exciting
16. Adding Some Styling and Graphics
17. Experimenting With the Web Speech Synthesis API
18. Time To Do Some CleanUp!
19. Concluding
20. What Next?
21. Part II. The Magic Realm of JavaScript

A Short History Of JavaScript

1. Chapter in Stage 0 - Strawman

Elevate your Front-end Development Workflow With Yeoman

1. Chapter in Stage 0 - Strawman
2. What is Yeoman?
3. Setting Up Yeoman
4. Creating Some Apps
5. Summary

Automate Your Front-end Workflow With Gulp

1. Chapter in Stage 0 - Strawman
2. Getting Started With Gulp
3. Running ES6 With Gulp
4. What is Babel?
5. Using Gulp and Babel to Transpile ES6
6. Summary!

Webpack

1. Chapter in Stage 0 - Strawman

Testing

1. Chapter in Stage 0 - Strawman
2. Part III. Building a Modern JavaScript Application With Angular 2

An Introduction to Modern Web Development

1. Chapter in Stage 0 - Strawman

Your First Angular Component

1. Chapter in Stage 0 - Strawman
2. Why Should You Care About Angular?
3. Is Angular Ready?
4. The Code Samples
5. Getting Started With Angular and TypeScript
6. Index.html The Entry Point for Your App
7. Bootstrapping Your App
8. Wait… But What is an Angular Module? I Thought We Were Just Using ES6 Modules in Angular!
9. But What is a Component?
10. Your First Component, Listing Star Wars People Of Note!
11. Concluding

Refactoring to Services

1. Chapter in Stage 0 - Strawman
2. The Code Samples
3. Our People List Component Right Now
4. What is an Angular Service?
5. Creating The PeopleService
6. Injecting Our People Service in The People List Component
7. Registering Your Service With Angular
8. You Can Also Register Services at the Module Level
9. The Angular Cli Can Help You With Registering! Yey!
10. Taking Advantage of Angular Component Lifecycle
11. Enabling Dependency Injection in Your Service
12. Want to Know More About Angular Dependency Injection?
13. Concluding

Your Second Component and Angular Data Biding

1. Chapter in Stage 0 - Strawman
2. The Code Samples
3. A Person Details Component
4. Our People List Component Right Now
5. Showing Person Details When Clicking on a Character
6. What Are Angular Event Bindings?
7. Extracting Person Details Into Its Own Component
8. What are Angular Property Bindings?
9. Want to Learn more about Angular Data Bindings?
10. Concluding

Angular Routing

1. Chapter in Stage 0 - Strawman
2. The Code Samples
3. Our Application So Far
4. Enter Angular Routing
5. Setting up the PeopleList Route
6. An Aside: Not Using the CLI?
7. Setting up the PersonDetails Route
8. Creating Route Links
9. Extracting Parameters From Routes
10. Going Back to the People List
11. Using The Angular CLI to Generate Your Routes
12. Extracting Your Routes Into A Separate Module
13. Want to Learn More About Angular Routing?
14. Concluding

Angular Forms and Validation

1. Chapter in Stage 0 - Strawman
2. The Code Samples
3. Our Application Up Until Now
4. We Want to Save Our Own Data!
5. First Things First! We Need to Add The Forms Module to Our App!
6. Using a File Template Instead of an Inline Template
7. A Basic Form in Angular
8. ngModel and Angular Two-Way Data Binding
9. A Review of Angular Data Bindings
10. Adding Validation to Our Form
11. Custom Validation FTW!
12. Submitting Our Form
13. Saving Information
14. What’s With NgModel and NgForm?
15. Bonus Exercise. Adding a Select Input in Angular
16. Do You Want to Learn More About Forms?
17. Concluding
18. An Aside: Oh No! I Haven’t Had Time To Update To The New Forms API! Can I Update to RC5?

Consuming Real Data With Http

1. Chapter in Stage 0 - Strawman
2. The Code Samples
3. Our Application Up Until Now
4. Let’s Get Some Real Data For Our App!
5. Enabling The Http Module In Your App
6. Let’s Get Started Using The Http Module To Get Stuff From The Interwebs!
7. Error Handling with Observables
8. The Async Pipe
9. Converting Observables to Promises
10. Want to Learn More About Angular HTTP and RxJS?
11. Concluding

Styling Angular Components

1. Chapter in Stage 0 - Strawman

The Angular CLI in Depth

1. Chapter in Stage 0 - Strawman

Managing State in Angular Applications

1. Chapter in Stage 0 - Strawman

Angular And Rx.js

1. Chapter in Stage 0 - Strawman

Angular Animations

1. Chapter in Stage 0 - Strawman

Angular Testing

1. Chapter in Stage 0 - Strawman

Angular Material

1. Chapter in Stage 0 - Strawman
2. References and Appendix

References

1. Specifications
2. Books

Appendix A. Setting Up Your Developing Environment For ES6

1. Using ES6 with Node.js
2. ES6 and Modern Browsers
3. Real-World ES6 Development Environments

Appendix B. Fantasy Glossary