JavaScript: The Comprehensive Guide to Learning Professional JavaScript Programming

Share
Add to Wishlist
PDF

Computers\\Programming: Programming Languages

This document was uploaded by one of our users. The uploader already confirmed that they had the permission to publish it. If you are author/publisher or own the copyright of this documents, please report to us by using this DMCA report form.

Download

Search on Amazon

Simply click on the Download Book button.

Yes, Book downloads on Ebookily are 100% Free.

Sometimes the book is free on Amazon As well, so go ahead and hit "Search on Amazon"

Begin your JavaScript journey with this comprehensive, hands-on guide. You’ll learn everything there is to know about professional JavaScript programming, from core language concepts to essential client-side tasks. Build dynamic web applications with step-by-step instructions and expand your knowledge by exploring server-side development and mobile development. Work with advanced language features, write clean and efficient code, and much more! Your all-in-one guide to JavaScript Work with objects, reference types, events, forms, and web APIs Build server-side applications, mobile applications, desktop applications, and more Consult and download practical code examples Language Review Refresh your knowledge or learn JavaScript as a beginner with in-depth coverage of JavaScript basics. Understand how to store values, use data types, control flow, and debug your code. Client-Side Programming Build dynamic web applications by learning to process events, load content, create images, and use web APIs. Advanced Concepts Explore server-side application development with Node.js, mobile application development with React Native and Iconic, and desktop programming with Electron and NW.js. Work with advanced language features and more.

Author(s): Philip Ackermann
Edition: 1
Publisher: Rheinwerk Publishing
Year: 2022

Language: English
Pages: 1024

Rheinwerk
Imprint
The Library of Congress has cataloged the printed edition as follows:
Dear Reader,
Hareem Shafi
Notes on Usage
Notes on the Screen Presentation
Table of Contents
Book Resources
Preface
1 Basics and Introduction
1.1 Programming Basics
1.2 Introduction to JavaScript
1.3 Summary
2 Getting Started
2.1 Introduction to JavaScript and Web Development
2.2 Integrating JavaScript into a Web Page
2.3 Creating Output
2.4 Summary
3 Language Core
3.1 Storing Values in Variables
3.2 Using the Different Data Types
3.3 Deploying the Different Operators
3.4 Controlling the Flow of a Program
3.5 Creating Reusable Code Blocks
3.6 Responding to Errors and Handling Them Correctly
3.7 Commenting the Source Code
3.8 Debugging the Code
3.9 Summary
4 Working with Reference Types
4.1 Difference between Primitive Data Types and Reference Types
4.2 Encapsulating State and Behavior in Objects
4.3 Working with Arrays
4.4 Extracting Values from Arrays and Objects
4.5 Working with Strings
4.6 Using Maps
4.7 Using Sets
4.8 Other Global Objects
4.9 Working with Regular Expressions
4.10 Functions as Reference Types
4.11 Summary
5 Dynamically Changing Web
Pages
5.1 Structure of a Web Page
5.2 Selecting Elements
5.3 Working with Text Nodes
5.4 Working with Elements
5.5 Working with Attributes
5.6 Summary
6 Processing and Triggering Events
6.1 The Concept of Event-Driven Programming
6.2 Responding to Events
6.3 The Different Types of Events
6.4 Understanding and Influencing the Flow of Events
6.5 Programmatically Triggering Events
6.6 Summary
7 Working with Forms
7.1 Accessing Forms and Form Fields
8 Controlling Browsers and
Reading Browser Information
9 Dynamically Reloading
Contents of a Web Page
9.3 The JSON Format
9.4 Making Requests via Ajax
9.5 Summary
10 Simplifying Tasks with jQuery
10.1 Introduction
10.2 Working with the DOM
10.3 Responding to Events
10.4 Creating Ajax Requests
10.5 Summary
11 Dynamically Creating Images and Graphics
11.1 Drawing Images
11.2 Integrating Vector Graphics
11.3 Summary
12 Using Modern Web APIs
12.1 Communicating via JavaScript
12.2 Recognizing Users
12.3 Using the Browser Storage
12.4 Using the Browser Database
12.5 Accessing the File System
12.6 Moving Components of a Web Page
12.7 Parallelizing Tasks
12.8 Determining the Location of Users
12.9 Reading the Battery Level of an End Device
12.10 Outputting Speech and Recognizing Speech
12.11 Creating Animations
12.12 Working with the Command Line
12.13 Developing Multilingual Applications
12.14 Overview of Various Web APIs
12.15 Summary
13 Object-Oriented
Programming
13.1 The Principles of Object-Oriented
Programming
13.2 Prototypical Object Orientation
13.3 Pseudoclassical Object Orientation
13.4 Object Orientation with Class Syntax
13.5 Summary
14 Functional Programming
14.1 Principles of Functional Programming
14.2 Imperative Programming and Functional Programming
14.3 Summary
15 Correctly Structuring the Source Code
15.1 Avoiding Name Conflicts
15.2 Defining and Using Modules
15.3 Summary
16 Using Asynchronous Programming and Other Advanced Features
16.1 Understanding and Using Asynchronous Programming
16.2 Encapsulating Iteration over Data
Structures
16.3 Pausing and Resuming Functions
16.4 Intercepting Access to Objects
16.5 Summary
17 Creating Server-Based
Applications with Node.js
17.1 Introduction to Node.js
17.2 Managing Node.js Packages
17.3 Processing and Triggering Events
17.4 Accessing the File System
17.5 Creating a Web Server
17.6 Accessing Databases
17.7 Working with Streams
17.8 Summary
18 Creating Mobile Applications with JavaScript
18.1 The Different Types of Mobile Applications
18.2 Creating Mobile Applications with React Native
18.3 Summary
19 Desktop Applications with JavaScript
19.1 NW.js
19.2 Electron
19.3 Summary
20 Controlling Microcontrollers with JavaScript
20.1 Espruino
20.2 Tessel
20.3 BeagleBone Black
20.4 Arduino
20.5 Cylon.js
20.6 Summary
21 Establishing a Professional Development Process
21.1 Automating Tasks
21.2 Automated Testing of Source Code
21.3 Source Code Version Management
21.4 Summary
A The Author
Index
Book Resources
Preface
Target Audience
Structure of the Book
How Should I Read This Book?
Acknowledgments
Philip Ackermann
1 Basics and Introduction
1.1 Programming Basics
1.1.1 Communicating with the Computer
Definition
Definition
Tip
1.1.2 Programming Languages
Note
Compiled Programming Languages
Definition
Interpreted Programming Languages
Note
Check Support for Individual Language Features
Note
Compiler
Interpreter
Intermediate Languages
Overview of Different Programming Languages
1.1.3 Tools for Program Design
1. Set the goal of the algorithm
2. Define the steps
3. Write the algorithm
Definition
Note
Other Elements in Flowcharts
Flowcharts Are Independent of the Programming Language
Pseudocode
Flowcharts, Pseudocode, and Programming Languages
1.2 Introduction to JavaScript
1.2.1 History
Other Variants of ECMAScript
1.2.2 Fields of Application
Definition of Terms
Frontend of Web Applications
Definition
Definition
Definition
Definition
Web Application Backend
• Native applications
• HTML5 applications
Desktop Applications
Embedded Systems
Games and 3D applications
JavaScript: Not the Best Choice for Everything
1.3 Summary
2 Getting Started
2.2 Integrating JavaScript into a Web Page
Learn HTML and CSS
2.2.1 Preparing a Suitable Folder Structure
Starting Point of a JavaScript Application
2.2.2 Creating a JavaScript File
Note
Supplemental Downloads for the Book
2.2.3 Embedding a JavaScript File in an HTML File
Definition
Embedding Multiple JavaScript Files
2.2.4 Defining JavaScript Directly within the HTML
Note
Tip
The

