دانلود کتاب JavaScript for Web Developers

فهرست مطالب :

Table of Contents
About the Author
About the Technical Reviewer
Introduction
Chapter 1: Working with JavaScript
Working with the Developer Tools
Getting Your Hands on JavaScript
Some Basic Concepts
Statements
Statement Blocks
Expressions
Spacing
Semicolons
Variables and Assignment Statements
Variables on Both Sides of an Assignment
Increment and Decrement
Chaining Assignments
Assignment Operators
The Naming of Variables
Case Sensitivity
Declaring Variables
The Difference Between Variable Declaration Types
Variables in the Console
Strict Mode
Comments
Nested Comments
Data Types
Numbers
Writing Numbers
Arithmetic
Associativity
Precedence
Remainder (%)
Strings
String Literals
Empty Strings
Unicode
Strings Are Immutable
Escaped Characters
Template Literals
String Concatenation
String Properties and Methods
Boolean
Using Boolean
Changing Data Types
parseInt() and parseFloat()
isNaN()
Variables and Data Types
Functions
Void Functions
JavaScript Dialog Boxes
Arrays and Objects
Undefined or Not Defined?
undefined is Not an Error
Special Value: null
JavaScript Scripts
Loading the JavaScript
Additional script Attributes
Inline vs. External Scripts
Deferring Loading
Error Handling
Strict Mode
Some Templates
HTML Template
JavaScript Template
Summary
Coming Up
Chapter 2: Project: A Simple Guessing Game
Preliminary Code
Starting the Game
Outlining the Script
Initializing the Data
Repeating Code
The Main Play
Getting User Input
Testing the Response
Reporting the Result
Testing Your Code
Consolidating the Message
Randomizing the Number
Cancelling the Game
Comparing Equal Values
A More Meaningful Return Value
Displaying the Limits
The Function Library
The Finished Code
Summary
Comments
Organization
Repetition
Conditional Blocks
Dialog Boxes
Coming Up
Chapter 3: Manipulating HTML Elements
The DOM Tree
Finding Elements
CSS Selectors
Tag Selectors
id Selectors
Class Selectors
Child and Descendant Selectors
Working with Multiple Elements
Related Elements
Creating and Manipulating Elements
Adding Content to an Element
Adding Other Properties
Placing an Element in the Document
Adding HTML Directly
Adding More Complex Content
Summary
The Document Object Model
Finding Elements
Multiple Elements
Creating Elements
Coming Up
Chapter 4: Creating a Slide Show
The Slide Show Outline
Preparing the HTML
The JavaScript Outline
An Array of Images
Populating the Image
Showing the First Slide
Altering the Delay
Stopping and Starting the Slide Show
The State Variable
The Toggle Function
Clicking on the Image
Prefetching the Image
Adding a Button to the Document
Creating a Button Element
Changing the Button Text
Changing the Appearance
Responding to a Keypress
Adding Caption Text
JavaScript Objects
Revisiting the Images Collection
Using the Object Properties
Adding the Caption
Summary
Organizing Code
Locating Elements
Arrays
Manipulating Image Elements
Delaying and Repeating Functions
Starting and Stopping
Event Handlers and Creating Elements
Prefetching the Image
Objects
Coming Up
Chapter 5: Working with Forms
How HTML Forms Are Structured
Accessing the Form in JavaScript
Accessing Form Elements
Accessing the Form Data
Accessing the Submit Button
Summary
Coming Up
Chapter 6: Creating a Custom Calculator Form
Creating a Mortgage Repayment Calculator
The Calculator Form
The Form Fields
Initializing the JavaScript
Processing the Form
Getting the Form Data Elements
Checking the Form Values
Fixing the Form Values
Translating Mortgage Calculation
Displaying the Results
Improvements
Writing the Result in the Local Currency
The Intl Object
Formatting a Number
Saving Values in Storage
Using Web Storage
Using Array Processing
Using an Object for Data
Summary
Getting Form Data
Performing the Calculation
Displaying the Results
Storing the Data
Coming Up
Chapter 7: Interacting with CSS and Event Listeners
What Is CSS?
Adding CSS in HTML
Disabling Styles
Event Listeners
Event Targets
Nested Event Targets
Stopping Propagation
Making Direct Changes to CSS Styles
Resetting Properties
Storing State
Conditional Operators
Static Variables
Dynamic CSS Changes
Reading Other CSS Properties
Working with the CSS Style Sheet
A Note on Event Listener Function Expressions
Triggering a CSS Transition
A Simple CSS Transition
Transitioning in JavaScript
A JavaScript CSS Transition
Creating Style Sheets in JavaScript
Creating the Style Sheet
Adding CSS Rules
Summary
CSS
Event Listeners
Changing CSS Properties and Classes
Toggling Properties
Transitions
Creating Style Sheets
Coming Up
Chapter 8: Showing and Hiding Content
The Initial HTML and JavaScript
Showing and Hiding Text Content
The Basic HTML
Preparing the Toggle Code
Iterating Through the Headings Collection
Attaching the Toggle Behavior
Changing the Appearance
Toggling the Class
Selecting a Single Heading
Closing the Selected Section
Moving the doHeadings Code to the Library
Toggling Lists
The Initial JavaScript
Highlighting Nested Lists
Supporting Nonsupporting Browsers
Fixing the toggle() Function
Moving the List Toggle to the Library
Enhancing Radio Buttons
Reusing the Deselectable Radio Button Code
Summary
Coming Up
Chapter 9: Project: Building a Lightbox Gallery
Preparing the HTML
The Initial HTML and JavaScript
Hijacking the Anchors
Creating the Pop-Up Elements
Creating the Elements
Adding the Elements to the Document
Styling the Additional Elements
Adding Style Rules
Hiding and Showing the Elements
Showing and Hiding the Background
Showing the Image Content
Timing Problems
Adding Keyboard Control
Adding Keyboard Event Listeners
Checking the Pressed Key
Hiding with the Escape Key
Adding Navigation Keys
Refactoring the Image Load
Loading the Adjacent Image
Loading the First and Last Images
Wrapping Around the End
Adding CSS Special Effects
Moving the Code to the Library
Revisiting the Slide Show
Fading the Image with CSS
Triggering the Transition
Cross Fading
Creating the Extra Image
Styling the New Image
Triggering the Cross Fade
Summary
Hijacking Anchors
Adding Elements and Styles
Showing and Hiding Content
Timing
Using the Keyboard
Refactoring
Parent, Child, and Sibling Elements
Cross Fade
Coming Up
Chapter 10: Project: An Introduction to Ajax
Timing Problems
Using Fetch
Fetching Selected Content
Hijacking the Links
Fetching the Content
An Ajax Slide Show
Loading the Slides File
Running the Slide Show
An Ajax Lightbox Gallery
Fetching the Gallery Data
Creating the Gallery Elements
Accessing a Database
Working with the API
Using the API with Ajax
Preparing the select Element
Acting on a Selection
Summary
Using the fetch() Function
Using JSON
Interacting with the DOM
Ajax APIs
Appendix A: Running a Web Server
PHP
Python
Node.js
Pulsar or VSCodium
Appendix B: Deferring Scripts
Older Methods
Appendix C: Further Expertise
Index