book

JavaScript Cookbook, 2nd Edition

by Shelley Powers

February 2015

Intermediate to advanced

634 pages

13h 29m

English

O'Reilly Media, Inc.

Read now

Unlock full access

Book AudienceBook Architecture or Why Is This Book Organized in This Way?Conventions Used in This BookUsing Code ExamplesSafari® Books OnlineHow to Contact UsAcknowledgments
Differentiating Between a JavaScript Object, Primitive, and LiteralExtracting a List from a StringChecking for an Existing, Nonempty StringInserting Special CharactersReplacing Patterns with New StringsFinding and Highlighting All Instances of a PatternSwapping Words in a String Using Capturing ParenthesesReplacing HTML Tags with Named EntitiesConverting an ISO 8601 Formatted Date to a Date Object Acceptable FormatUsing Function Closures with TimersTracking Elapsed TimeConverting a Decimal to a Hexadecimal ValueSumming All Numbers in a Table ColumnConverting Between Degrees and RadiansFind the Radius and Center of a Circle to Fit Within a Page ElementCalculating the Length of a Circular ArcUsing ES6 String Extras Without Leaving Users in the Dirt
Searching Through an ArrayFlattening a Two-Dimensional Array with concat() and apply()Removing or Replacing Array ElementsExtracting a Portion of an ArrayApplying a Function Against Each Array ElementTraversing the Results from querySelectorAll() with forEach() and call()Applying a Function to Every Element in an Array and Returning a New ArrayCreating a Filtered ArrayValidating Array ContentsUsing an Associative Array to Store Form Element Names and ValuesUsing a Destructuring Assignment to Simplify Code
Placing Your Function and HoistingPassing a Function As an Argument to Another FunctionImplementing a Recursive AlgorithmPreventing Code Blocking with a Timer and a CallbackCreating a Function That Remembers Its StateConverting Function Arguments into an ArrayReducing Redundancy by Using a Partial ApplicationImproving Application Performance with Memoization (Caching Calculations)Using an Anonymous Function to Wrap Global VariablesProviding a Default Parameter
Keeping Object Members PrivateUsing Prototype to Create ObjectsInheriting an Object’s FunctionalityExtending an Object by Defining a New PropertyPreventing Object ExtensibilityPreventing Any Changes to an ObjectNamespacing Your JavaScript ObjectsRediscovering this with Prototype.bindChaining Your Object’s Methods
Accessing a Given Element and Finding Its Parent and Child ElementsAccessing All Images in the Web PageDiscovering All Images in Articles Using the Selectors APISetting an Element’s Style AttributeApplying a Striped Theme to an Unordered ListFinding All Elements That Share an AttributeInserting a New ParagraphAdding Text to a New ParagraphDeleting Rows from an HTML TableAdding a Page OverlayCreating Collapsible Form SectionsHiding Page SectionsCreating Hover-Based Pop-Up Info WindowsDisplaying a Flash of Color to Signal an Action
Cleaning Up Your Code with JSHintUnit Testing Your Code with QUnitTesting Your Application in Various EnvironmentsPerformance Testing Different Coding TechniquesHighlighting Errors AccessiblyCreating an Accessible Automatically Updated Region
Finding the Perfect LibraryTesting for Features with Modernizr.loadGoing Beyond the Math Object’s CapabilityFinding the Number of Days Between Two DatesUsing an External Library: Building on the jQuery FrameworkUsing a jQuery PluginHandling Keyboard Shortcuts with MousetrapUtilizing the Utility Library UnderscorePackaging Your CodeAdding Support for Private Data MembersMinify Your LibraryHosting Your LibraryServing Code from a CDNConvert Your Library to a jQuery Plug-inSafely Combining Several Libraries in Your Applications
Handling an XML Document Returned via an Ajax CallExtracting Pertinent Information from an XML TreeParsing and Automatically Modifying JSONConverting an Object to a Filtered/Transformed String with JSONMaking an Ajax Request to Another Domain (Using JSONP)Processing JSON from an Ajax RequestPopulating a Selection List from the ServerUsing a Timer to Automatically Update the Page with Fresh Data

