Professional JavaScript

Spis treści książki

• Preface
  • About the Book
    • About the Authors
    • Learning Objectives
    • Audience
    • Approach
    • Hardware Requirements
    • Software Requirements
    • Conventions
    • Installation and Setup
    • Installing Node.js and npm
    • Additional Resources
• Chapter 1
• JavaScript, HTML, and the DOM
  • Introduction
  • HTML and the DOM
    • Exercise 1: Iterating over Nodes in a Document
  • Developer Tools
    • Exercise 2: Manipulating the DOM from the Elements Tab
    • Exercise 3: Debugging Code from the Sources Tab
    • The Console Tab
    • Activity 1: Extracting Data from a Page
    • Nodes and Elements
    • Exercise 4: Traversing the DOM Tree
    • Special Objects
    • Using JavaScript to Query the DOM
    • Exercise 5: Querying the DOM Using querySelector
    • Manipulating the DOM
    • Exercise 6: Filtering and Searching Products
    • Shadow DOM and Web Components
    • Exercise 7: Replacing a Search Box with a Web Component
    • Activity 2: Replacing the Tag Filter with a Web Component
  • Summary
• Chapter 2
• Node.js and npm
  • Introduction
  • What is Node.js?
    • Exercise 8: Running Your First Node.js Commands
  • Node Version Manager (nvm)
    • Exercise 9: Using nvm to Manage Versions
  • Node Package Manager (npm)
    • Exercise 10: Creating a Command-Line HTML Generator
    • Dependencies
    • npm Scripts
    • Activity 3: Creating an npm Package to Parse HTML
  • Summary
• Chapter 3
• Node.js APIs and Web Scraping
  • Introduction
  • Globals
    • Exercise 11: Creating a Task Reminder Application
  • FileSystem APIs
    • Exercise 12: Searching for a File through a Directory Using Glob Pattern
  • HTTP APIs
    • Exercise 13: Serving Static Files
    • Exercise 14: Serving Dynamic Content
  • What is Scraping?
    • Downloading and Parsing Web Pages
    • Exercise 15: Scraping Medium Articles
    • Activity 4: Scraping Products and Prices from Storefront
  • Summary
• Chapter 4
• RESTful APIs with Node.js
  • Introduction
  • What is an API?
  • What is REST?
    • Express.js for RESTful APIs on Node.js
    • Exercise 16: Creating an Express Project with an Index Route
    • Interacting with Your API via HTTP
    • Exercise 17: Creating and Importing a Route File
    • HTTP Status Codes
    • Designing Your API
    • Exercise 18: Creating Action Routes
    • Further Modularizing
  • Type Checking and Validating the Input Sent to an Endpoint
    • Exercise 19: Creating a Route with Type Checking and Validation
  • Useful Defaults and Easy Inputs
    • Exercise 20: Making the Duration Input Optional
  • Middleware
    • Exercise 21: Setting Up an Endpoint that Requires Authentication
  • The Contents of a JWT
  • MongoDB
    • Activity 5: Creating an API Endpoint for a Keypad Door Lock
  • Summary
• Chapter 5
• Modular JavaScript
  • Introduction
    • Dependencies and Security
    • Other Costs of Modularity
    • Reviewing Imports and Exports
    • Separation of Concerns
  • ES6 Modules
    • Exercise 22: Writing a Simple ES6 Module
    • Objects in JavaScript
    • Prototypes
    • Exercise 23: Extending the Number Prototype
    • ES6 Classes
  • Object-Oriented Programming (OOP)
    • Abstraction
    • Classes and Constructors
    • Exercise 24: Converting a Light Module to a Class
    • Default Attributes
    • Encapsulation
    • WeakMap
    • Exercise 25: WeakMap for Encapsulation
    • Getters and Setters
    • Inheritance
    • Exercise 26: Extending a Class
    • Polymorphism
    • Exercise 27: LightBulb Builder
  • npm Package
    • npm Link Command
    • Npm Publish Command
    • ESM versus CommonJS
    • Babel
    • webpack
    • Exercise 28: Converting ES6 and Packages with webpack and Babel
    • Composability and Strategies for Combining Modules
    • Activity 6: Creating a Lightbulb with a Flash Mode
  • Summary
