book

JavaScript: Functional Programming for JavaScript Developers

by Ved Antani, Simon Timms, Dan Mantyla

August 2016

Intermediate to advanced

635 pages

14h 5m

English

Packt Publishing

Read now

Unlock full access

What this learning path covers
Downloading theexample codeErrataPiracyQuestions

A little bit of history
An overview of JavaScriptCommentsVariablesConstantsNumberStringUndefined valuesBooleansThe instanceof operatorDate objectsThe + operatorThe ++ and -- operatorsBoolean operatorsEqualityStrict equality using ===Weak equality using ==JavaScript typesAutomatic semicolon insertionJavaScript style guideWhitespacesParentheses, line breaks, and bracesQuotesEnd of lines and empty linesType checkingType castingConditional evaluationNamingThe eval() method is evilThe strict modeEnabling the strict mode for an existing code can break itPackage with careVariables must be declared in strict modeThe eval() function is cleaner in strict modeFeatures that are blocked in strict modeRunning JSHint
A function literalA function declaration
Global scopeLocal scopeFunction-level scope versus block-level scopeInline function expressionsBlock scopes
The this parameterInvocation as a functionInvocation as a methodInvocation as a constructorInvocation using apply() and call() methods
Anonymous functions while creating an objectAnonymous functions while creating a listAnonymous functions as a parameter to another functionAnonymous functions in conditional logic
Stylistic considerations
Regular expressions
Alternatives – OR
Understanding objectsBehavior of JavaScript objectsPrototypes
Unit testingTest-driven developmentBehavior-driven development
Syntax errorsUsing strictRuntime exceptionsConsole.log and assertsChrome DevTools
Shims or polyfills
Block scopingDefault parametersSpread and restDestructuringObject literalsTemplate literalsMaps and SetsSymbolsIteratorsFor..of loopsArrow functions
DOMAccessing DOM elementsAccessing specific nodes
An asynchronous evented-model in a browser
Creating modules
Installing packages
JavaScript profilingThe CPU profileThe Timeline view
The road to JavaScriptThe early daysA pauseThe way of GMailJavaScript everywhere
Chunks of code
Abstract factoryImplementation
Implementation
Implementation
ImplementationDisadvantages
Implementation
AdapterImplementation
Implementation
ExampleImplementation
Implementation
Implementation
Implementation
Implementation
Chain of responsibilityImplementation
Command messageInvokerReceiver
ExampleImplementation
ImplementationECMAScript 2015 iterators
Implementation
Implementation
Implementation
Implementation
Implementation
Implementation
Functional functions are side-effect-free
Implementation
Implementation
Implementation
Implementation
Implementation
Application state changes
First, some history
MVC code
MVP code
MVVM codeA better way to transfer changes between the model and the viewObserving view changes
Sending JavaScriptCombining filesMinificationContent Delivery Networks
jQueryd3
Back-offDegraded application behavior
What's a message anyway?CommandsEvents
Fan out and in
Message replayPipes and filtersVersioning messages
Façade
Service degradationMessage storageMessage replayIndempotence of message handling
The testing pyramid
Assert
Browser testingFaking the DOMWrapping the manipulation
Dependency injection
TypeScriptDecoratorsAsync/AwaitTyping
ClassesDefault parametersTemplate literalsBlock bindings with letIn production
Introduction
Imperative methods
Functional programming languagesWhat makes a language functional?AdvantagesCleaner codeModularityReusabilityReduced couplingMathematically correctFunctional programming in a nonfunctional worldIs JavaScript a functional programming language?
Self-invoking functions and closuresHigher-order functionsPure functionsAnonymous functionsMethod chainsRecursionDivide and conquerLazy evaluation
CallbacksArray.prototype.map()Array.prototype.filter()Array.prototype.reduce()Honorable mentionsArray.prototype.forEachArray.prototype.concatArray.prototype.reverseArray.prototype.sortArray.prototype.every and Array.prototype.some
Introduction
Underscore.jsFantasy LandBilby.jsLazy.jsBacon.jsHonorable mentions
BrowsersServer-side JavaScriptA functional use case in the server-side environmentCLIUsing functional libraries with other JavaScript modulesFunctional languages that compile into JavaScript
Partial function application and curryingFunction manipulationApply, call, and the this keywordBinding argumentsFunction factoriesPartial applicationPartial application from the leftPartial application from the rightCurrying
ComposeSequence – compose in reverseCompositions versus chainsProgramming with compose
Handling events
ReactivityPutting it all together
Category theoryCategory theory in a nutshellType safetyObject identities
Creating functorsArrays and functorsFunction compositions, revisited
MaybesPromisesLensesjQuery is a monad
RecursionTail recursionThe Tail-call eliminationTrampoliningThe Y-combinatorMemoization
Scope resolutionsGlobal scopeLocal scopeObject propertiesClosuresGotchas
Function declarationsFunction expressionsThe function constructorUnpredictable behavior
JavaScript – the multi-paradigm language
InheritanceJavaScript's prototype chainInheritance in JavaScript and the Object.create() method
Functional inheritanceStrategy PatternMixinsClassical mixinsFunctional mixins

Content preview from JavaScript: Functional Programming for JavaScript Developers

Event delegation

Event delegation allows us to attach a single event listener to a parent element. This event will fire for all the descendants matching a selector even if these descendants will be created in the future (after the listener was bound to the element).

We discussed event bubbling earlier. Event delegation in jQuery works primarily due to event bubbling. Whenever an event occurs on a page, the event bubbles up from the element that it originated from, up to its parent, then up to the parent's parent, and so on, until it reaches the root element (window). Consider the following example:

<html> <body> <div id="container"> <ul id="list"> <li><a href="http://google.com">Google</a></li> <li><a href="http://myntra.com">Myntra</a></li> <li><a ...

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

Start your free trial

Mastering JavaScript Functional Programming

Publisher Resources

ISBN: 9781787124660

JavaScript: Functional Programming for JavaScript Developers

by Ved Antani, Simon Timms, Dan Mantyla

Event delegation

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

You might also like

Mastering JavaScript Functional Programming

JavaScript : Object-Oriented Programming

Beginning Functional JavaScript: Uncover the Concepts of Functional Programming with EcmaScript 8

Functional Programming in JavaScript

Publisher Resources