Creating a Dynamic Line Chart in CanvasAdding JavaScript to SVGAccessing SVG from Web Page ScriptIntegrating SVG and the Canvas Element in HTMLRunning a Routine When an Audio File Begins PlayingControlling Video from JavaScript with the video ElementAdding Filter Effects to Video via Canvas
Using let in Your Browser ApplicationCreating a Collection of Non-Duplicated ValuesCreating Unique Key/Value Pairs with Uniquely Different KeysCreating Absolutely Unique Object Property KeysIterating Through Tasks Made EasyCreating Functions that Gracefully YieldImplementing Just-in-Time Object Behavioral Modifications with ProxiesCreating a True Class and Extending It (with a Little Help from Traceur)Using Promises for Efficient Asynchronous Processing
Responding to a Simple Browser RequestServing Up Formatted DataReading and Writing File DataUsing let and Other ES 6 Additions in NodeInteractively Trying Out Node Code Snippets with REPLGetting Input from the TerminalWorking with Node Timers and Understanding the Node Event LoopManaging Callback HellAccessing Command-Line Functionality Within a Node ApplicationRunning Node and Apache on the Same PortKeeping a Node Instance Up and RunningMonitoring Application Changes and RestartingScreen Scraping with RequestCreating a Command-Line Utility with Help From Commander
Loading Scripts with a Script LoaderLoading Scripts Asynchronously the HTML5 WayConverting Your JavaScript to AMD and RequireJSUsing RequireJS with jQuery or Another LibraryLoading and Using Dojo ModulesInstalling and Maintaining Node Modules with npmSearching for a Specific Node Module via npmConverting Your Library into a Node ModuleTaking Your Code Across All Module EnvironmentsCreating an Installable Node ModulePackaging and Managing Your Client-Side Dependencies with BowerCompiling Node.js Modules for Use in the Browser with BrowserifyUnit Testing Your Node ModulesRunning Tasks with Grunt
Accessing JSON-Formatted Data via a RESTful APICreating a RESTFul API with RestifyEnabling a Mobile-Like Notification in the Desktop BrowserLoading a File Locally in the BrowserCreating a Mini E-Pub Reader Using Web Workers and the File APIExploring Google Maps and Other APISAccessing Twitter’s API from a Node Application
Using the Express-Generator to Generate an Express SiteConverting a Generated Express Site into a Basic MVC AppChoosing a SPA Framework: Deconstructing the TodoMVCWorking with the OAuth FrameworkExtending the Possible with Web Components
Allowing Cross-Domain RequestsImplementing a PUT Request in AjaxSending Binary Data Through Ajax and Loading into an ImageSharing HTTP Cookies Across DomainsEstablishing Two-Way Communication Between Client and ServerUnloading and Zipping Files Using Transform StreamsTesting the Performance and Capability of Your WebSockets Application
Creating an SVG Bar Chart with D3Mapping Data Point Variations with a Radar ChartFeeding a Scrolling Timeline via WebSocketGenerating Screenshots of Generated Web Page Content (PhantomJS)Converting Graphics to Text (Ocrad.js)Cropping (or Otherwise Modifying) Uploaded Images
Validating Form DataPersisting Information Using HTML5Using sessionStorage for Client-Side StorageCreating a localStorage Client-Side Data Storage ItemUsing Squel.js to Query a MySQL DatabasePersisting Larger Chunks of Data on the Client Using IndexedDBAccessing Data in the Cloud Using Dropbox Datastores
Creating an Installable, Hosted Web AppPackaging Web Apps for the Amazon AppstoreBuilding a Basic Android App Using Cordova (PhoneGap)Porting Where Am I? to AndroidCreating a Geolocation Firefox OS AppPorting the Geolocation App to a Google Chrome AppPublishing Your Geolocation App in the Kindle Fire OS EnvironmentDebugging Your Android or Amazon Fire OS AppGetting Information About the Device
The Console Is Your FriendjsBin and jsFiddle: Online JavaScript Playgrounds

Overview

Problem solving with JavaScript is a lot trickier now that its use has expanded considerably in size, scope, and complexity. This cookbook has your back, with recipes for common tasks across the JavaScript world, whether you’re working in the browser, the server, or a mobile environment. Each recipe includes reusable code and practical advice for tackling JavaScript objects, Node, Ajax, JSON, data persistence, graphical and media applications, complex frameworks, modular JavaScript, APIs, and many related technologies.