• Chapter 6
• Code Quality
  • Introduction
  • Clear Naming
    • Convention
    • Opinionated versus Non-Opinionated
    • Linting
    • Exercise 29: Setting up ESLint and Prettier to Monitor Errors in Code
  • Unit Tests
    • Exercise 30: Setting up Jest Tests to Test a Calculator Application
  • Integration Tests
    • Exercise 31: Integration Testing with Jest
    • Code Performance Fibonacci Example
    • Exercise 32: Ensuring Performance with Jest
  • End-to-End Testing
  • Puppeteer
    • Exercise 33: End-to-End Testing with Puppeteer
    • Git Hooks
    • Exercise 34: Setting up a Local Git Hook
    • Sharing Git Hooks with Husky
    • Exercise 35: Setting up a Commit Hook with Husky
    • Exercise 36: Getting Elements by Text with Puppeteer
    • Activity 7: Putting It All Together
  • Summary
• Chapter 7
• Advanced JavaScript
  • Introduction
  • Language Features Supported in ES5, ES6, ES7, ES8, and ES9
    • Working in the Node.js REPL
    • Executing the Node.js REPL
    • Array Manipulation in JavaScript
    • Exercise 37: Creating and Modifying an Array
    • Exercise 38: Adding and Removing Items
    • Exercise 39: Getting Information About the Items in Your Array
    • Activity 8: Creating a User Tracker
    • Object Manipulation in JavaScript
    • Exercise 40: Creating and Modifying Objects in JavaScript
    • JSON.stringify
    • Exercise 41: Creating an Efficient JSON.Stringify
    • Array and Object Destructuring
    • Exercise 42: Using Destructuring Assignment for an Array
    • Exercise 43: Using Destructuring Assignment for an Object
    • Spread Operators
    • Exercise 44: Using Spread Operators
    • Rest Operators
  • OOP in JavaScript
    • Defining a Class in JavaScript
    • Exercise 45: Declaring an Object Constructor Using Functions
    • Exercise 46: Creating a Class in JavaScript
    • Creating a Simple User Information Cache Using Objects
    • Exercise 47: Creating a Cache Class to Add/Update/Remove Records from the Data Store
    • Class Inheritance
    • Exercise 48: Implementing a Subclass
    • Private and Public Methods
    • Exercise 49: Private Methods in the Vehicle Class
    • Array and Object Built-in Methods
    • Exercise 50: Using Iteration Methods on Arrays
    • Exercise 51: Lookups and Filtering the Array
  • Sorting
    • Exercise 52: Sorting Arrays in JavaScript
    • Array Reduce
    • Exercise 53: Using JavaScript Reduce Method to Make Calculations for a Shopping Cart
    • Activity 9: Creating a Student Manager Using JavaScript Arrays and Classes
  • Maps and Sets
    • Exercise 54: Using Maps versus Objects
    • Exercise 55: Using Sets to Track Unique Values
  • Math, Date, and String
    • Exercise 56: Using String Methods
    • Math and Date
    • Exercise 57: Using Math and Date
  • Symbols, Iterators, Generators, and Proxies
    • Symbol
    • Iterator and Generator
    • Exercise 58: Using Symbols and Exploring Their Properties
    • Exercise 59: Iterators and Generators
    • Proxies
    • Exercise 60: Using Proxies to Build Complex Objects
    • Refactoring in JavaScript
    • Activity 10: Refactoring Functions to Use Modern JavaScript Features
  • Summary
• Chapter 8
• Asynchronous Programming
  • Introduction
    • How JavaScript Handles Time-Consuming Operations
    • Handling Async Operations Using Callbacks
    • Exercise 61: Writing Your First Callback
    • Event Loops
    • How JavaScript Executes Code
    • Activity 11: Using Callbacks to Receive Results
  • Callback Hell
    • Promises
    • Exercise 62: Using Promises as Alternatives to Callbacks
    • Chaining Promises
    • Exercise 63: Advanced JavaScript Promises
    • Error Handling in Promises
    • Exercise 64: Refactor the Bill Calculator Using Promises
  • Async and Await
    • Exercise 65: Async and Await Functions
    • Async Await Concurrency
    • When to Use await
    • Exercise 66: Complex Async Implementation
    • Activity 12: Refactor the Bill Calculator Using Async and Await
    • Migrating Callback- and Promise-Based Code to Async and Await
    • Migrating Callback-Based Code to Async and Await
  • Summary