Elements Note Definition 2.2.6 Displaying the Source Code Source Code for More Complex Web Pages 2.3 Creating Output 2.3.1 Showing the Standard Dialog Window 2.3.2 Writing to the Console Displaying the Console Writing Output to the Console Method Description Writing Input to the Console Note Logging Libraries 2.3.3 Using Existing UI Components DOM Manipulation 2.4 Summary 3 Language Core 3.1 Storing Values in Variables 3.1.1 Defining Variables Strict Mode Variables without Value Declaration of Variables since ES2015 Definition Tip 3.1.2 Using Valid Variable Names Keywords Variable Names Already Assigned Predefined Variable Names Allowed Characters Case Sensitivity CamelCase Spelling lowerCamelCase and UpperCamelCase Notation Meaningful Names Note Book Recommendation English Variable Names 3.1.3 Defining Constants 3.2 Using the Different Data Types No Data Type in Variable Declarations Loose Typing and Strong Typing 3.2.1 Numbers Defining Numbers Number Systems The Value Range of Numbers Invalid Numeric Values 3.2.2 Strings Definition of Strings Best Practice: Decide on a Style Escaping of Characters within Strings Characters Meaning Outputting Strings within a Web Page Using Template Strings Defining Placeholders within Strings Evaluating Expressions within Strings Defining Multiline Strings Note 3.2.3 Boolean Values 3.2.4 Arrays Note The Internal Structure of Arrays Multidimensional Arrays Multidimensional Arrays 3.2.5 Objects Definition of Objects The this Keyword 3.2.6 Special Data Types undefined versus null 3.2.7 Symbols 3.3 Deploying the Different Operators Note 3.3.1 Operators for Working with Numbers 3.3.2 Operators for Easier Assignment 3.3.3 Operators for Working with Strings Note 3.3.4 Operators for Working with Boolean Values Boolean Operators for Non-Boolean Operands Note The Nullish Coalescing Operator 3.3.5 Operators for Working with Bits 3.3.6 Operators for Comparing Values Nonstrict Comparison versus Strict Comparison Comparison Operators with Values that Are Not Numbers 3.3.7 The Optional Chaining Operator Note 3.3.8 The Logical Assignment Operators Real-Life Example: Initialization of Object Properties 3.3.9 Operators for Special Operations 3.4 Controlling the Flow of a Program 3.4.1 Defining Conditional Statements Note Omitting Braces 3.4.2 Defining Branches Testing Multiple Conditions Note Using More Complex Conditions Nesting Branches 3.4.3 Using the Selection Operator Note 3.4.4 Defining Multiway Branches Example Canceling switch Statements Note 3.4.5 Defining Counting Loops Definition Counting Loop Structure • Initialization • Condition • Increment expression Example: Output of the Numbers 1 to 10 The i Variable Real-Life Example: Generating Values in a Pick List Nested Counting Loops Real-Life Example: Output of the Elements of Multidimensional Arrays Counter Variables for Nested Loops Maximum Depth of Nested Loops 3.4.6 Defining Head-Controlled Loops Real-Life Example: Moving HTML Elements within a Web Page Note 3.4.7 Defining Tail-Controlled Loops Note Nesting of Head-Controlled and Tail-Controlled Loops 3.4.8 Prematurely Terminating Loops and Loop Iterations Note Prematurely Terminating Loop Iterations Infinite Loops Note Defining Jump Labels Jump Labels in Practice 3.5 Creating Reusable Code Blocks 3.5.1 Defining Functions Defining Functions Using a Function Declaration Function Names Defining Functions Using a Function Expression Definition Note Function Declarations versus Function Expressions Creating Functions via a constructor Function Strict Mode 3.5.2 Calling Functions 3.5.3 Passing and Evaluating Function Parameters Defining Functions with a Parameter Calling Functions with a Parameter Parameters versus Arguments Parameter Data Types Calling Functions with Multiple Parameters Calling Functions with Fewer Arguments than Specified Parameters Note Calling Functions with More Arguments than Specified Parameters (Using the arguments Variable) Array-Like Objects Functions with a Variable Number of Arguments Note 3.5.4 Defining Return Values Note Multiple Return Values Note 3.5.5 Defining Default Values for Parameters 3.5.6 Using Elements from an Array as Parameters 3.5.7 Defining Functions Using Short Notation Other Features of Arrow Functions 3.5.8 Modifying Strings via Functions 3.5.9 Functions in Detail The Function Call Stack Execution Contexts • Execution context of a function call • Execution context of an eval() function call Note Scopes Context Object Note 3.5.10 Calling Functions through User Interaction 3.6 Responding to Errors and Handling Them Correctly 3.6.1 Syntax Errors Finding Syntax Errors 3.6.2 Runtime Errors Finding Runtime Errors 3.6.3 Logic Errors Bugs Finding Logic Errors 3.6.4 The Principle of Error Handling Exceptions and Exception Handling 3.6.5 Catching and Handling Errors Other Properties of the Error Object 3.6.6 Triggering Errors Number of catch Blocks 3.6.7 Errors and the Function Call Stack Forward Error to the User or Not? 3.6.8 Calling Certain Statements Regardless of Errors That Have Occurred Note • Use of try in combination with catch • Use of try in combination with finally 3.7 Commenting the Source Code 3.8 Debugging the Code 3.8.1 Introduction 3.8.2 A Simple Code Example 3.8.3 Defining Breakpoints Defining Breakpoints Using the debugger Keyword 3.8.4 Viewing Variable Assignments 3.8.5 Running a Program Step by Step Button Meaning 3.8.6 Defining Multiple Breakpoints 3.8.7 Other Types of Breakpoints 3.8.8 Viewing the Function Call Stack 3.9 Summary 4 Working with Reference Types 4.1 Difference between Primitive Data Types and Reference Types 4.1.1 The Principle of Primitive Data Types 4.1.2 The Principle of Reference Types Note 4.1.3 Primitive Data Types and Reference Types as Function Arguments 4.1.4 Determining the Type of a Variable Note Note Note 4.1.5 Outlook 4.2 Encapsulating State and Behavior in Objects 4.2.1 Introduction to Object-Oriented Programming 4.2.2 Creating Objects Using Literal Notation The this Keyword Creating Objects via Object.entries() 4.2.3 Creating Objects via Constructor Functions Notation for Constructor Functions Note Calling Constructor Functions Constructor Functions of Standard Objects Prototypes Prototype Chain 4.2.4 Creating Objects Using Classes Class Diagrams typeof versus instanceof 4.2.5 Creating Objects via the Object.create() Function Property Attributes Conclusion About Creating Objects 4.2.6 Accessing Properties and Calling Methods Definition Setters and Getters Data Encapsulation Note Data Properties and Access Properties 4.2.7 Adding or Overwriting Object Properties and Object Methods Creating Object Properties and Object Methods via Dot Notation Preventing Properties and Methods from Being Overwritten Creating Object Properties and Object Methods via Bracket Notation 4.2.8 Deleting Object Properties and Object Methods Note delete Operator versus null and undefined 4.2.9 Outputting Object Properties and Object Methods Outputting Object Properties and Object Methods via the for-in Loop Outputting Object Properties and Object Methods via the Helper Methods Note Inheritance 4.2.10 Using Symbols to Define Unique Object Properties Symbol.iterator 4.2.11 Preventing Changes to Objects Preventing Extensions to Objects Sealing Objects Sealed Objects Are Not Expandable Freezing Objects Comparison of the Techniques Shown 4.3 Working with Arrays 4.3.1 Creating and Initializing Arrays Creating Arrays without the new Keyword Different Types in Arrays • Functional aspects 4.3.2 Accessing Elements of an Array 4.3.3 Adding Elements to an Array Adding an Element to the End of an Array Adding an Element to the Beginning of an Array Inserting Elements at Any Position in the Array Various Uses of the splice() Method 4.3.4 Removing Elements from an Array Removing the Last Element from an Array Removing the First Element from an Array Removing Some of the Elements from an Array 4.3.5 Copying Some of the Elements from an Array 4.3.6 Sorting Arrays Reversing the Order of Elements in an Array Functions as Parameters of Other Functions Sorting Objects in Arrays 4.3.7 Using Arrays as a Stack Alternative Implementation of Stacks 4.3.8 Using Arrays as a Queue Practical Example of Queues Alternative Implementation of Queues 4.3.9 Finding Elements in Arrays Searching from the Beginning of the Array Searching from the End of an Array Another Method for Arrays Finding Elements by Search Criterion 4.3.10 Copying Elements within an Array 4.3.11 Converting Arrays to Strings 4.4 Extracting Values from Arrays and Objects 4.4.1 Extracting Values from Arrays Extracting Values from Arrays without Destructuring Extracting Values from Arrays with Destructuring Note Using Already Existing Variables for Destructuring Value Assignment with Fewer Elements in the Array Defining Default Values for Variables Extracting Only Specific Values Extracting Values from Multidimensional Arrays 4.4.2 Extracting Values from Objects Extracting Values from Nested Objects Combining Object Destructuring with Array Destructuring Note 4.4.3 Extracting Values within a Loop 4.4.4 Extracting Arguments of a Function 4.4.5 Copying Object Properties to Another Object 4.4.6 Copying Object Properties from Another Object 4.5 Working with Strings 4.5.1 The Structure of a String 4.5.2 Determining the Length of a String 4.5.3 Searching within a String Searching for the First Occurrence Searching for the Last Occurrence 4.5.4 Extracting Parts of a String More Methods for Strings 4.6 Using Maps 4.6.1 Creating Maps Iterable Objects 4.6.2 Basic Operations 4.6.3 Iterating over Maps Iterating over the Keys of a Map The for-of Loop Iterating over the Values of a Map Iterating over the Key-Value Pairs of a Map 4.6.4 Using Weak Maps Definition: Garbage Collection Private Object Properties with Weak Maps 4.7 Using Sets 4.7.1 Creating Sets 4.7.2 Basic Operations of Sets 4.7.3 Iterating over Sets 4.7.4 Using Weak Sets 4.8 Other Global Objects 4.8.1 Working with Date and Time Information 4.8.2 Performing Complex Calculations 4.8.3 Wrapper Objects for Primitive Data Types 4.9 Working with Regular Expressions 4.9.1 Defining Regular Expressions Note 4.9.2 Testing Characters against a Regular Expression 4.9.3 Using Character Classes Note Predefined Character Classes Continuation of the Phone Number Example 4.9.4 Limiting Beginning and End Meaning of the Circumflex Character Continuation of the Phone Number Example 4.9.5 Using Quantifiers Defining Optional Occurrences Defining at Least One Occurrence Defining an Exact Number of Occurrences 4.9.6 Searching for Occurrences Property/Element Description Note 4.9.7 Searching All Occurrences within a String Note 4.9.8 Accessing Individual Parts of an Occurrence Another Advantage of Grouping Characters 4.9.9 Searching for Specific Strings 4.9.10 Replacing Occurrences within a String 4.9.11 Searching for Occurrences 4.9.12 Splitting Strings Note 4.10 Functions as Reference Types 4.10.1 Using Functions as Arguments Usage Example: Calling Functions for All Elements of an Array The forEach() Method 4.10.2 Using Functions as Return Values Chaining Function Calls 4.10.3 Standard Methods of Each Function Binding Objects Using the bind() Method Note Calling Functions via the call() Method Calling Functions via the apply() Method 4.11 Summary 5 Dynamically Changing Web Pages 5.1 Structure of a Web Page 5.1.1 Document Object Model Background Information 5.1.2 The Different Types of Nodes Note Examining the DOM in the Browser 5.1.3 The Document Node DOM under Node.js Interface, Implementation, and API 5.2 Selecting Elements Selection Methods 5.2.1 Selecting Elements by ID Tip Performance of Selection Methods Tip 5.2.2 Selecting Elements by Class Contacts Modifying the CSS of an Element Method Borrowing 5.2.3 Selecting Elements by Element Name Contacts Note 5.2.4 Selecting Elements by Name Browser Support of getElementsByName() 5.2.5 Selecting Elements by Selector Contacts Contacts 5.2.6 Selecting the Parent Element of an Element Nodes and Elements 5.2.7 Selecting the Child Elements of an Element Whitespace Nodes Note 5.2.8 Selecting the Sibling Elements of an Element 5.2.9 Calling Selection Methods on Elements 5.2.10 Selecting Elements by Type 5.3 Working with Text Nodes 5.3.1 Accessing the Text Content of an Element 5.3.2 Modifying the Text Content of an Element textContent versus innerText 5.3.3 Modifying the HTML below an Element 5.3.4 Creating and Adding Text Nodes Other Methods for Creating Nodes Document Node Methods 5.4 Working with Elements 5.4.1 Creating and Adding Elements Adding Text Nodes 5.4.2 Removing Elements and Nodes 5.4.3 The Different Types of HTML Elements Obsolete Elements Property Names versus Element Names 5.5 Working with Attributes 5.5.1 Reading the Value of an Attribute 5.5.2 Changing the Value of an Attribute or Adding a New Attribute Note 5.5.3 Creating and Adding Attribute Nodes 5.5.4 Removing Attributes 5.5.5 Accessing CSS classes 5.6 Summary 6 Processing and Triggering Events 6.1 The Concept of Event-Driven Programming 6.2 Responding to Events Implicit Events • HTML event handlers • DOM event handlers • DOM event listeners The jQuery Helper Library Definition of Terms 6.2.1 Defining an Event Handler via HTML Native Validation in HTML5 Client-Side and Server-Side Validation 6.2.2 Defining an Event Handler via JavaScript 6.2.3 Defining Event Listeners Event Listener for Loading the Document Content The attachEvent() Method 6.2.4 Defining Multiple Event Listeners Note 6.2.5 Passing Arguments to Event Listeners Event Listeners as Arrow Functions 6.2.6 Removing Event Listeners 6.2.7 Defining Event Handlers and Event Listeners via a Helper Function 6.2.8 Accessing Information of an Event The Event Object in Internet Explorer 6.3 The Different Types of Events Other Events 6 .3.1 Events when Interacting with the Mouse mouseenter/mouseleave versus mouseover/mouseout Note 6 .3.2 Events when Interacting with the Keyboard and with Text Fields 6 .3.3 Events when Working with Forms Note 6 .3.4 Events when Focusing Elements Note 6.3.5 General Events of the User Interface Usage of the load Event 6.3.6 Events on Mobile Devices 6.4 Understanding and Influencing the Flow of Events 6.4.1 The Event Phases 1. Capturing phase 2. Target phase 3. Bubbling phase Event Bubbling Example Event Handlers in the Bubbling Phase 6.4.2 Interrupting the Event Flow Event Listeners in the Capturing Phase Interrupting the Event Flow Immediately Note 6.4.3 Preventing Default Actions of Events Generic Helper Function Return Value of Event Handlers 6.5 Programmatically Triggering Events 6.5.1 Triggering Simple Events 6.5.2 Triggering Events with Passed Arguments 6.5.3 Triggering Default Events Browser Support 6.6 Summary 7 Working with Forms 7.1 Accessing Forms and Form Fields 7.1.1 Accessing Forms The Bootstrap Framework 7.1.2 Accessing Form Elements JavaScript Objects for HTML Components 7.1.3 Reading the Value of Text Fields and Password Fields 7.1.4 Reading the Value of Checkboxes 7.1.5 Reading the Value of Radio Buttons 7.1.6 Reading the Value of Selection Lists 7.1.7 Reading the Values of Multiple Selection Lists 7.1.8 Populating Selection Lists with Values Using JavaScript Selecting Files 7.2 Programmatically Submitting and Resetting Forms Be Careful When Choosing Names for Form Elements 7.3 Validating Form Inputs Definition CSS Pseudoclasses for Forms 7.4 Summary 8 Controlling Browsers and Reading Browser Information 8.1 The B rowser Object Model Background Information 8.2 Accessing Window Information 8.2.1 Determining the Size and Position of a Browser Window 8.2.2 Changing the Size and Position of a Browser Window 8.2.3 Accessing Display Information of the Browser Bars 8.2.4 Determining General Properties Property Description 8.2.5 Opening New Browser Windows 8.2.6 Closing the Browser Window Opening the Browser Window via JavaScript 8.2.7 Opening Dialogs Method Description 8.2.8 Executing Functions in a Time-Controlled Manner 8.3 Accessing Navigation Information of a Currently Open Web Page 8.3.1 Accessing the Individual Components of the URL 8.3.2 Accessing Query String Parameters 8.3.3 Loading a New Web Page 8.4 Viewing and Modifying the Browsing History 8.4.1 Navigating in the Browsing History 8.4.2 Browsing History for Single-Page Applications 8.4.3 Adding Entries to the Browsing History Web Servers 8.4.4 Responding to Changes in the Browsing History 8.4.5 Replacing the Current Entry in the Browsing History 8.5 Recognizing Browsers and Determining B rowser F eatu res Note 8.6 Accessing Screen Information 8.7 Summary 9 Dynamically Reloading Contents of a Web Page 9.1 The Principle of Ajax 9.1.1 Synchronous Communication 9.1.2 Asynchronous Communication Note 9.1.3 Typical Use Cases for Ajax Automatic Completion of Input Fields Pagination of Large Records News Tickers Editable UI Components Note 9.1.4 Data Formats Used • HTML Various Exchange Formats 9.2 The XML Format 9.2.1 The Structure of XML 9.2.2 XML and the DOM API Note 9.2.3 Converting Strings to XML Objects 9.2.4 Converting XML Objects to Strings 9.3 The JSON Format 9.3.1 The Structure of JSON Note JSON Is a Subset of Object Literal Notation 9.3.2 Difference between JSON and JavaScript Objects Validating JSON 9.3.3 Converting Objects to JSON Format 9.3.4 Converting Objects from JSON Format 9.4 Making Requests via Ajax 9.4.1 The XMLHttpRequest Object Note Flow of a Request via Ajax Setting Up a Web Server Methods of XMLHttpRequest XMLHttpRequest Properties Registering Event Listeners to XMLHttpRequest Difference between the load and readystatechange Events 9.4.2 Loading HTML Data via Ajax 9.4.3 Loading XML Data via Ajax Usage Example: Generating HTML Table Based on XML Data 9.4.4 Loading JSON Data via Ajax Usage Example: Generating a HTML Table Based on JSON Data The jQuery Library 9.4.5 Sending Data to the Server via Ajax 9.4.6 Submitting Dorms via Ajax Note 9.4.7 Loading Data from Other Domains Note Loading Data from Other Servers via Proxy Loading Data from Other Servers via CORS Browser Support and Specification of CORS Loading Data from Other Servers via JSONP 9.4.8 The Newer Alternative to XMLHttpRequest The Fetch API 9.5 Summary 10 Simplifying Tasks with jQuery Note 10.1 Introduction jQuery Isn’t Always Necessary Tip 10.1.1 Embedding jQuery Minified Versions versus Nonminified Versions 10.1.2 Embedding jQuery via a Content Delivery Network Content Delivery Network 10.1.3 Using jQuery • Call with CSS selector • Call with nodes from the DOM tree • Call with HTML string Note 10.1.4 Simplifying Tasks with jQuery jQuery Plug-ins 10.2 Working with the DOM 10.2.1 Selecting Elements • Basic selectors • Basic filter selectors • Content filter selectors • Attribute filter selectors • Form filter selectors • Child filter selectors Selector Description Note Combination of Selectors 10.2.2 Accessing and Modifying Content Method Description 10.2.3 Filtering Selected Elements 10.2.4 Accessing Attributes 10.2.5 Accessing CSS Properties 10.2.6 Navigating between Elements 10.2.7 Using Effects and Animations 10.3 Responding to Events 10.3.1 Registering Event Listeners Note 10.3.2 Responding to General Events 10.3.3 Responding to Mouse Events Note 10.3.4 Responding to Keyboard Events Fluent API 10.3.5 Responding to Form Events Method Description 10.3.6 Accessing Information from Events 10.4 Creating Ajax Requests 10.4.1 Creating Ajax Requests 10.4.2 Responding to Events 10.4.3 Loading HTML Data via Ajax 10.4.4 Loading XML Data via Ajax 10.4.5 Loading JSON Data via Ajax Sending Additional Data with the Request 10.5 Summary 11 Dynamically Creating Images and Graphics 11.1 Drawing Images 11.1.1 The Drawing Area 11.1.2 The Rendering Context 2D and 3D Context Checking Support for the Canvas API 11.1.3 Drawing Rectangles Note 11.1.4 Using Paths Closing Paths The Path2D Object Drawing Bezier Curves Drawing Arcs and Circles 11.1.5 Drawing Texts 11.1.6 Drawing Gradients Drawing Radial Gradients 11.1.7 Saving and Restoring the Canvas State 11.1.8 Using Transformations • Rotation • Translation Scaling Changing the Transformation Matrix Rotation Translation 11.1.9 Creating Animations 11.2 Integrating Vector Graphics 11.2.1 The SVG Format 11.2.2 Integrating SVG in HTML Integrating via the <img> Element Integrating via the <iframe> Element Integrating via the <object> Element Integrating as Background Image via CSS Inline Definition in HTML 11.2.3 Changing the Appearance of SVG Elements with CSS 11.2.4 Manipulating the Behavior of SVG Elements via JavaScript Registering an Event Listener for SVG Elements Dynamically Changing SVG Elements 11.3 Summary 12 Using Modern Web APIs More Web APIs in This Book W3C versus WHATWG 12.1 Communicating via JavaScript 12.1.1 Unidirectional Communication with the Server 12.1.2 Bidirectional Communication with a Server 12.1.3 Outgoing Communication from the Server Implementing the Server Side Starting the Server 12.2 Recognizing Users 12.2.1 Using Cookies Content of Cookies 12.2.2 Creating Cookies Cookies for Local HTML Files Note 12.2.3 Reading Cookies Application Cases for Cookies 12.2.4 Example: Shopping Cart Based on Cookies Showing Content of Cookies 12.2.5 Disadvantages of Cookies 12.3 Using the Browser Storage 12.3.1 Storing Values in the Browser Storage 12.3.2 Reading Values from the Browser Storage 12.3.3 Updating Values in the Browser Storage 12.3.4 Deleting Values from the Browser Storage 12.3.5 Responding to Changes in the Browser Storage 12.3.6 The Different Types of Browser Storage 12.3.7 Example: Shopping Cart Based on the Browser Storage Viewing the Contents of the Browser Storage 12.4 Using the Browser Database CRUD Operations 12.4.1 Opening a Database Browser Prefixes 12.4.2 Creating a Database Database Schema 12.4.3 Creating an Object Store Increasing the Version Number of a Database 12.4.4 Adding Objects to an Object Store keyPath autoIncrement Description Transactions Note Viewing the Contents of Databases 12.4.5 Reading Objects from an Object Store 12.4.6 Deleting Objects from an Object Store 12.4.7 Updating Objects in an Object Store 12.4.8 Using a Cursor 12.5 Accessing the File System 12.5.1 Selecting Files via File Dialog 12.5.2 Selecting Files via Drag and Drop 12.5.3 Reading Files Event Handler Description Data URLs URL versus URI versus URN 12.5.4 Monitoring the Reading Progress 12.6 Moving Components of a Web Page 12.6.1 Events of a Drag-and-Drop Operation 12.6.2 Defining Movable Elements 12.6.3 Moving Elements Pass Any Data 12.7 Parallelizing Tasks Definitions 12.7.1 The Principle of Web Workers Note 12.7.2 Use Web Workers 12.8 Determining the Location of Users 12.8.1 Accessing Location Information Consent of the User 12.8.2 Continuously Accessing Location Information 12.8.3 Showing the Position on a Map Proprietary APIs 12.8.4 Showing Directions 12.9 Reading the Battery Level of an End Device 12.9.1 Accessing Battery Information 12.9.2 Responding to Events 12.10 Outputting Speech and Recognizing Speech 12.10.1 Outputting Speech 12.10.2 Recognizing Speech 12.11 Creating Animations 12.11.1 Using the API 12.11.2 Controlling an Animation 12.12 Working with the Command Line 12.12.1 Selecting and Inspecting DOM Elements Note Note 12.12.2 Events Analysis 12.12.3 Debugging, Monitoring, and Profiling 12.13 Developing Multilingual Applications 12.13.1 Explanation of Terms 12.13.2 The Internationalization API Note 12.13.3 Comparing Character String Expressions 12.13.4 Formatting Dates and Times 12.13.5 Formatting Numeric Values 12.14 Overview of Various Web APIs 12.15 Summary 13 Object-Oriented Programming 13.1 The Principles of Object-Oriented Programming • Abstraction • Data encapsulation • Inheritance Other Principles of Object-Oriented Programming 13.1.1 Classes, Object Instances, and Prototypes Deviation from UML Standard Types of Object Orientation JavaScript Doesn’t Know Real Classes 13.1.2 Principle 1: Define Abstract Behavior 13.1.3 Principle 2: Encapsulate Condition and Behavior 13.1.4 Principle 3: Inherit Condition and Behavior Subtypes and Supertypes Note 13.1.5 Principle 4: Accept Different Types Statically Typed versus Dynamically Typed Note 13.1.6 JavaScript and Object Orientation 13.2 Prototypical Object Orientation 13.2.1 The Concept of Prototypes Note 13.2.2 Deriving from Objects Note 13.2.3 Inheriting Methods and Properties 13.2.4 Defining Methods and Properties in the Inheriting Object 13.2.5 Overwriting Methods Note 13.2.6 The Prototype Chain Note 13.2.7 Calling Methods of the Prototype 13.2.8 Prototypical Object Orientation and the Principles of Object Orientation 13.3 Pseudoclassical Object Orientation 13.3.1 Defining Constructor Functions 13.3.2 Creating Object Instances 13.3.3 Defining Methods 13.3.4 Deriving from Objects 13.3.5 Calling the Constructor of the "Superclass" 13.3.6 Overwriting Methods 13.3.7 Calling Methods of the "Superclass" 13.3.8 Pseudoclassical Object Orientation and the Principles of Object Orientation 13.4 Object Orientation with Class Syntax Note 13.4.1 Defining Classes Class Expressions Note 13.4.2 Creating Object Instances 13.4.3 Defining Getters and Setters 13.4.4 Defining Private Properties and Private Methods 13.4.5 Deriving from "Classes" Class Syntax Creates Same Structure as Pseudoclassical Object Orientation Deriving from Standard Classes 13.4.6 Overwriting Methods Note 13.4.7 Calling Methods of the "Superclass" Avoiding Duplicate Code Access to Methods of the "Superclass" 13.4.8 Defining Static Methods Static Methods Are Methods on the Function Object 13.4.9 Defining Static Properties Note 13.4.10 Class Syntax and the Principles of Object Orientation 13.5 Summary о Abstraction о Data encapsulation о Inheritance 14 Functional Programming 14.1 Principles of Functional Programming Note 14.2 Imperative Programming and Functional Programming 14.2.1 Iterating with the forEach() Method Note 14.2.2 Mapping Values with the map() Method Note 14.2.3 Filtering Values with the filter() Method Note Note 14.2.4 Reducing Multiple Values to One Value with the reduce() Method Note 14.2.5 Combination of the Different Methods 14.3 Summary 15 Correctly Structuring the Source Code 15.1 Avoiding Name Conflicts Note Note Advantage of Domain Names with Namespaces 15.2 Defining and Using Modules 15.2.1 The Module Design Pattern Using Closures Using IIFEs OR Operation on Namespace Design Pattern 15.2.2 The Revealing Module Design Pattern Importing Modules 15.2.3 AMD 15.2.4 CommonJS 15.2.5 Native Modules Defining Modules Note Importing Modules Note 16 Using Asynchronous Programming and Other Advanced Features 16.1 Understanding and Using Asynchronous Programming • The callback design pattern • Promises 16.1.1 Using the Callback Design Pattern Passing Functions, Instead of Calling Them Pitfall 1: Return Values of Asynchronous Functions Pitfall 2: Throwing Errors in Asynchronous Functions Passing Results and Errors to Callback Parameters of a Callback Function The Problem of Asynchronous Programming with Callbacks 16.1.2 Using Promises Processing a Promise Concatenating Promise Calls Note The States of Promises Using Promises Helper Methods 16.1.3 Using Async Functions Note 16.2 Encapsulating Iteration over Data Structures 16.2.1 The Principle of Iterators 16.2.2 Using Iterators 16.2.3 Creating Your Own Iterator 16.2.4 Creating an Iterable Object Note 16.2.5 Iterating over Iterable Objects 16.3 Pausing and Resuming Functions 16.3.1 Creating a Generator Function 16.3.2 Creating a Generator Note 16.3.3 Iterating over Generators 16.3.4 Creating Infinite Generators 16.3.5 Controlling Generators with Parameters 16.5 Summary 17 Creating Server-Based Applications with Node.js 17.1 Introduction to Node.js 17.1.1 The Architecture of Node.js 17.1.2 Installing Node.js Read-Eval-Print Loop 17.1.3 A Simple Application 17.3 Processing and Triggering Events 17.3.1 Triggering and Intercepting an Event Property/Method Description 17.3.2 Triggering an Event Multiple Times 17.3.3 Intercepting an Event Exactly Once Note 17.3.4 Intercepting an Event Multiple Times 17.4 Accessing the File System 17.4.1 Reading Files Reading Files from the Browser and under Node.js Note 17.4.3 Reading File Information Note 17.4.4 Deleting Files 17.4.5 Working with Directories Note 17.5 Creating a Web Server 17.5.1 Starting a Web Server Server-Sent Events 17.5.2 Making Files Available via Web Server 17.5.3 Creating a Client for a Web Server Note 17.5.4 Defining Routes 17.5.5 Using the Express.js Web Framework Having an Express.js Application Generated HTTP Method Method Call in Express.js Using Middleware Installing Middleware Packages Other Middleware Packages Configuring Static Files 17.6 Accessing Databases 17.6.1 MongoDB Installation Configuring the MongoDB Directory 17.6.2 Installing a MongoDB Driver for Node.js 17.6.3 Establishing a Connection to the Database 17.6.4 Creating a Collection Alternative Method for Creating a Collection 17.6.5 Saving Objects 17.6.6 Reading Objects 17.6.7 Updating Objects 17.6.8 Deleting Objects The MEAN Stack 17.7 Working with Streams 17.7.1 Introduction and Types of Streams 17.7.2 Stream Use Cases 17.7.3 Reading Data with Streams 17.7.4 Writing Data with Streams 17.7.5 Combining Streams Using Piping Real-Life Example: Compressing Files Real-Life Example: Decompress Files 17.7.6 Error Handling during Piping 17.8 Summary 18 Creating Mobile Applications with JavaScript 18.1 The Different Types of Mobile Applications 18.1.1 Native Applications Technologies Advantages Disadvantages 18.1.2 Mobile Web Applications Technologies Advantages Disadvantages W3C Standards 18.1.3 Hybrid Applications Technologies Advantages 18.1.4 Comparison of the Different Approaches 18.2 Creating Mobile Applications with React Native 18.2.1 The Principle of React Native 18.2.2 Installation and Project Initialization File/Directory Description 18.2.3 Starting the Application 18.2.4 The Basic Structure of a React Native Application Note 18.2.5 Using UI Components Using Buttons Using Input Fields 18.2.6 Communication with the Server 18.2.7 Building and Publishing Applications 18.3 Summary 19 Desktop Applications with JavaScript • Access to native features • No need to worry about browser versions • No internet access required • No download time 19.1 NW.js 19.1.1 Installing and Creating an Application Note 19.1.2 Starting the Application Hello World! 19.1.3 Packaging of the Application 19.1.4 More Sample Applications 19.2 Electron Other Differences Note 19.2.1 Installing and Creating an Application 19.2.2 Starting the Application 19.2.3 Packaging 19.2.4 More Sample Applications 19.3 Summary 20 Controlling Microcontrollers with JavaScript Note 20.1 Espruino 20.1.1 Technical Information 20.1.2 Connection and Installation 20.1.3 First Example 20.1.4 Controlling LEDs 20.1.5 More Modules 20.1.6 Reading Sensors Even Smaller: Espruino Pico 20.2 Tessel 20.2.1 Technical Information 20.2.2 Connection and Installation 20.2.3 Controlling LEDs Note 20.2.4 Programming the Push Buttons 20.2.5 Extending the Tessel with Modules 20.3 BeagleBone Black 20.3.1 Technical Information 20.3.2 Connection and Installation Note 20.3.3 Controlling LEDs 20.4 Arduino Arduino Yun 20.4.1 The Firmata Protocol 20.4.2 Connection and Installation 20.4.3 The Johnny Five Node.js Module 20.5 Cylon.js 20.5.1 Controlling the BeagleBone Black with Cylon.js 20.5.2 Controlling the Tessel Board with Cylon.js 20.5.3 Controlling an Arduino with Cylon.js 20.6 Summary 21 Establishing a Professional Development Process 21.1 Automating Tasks 21.1.1 Automating Tasks with Grunt Using Plug-ins Plug-in Description Installing Plug-ins Default Task 21.1.2 Automating Tasks with Gulp 21.2 Automated Testing of Source Code 21.2.1 The Principle of Automated Tests 21.2.2 The Principle of Test-Driven Development 1. Write test 2. Run test 3. Implement component 4. Run test again 5. Optimize component 21.2.3 Automated Testing of Source Code with QUnit Installing QUnit Runing a Test Implementing the Component and Running the Test Again Writing Another Test 21.2.4 Automated Testing of Source Code with mocha Writing a Test Running a Test Reporter Description 21.3 Source Code Version Management 21.3.1 Introduction to Version Management Git versus GitHub 21.3.2 Installing and Configuring the Git Version Control System 21.3.3 Creating a New Local Repository 21.3.4 Cloning an Existing Repository 21.3.5 Transferring Changes to the Staging Area 21.3.6 Transferring Changes to the Local Repository 21.3.7 The Different States in Git 21.3.8 Transfering Changes to the Remote Repository 21.3.9 Transferring Changes from the Remote Repository 21.3.10 Working in a New Branch 21.3.11 Adopting Changes from a Branch 21.3.12 Overview of the Most Important Commands and Terms 21.4 Summary A The Author Index |A |B |C |D |E |F |G |H |I J |K |L |M |N |O |P |Q |R |S |T |U |V |W |X |Y CJ Service Pages Praise and Criticism Supplements Technical Issues Recommendations for Screen Presentation and Navigation About Us and Our Program Legal Notes Copyright Note Your Rights as a User Digital Watermark Trademarks Limitation of Liability </div> </div> <div class="tab-pane fade" id="women-tab-pane" role="tabpanel" aria-labelledby="women-tab" tabindex="0"> <div class="content__body"> <div id="disqus_thread"></div> <script> /** * RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS. * LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT: https://disqus.com/admin/universalcode/#configuration-variables */ /* var disqus_config = function () { this.page.url = PAGE_URL; // Replace PAGE_URL with your page's canonical URL variable this.page.identifier = PAGE_IDENTIFIER; // Replace PAGE_IDENTIFIER with your page's unique identifier variable }; */ (function() { // DON'T EDIT BELOW THIS LINE var d = document, s = d.createElement('script'); s.src = 'https://ebookily.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); })(); Please enable JavaScript to view the <a rel="nofollow" href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a>

JavaScript: The Comprehensive Guide to Learning Professional JavaScript Programming

My Account

Infomation

Talk To Us

JavaScript: The Comprehensive Guide to Learning Professional JavaScript Programming

How to Download?

Is it Free?

Book is not loading. What to do?