• Chapter 9
• Event-Driven Programming and Built-In Modules
  • Introduction
  • The Traditional Approach versus Event-Driven Programming
  • Eventing
    • Exercise 67: A Simple Event Emitter
    • EventEmitter Methods
    • Removing Listeners
    • Removing all Listeners
    • Attaching a One-Time Listener
    • Reading from Event Emitters
    • Getting a List of Events That Have Listeners Registered
    • Max Listeners
    • Prepend Listeners
    • Concurrency in Listeners
    • Building Custom Event Emitters
    • Exercise 68: Building A Chatroom Application
    • Activity 13: Building an Event-Driven Module
    • Event-Driven Programming Best Practices
  • Node.js Built-In Modules
    • path
    • fs
    • Exercise 69: Basic Usage of the Fs Module
  • Handling Large Files in Node.js
    • Util
    • Timer
    • Activity 14: Building a File Watcher
  • Summary
• Chapter 10
• Functional Programming with JavaScript
  • Introduction
  • Functions First-Class Citizens
    • First-Class Functions Idiomatic JavaScript Building Blocks
    • Inversion of Control Using First-Class Functions
    • Functions that Enable Asynchronous I/O and Event-Driven Programming in JavaScript
    • JavaScript Built-In Array Methods that Showcase First-Class Function Support
    • Exercise 70: Re-Implementing includes, indexOf, and join with some, findIndex, and reduce
    • Exercise 71: Computing the Price of a Basket Using Map and Reduce
    • Child-Parent Component Communication in React
    • Activity 15: onCheckout Callback Prop
    • Exercise 72: Adding a Product to the Basket
    • First-Class Functions in React Render Props
    • Exercise 73: Rendering Basket Contents with a Render Prop
  • Pure Functions
    • Redux Reducers and Actions
    • Exercise 74: Redux Dispatching Actions and Reducing Them into State
    • Testing Pure Functions
    • Exercise 75: Testing a Reducer
    • Redux Selectors
    • Exercise 76: Implementing a Selector
    • Activity 16: Testing a Selector
  • Higher-Order Functions
    • bind, apply, and call
    • Currying and Partial Application
    • Leveraging Closures React Function Components
  • Function Composition
    • Exercise 77: A Binary to n-ary Compose Function
    • Function Composition in the Real World with a Simple BFF
    • Exercise 78: Leveraging Compose to Simplify the Micro Server Creation Step
  • Immutability and Side Effects
    • A Look at Redux Action Creators
    • Exercise 79: Refactoring the React/Redux Application to Use Action Creators
    • React-Redux mapStateToProps and mapDispatchToProps
    • Exercise 80: Abstracting State Management Using the mapDispatchToProps Function
    • Redux Reducers In Depth
    • Changing JavaScript-Native Methods to an Immutable Functional Style
    • Handling Side Effects in a React/Redux Application React Life Cycle Hooks
    • Handling Side Effects in a React/Redux Application React Hooks
    • Handling Side Effects in a React/Redux Application Redux-Thunk
  • Introduction to GraphQL Language Schemas and Queries
    • Running Updates with GraphQL Mutations and Resolvers
    • Exercise 81: Implementing a BFF Mutation with micro and GraphQL
    • Activity 17: Fetching the Current Basket From BFF
  • Summary
• Appendix
  • Chapter 1: JavaScript, HTML, and the DOM
    • Activity 1: Extracting Data from a Page
    • Activity 2: Replacing the Tag Filter with a Web Component
  • Chapter 2: Node.js and npm
    • Activity 3: Creating a npm Package to Parse HTML
  • Chapter 3: Node.js APIs and Web Scraping
    • Activity 4 Scraping Products and Prices from Storefront
  • Chapter 4: RESTful APIs with Node.js
    • Activity 5: Creating an API Endpoint for a Keypad Door Lock
  • Chapter 5: Modular JavaScript
    • Activity 6: Creating a Lightbulb with a Flash Mode
  • Chapter 6: Code Quality
    • Activity 7: Putting It All Together
  • Chapter 7: Advanced JavaScript
    • Activity 8: Creating a User Tracker
    • Activity 9: Creating a Student Manager Using JavaScript Arrays and Classes
    • Activity 10: Refactoring Functions to Use Modern JavaScript Features
  • Chapter 8: Asynchronous Programming
    • Activity 11: Using Callbacks to Receive Results
    • Activity 12: Refactor the Bill Calculator Using Async and Await
  • Chapter 9: Event-Driven Programming and Built-In Modules
    • Activity 13: Building an Event-Driven Module
    • Activity 14: Building a File Watcher
  • Chapter 10: Functional Programming with JavaScript
    • Activity 15: onCheckout Callback Prop
    • Activity 16: Testing a Selector
    • Activity 17: Fetching the Current Basket From BFF

pokaż cały spis treści

ukryj recenzje