Conquering JavaScript: The Practical Handbook

Cover
Half Title
Series Page
Title Page
Copyright Page
Dedication
Table of Contents
About the Editor
Acknowledgments
Zeba Academy – Conquering JavaScript
Chapter 1 Introduction to JavaScript
In this Chapter
Client-Side Javascript
What is the Purpose of Javascript?
What Makes Javascript so Special?
What are Javascript's Flaws?
How Does JavaScript Work on Our Website?
What Makes Javascript Unique Among Programming Languages?
Tools for Javascript Development
What is the Current State of JavaScript?
Javascript's Evolution
What is Modern JavaScript and How Can it Be Used?
What JavaScript Can do for Us
What Distinguishes JavaScript?
JavaScript Tendencies
Standardizing JavaScript
ECMAScript Version History
JavaScript vs. Java
Who Controls Javascript?
Oracle's Trademark is JavaScript
Various Variations
Javascript Framework
The jQuery and JavaScript Libraries
What Distinguishes JavaScript Frameworks From Libraries?
Frontend Frameworks
React
Angular
Vue
Backend Frameworks
Express
Next.JS
What are the Benefits and Drawbacks of Javascript Frameworks?
Library vs. Framework
Model View Controller (MVC)
Vanilla JS vs. React JS: Which Should We Use for Our Development?
Vanilla JS vs React JS Functionality
React JS: What is its Role in the Application's View Layer?
Why is Vanilla JS Used?
Stack Data Structure Comparison between React JS vs Vanilla JS
Performance Comparison between Vanilla JS with React JS
Future Prospects
Testing
Security
ReactJs and Vanilla js UI/UX Performance
Convenience for the Developer
Maintenance
Development Cost
5 Reasons Why Our Website Needs Javascript
Explain How Using JavaScript Will Enhance Our Website
AJAX Uses to Load Sections of Pages Independently
Notes
Chapter 2 Getting Started with JavaScript I
In this Chapter
Selecting the Best Javascript Editor From Seven Options
What is the Difference between a JavaScript Editor and an IDE?
What Exactly is an Editor?
IDE Definition
When Conflicts Arise
The Top 7 JavaScript Editors
Time to Select the Best JavaScript Editor
With a JavaScript Editor, You May Improve the Efficiency of Your Work Environment
How to Install Javascript in Visual Studio Code
Installation of Visual Studio Code in Windows
Setup Visual Studio Code
Installing Visual Studio Code on Linux
Installing Visual Studio Code on Debian, Ubuntu, or Linux Mint
Node.JS Installation on Windows
Configuring the Node Development Environment
Node Installation on Windows (Windows 10):
Node.JS Installation on Linux
How do we Start and Execute a Node.JS Project in Visual Studio Code?
Top Visual Studio Code Extensions for Javascript Developers
JavaScript (ES6) Code Snippets
ESLint
Prettier
Quokka.js
REST Client
Debugger for Chrome
Live Server
Live Share
Babel JavaScript VSCode
JavaScript Booster
Tabnine
What Exactly is 'Vanilla Javascript'?
Why Should We Learn Pure JS?
Website Performance
User Interface
It also Makes Working with Frameworks Simpler
Vanilla Script's Disadvantages
Hello World Program in Javascript
Syntax of Javascript
Our First Javascript Code
Line Breaks and Whitespace
Semicolons are Not Required
Case Sensitivity
Comment in Javascript
Benefits of JavaScript Comments
JavaScript Comment Types
Single-Line Comment in JavaScript
Multiline Comment in JavaScript
Variable in Javascript
JavaScript Variables that are Correct
JavaScript Variables that are Not Correct
Variable in JavaScript Example
Local Variable in JavaScript
The Global Variable in JavaScript
Declaring a Global Variable in JavaScript within a Function
Internals of Global Variable
Data Types in Javascript
Primitive Data Types in JavaScript
Non-Primitive Data Types in Javascript
Operators in Javascript
Arithmetic Operators
Comparison Operators
Bitwise Operators
Logical Operators
Assignment Operators
Special Operators
If-Else Statements in Javascript
If Statement
If...Else Statement
If...Else if Statement
Switch in Javascript
Loops in Javascript
For Loop
While Loop
Do-While Loop
For-in Loop
Functions in Javascript
The Benefit of the JavaScript Function
Syntax of JavaScript Functions
Function Arguments
Function with Return Value
Function Object
Parameter
Function Methods
Examples of JavaScript Function Objects
Objects in Javascript
Object Creation in JavaScript
Creating a Method in a JavaScript Object
Object Methods in JavaScript
Array in Javascript
Array Methods in JavaScript
String in Javascript
String Methods in JavaScript
Date Object in Javascript
Constructor
Date Methods in JavaScript
Date Example in JavaScript
Example of JavaScript Current Time
Example of a JavaScript Digital Clock
Math in Javascript
Math Methods
Math.sqrt(n)
Math.random()
Math.pow(m, n)
Math.floor(n)
Math.ceil(n)
Math.round(n)
Math.abs(n)
Number Object in Javascript
Number Constants in JavaScript
Number Methods in JavaScript
Javascript Boolean
Boolean Properties
Boolean Methods
Errors and Exceptions in Javascript
What Exactly is Exception Handling?
Errors in Syntax
Runtime Errors
Logical Errors
Statement of Try...Catch...Finally
The Throw Statement
The Onerror() Function
Events in Javascript
What Exactly is an Event?
onclick Event Type
onsubmit Event Type
onmouseover and onmouseout
Standard HTML 5 Events
Notes
Chapter 3 Getting Started with JavaScript II
In this Chapter
How Can we Build an Asynchronous Node.JS Function?
How do we Write an Asynchronous Function in Javascript?
Waiting for Multiple Promises
Synchronous and Asynchronous in JavaScript
Synchronous JavaScript
Asynchronous JavaScript
Explain the Difference between Asynchronous and Deferred JavaScript
Asynchronous
Deferred
Asynchronous vs Deferred
Document Object Model
Document Object Properties
Document Object Methods
Document Object Accessing Field Value
Method Document.Getelementbyid() in Javascript
Getelementsbyclassname()
Method getElementsByClassName() Example
Distinction between the Methods getElementsByClassName(), querySelector(), and querySelectorAll()
Method Document.Getelementsbyname() in Javascript
Method Document.Getelementsbytagname() in Javascript
The Innerhtml in Javascript
InnerHTML Property Example
Example of a Comment Form Using innerHTML
The Innertext in Javascript
Example of JavaScript innerText
5 Methods for Making http Requests in Javascript
XMLHttpRequest
Advantages of XMLHttpRequest
Disadvantages of XMLHttpRequest
Fetch
Advantages of Fetch
Disadvantages of Fetch
Axios
Advantages Axios
Disadvantages Axios
SuperAgent
Advantages of SuperAgent
Disadvantages of SuperAgent
Ky
Advantages of Ky
Disadvantages of Ky
HTTP Cookies
Utilization of Cookies
How Do Cookies Work?
Cookies in JavaScript
Create Cookies
Client Side
Web Server Side
Properties of Cookies
Scope of Cookies
Varieties of Cookie
First-Party Cookies
Third-Party Cookies
Session Cookies
Secure Cookies
Zombie Cookies
Form in Javascript
Overview to Forms
Referencing Forms
Submitting Form
Login Form
SignUp Form
Validation of Javascript Forms
Example of Form Validation in JavaScript
Password Retype Validation in JavaScript
Number Validation in JavaScript
Validation of JavaScript Using an Image
Email Validation in JavaScript
Working with Javascript APIS
The Most Well-Known Javascript Libraries
jQuery
Features
Use Cases
React.js
Features
Use Cases
D3.js
Features
Use Cases
Underscore.js
Features
Use Cases
Lodash
Features
Use Cases
Algolia Places
Features
Use Cases
Anime.js
Features
Use Cases
Animate On Scroll (AOS)
Features
Use Cases
Bideo.js
Features
Use Cases
Chart.js
Features
Use Cases
Cleave.js
Features
Use Cases
Choreographer.js
Features
Use Cases
Glimmer
Features
Use Cases
Granim.js
Features
Use Cases
fullPage.js
Features
Use Cases
Leaflet
Features
Case Studies
Multiple.js
Features
Use Cases
Moment.js
Features
Use Cases
Masonry
Features
Use Cases
Omniscient
Features
Use Cases
Parsley
Features
Use Cases
Popper.js
Features
Use Cases
Three.js
Features
Use Cases
Screenfull.js
Features
Use Cases
Polymer
Features
Use Cases
Voca
Features
Use Cases
Notes
Chapter 4 The Clearer Picture
In this Chapter
A Javascript Framework is What?
What Distinguishes a JavaScript Framework from a JavaScript Library?
Use a JavaScript Framework, But Why?
Libraries and Frameworks for JavaScript
Top 7 Javascript Frontend Frameworks
1. React
How it Operates
Popular React Components
Advantages
Disadvantages
When Should We Utilize React?
2. Vue.js
How it Operates
Real-Life Examples
Popular Vue.js Components
Advantages
Disadvantages
When Should We Utilize Vue.js?
3. Angular
How it Operates
Real-Life Examples
Popular Angular Components
Advantages
Disadvantages
When Should We Utilize Angular?
4. jQuery
How it Operates
Real-Life Examples
Popular jQuery Components
Advantages
Disadvantages
When Should We Utilize jQuery?
5. Svelte
How it Operates
Real-Life Examples
Popular Svelte Components
Advantages
Disadvantages
When Should We Utilize Svelte?
6. Ember
How it Operates
Real-Life Examples
Popular Ember Components
Advantages
Disadvantages
When Should We Utilize Ember?
7. Backbone.js
How it Operates
Real-Life Examples
Advantages
Disadvantages
When Should We Utilize Backbone.js?
How Can We Choose the Ideal JavaScript Framework for Our Next Project?
Team Proficiency
Backward Compatibility
Complexity
Size and Functionality
5 Backend JavaScript Frameworks
The Eight Top Javascript Game Engines
10 Major Javascript Frameworks for Developing Mobile Apps
1. React Native
In What Ways is React Native Superior?
2. NativeScript
Why is NativeScript Used?
3. Ionic
Why is Ionic Used?
4. Apache Cordova
Why Was Cordova Chosen?
5. OnSenUI
Why Use OnSen UI?
6. jQuery Mobile
7. Mobile Angular UI
8. Sencha Touch
9. Titanium
10. Meteor
The Best JS Frameworks for Desktop Applications
Are Cross-Platform Apps Interchangeable with Desktop Programs?
The Advantages and Disadvantages of a Standalone Level vs a Cross-Platform App
Are Desktop Apps Supported by React and NodeJS?
Top Five JS Frameworks for Desktop Applications (Desktop Apps)
1. Electron
2. NodeGUI
3. Proton Native
4. NW.js
5. AppJS
How to Select The Best Javascript Framework for Our Project
Development Speed and Simplicity of Use, as well as Project Support
Trends
Scalability and Mobility
The Frequency of Updates
Which JavaScript Framework Should We Start With?
React.js
Node.js
Java vs. Javascript
Python vs. Javascript
What is JavaScript?
What is Python?
Differences of Most Significance
Features of JavaScript
Features of Python
Comparison between Python vs Java Script
Jquery vs. Javascript
What Exactly is jQuery?
The Distinction between jQuery and JavaScript
Javascript vs. PHP
What Exactly is PHP?
The Distinction between JavaScript and PHP
Dart vs. Javascript
What Exactly is Dart?
Benefits and Drawbacks of Dart
Advantages
Drawbacks
What is JavaScript?
Advantages
Drawbacks
Important Distinction between Dart and JavaScript
Simplicity of Use
Speed
Type Security
Popularity
The Learning Curve
Web vs. Mobile
Frontend vs. Backend
Commercial Usage
Javascript vs. Angular JS
What is JavaScript?
JavaScript Features
What is Angular Js?
Angular JS features
Major Distinctions between JavaScript and Angular JS
Comparative Analysis of JavaScript and Angular JS
Javascript vs. Node.JS
What is JavaScript?
JavaScript's Benefits and Drawbacks are Discussed
Benefits
Drawbacks
What is Node.js?
How Does Node.js Work, and What are its Benefits and Drawbacks?
Benefits
Drawbacks
Comparing JavaScript with Node.js: Key Distinctions
In-Depth Analysis of JavaScript vs. Node JS
Notes
Chapter 5 Frontend Development
In this Chapter
Frontend vs Backend
Frontend Development
Frontend Languages
Frontend Frameworks and Libraries
Backend Development
Backend Languages
Backend Frameworks
Difference between Frontend and Backend Development
ReactJS
What does the 'React' Mean?
The Question is, 'Why React?'
React Features
JSX
Components
Data Binding, One Way Only
Virtual DOM
Simplicity
Performance
Benefits and Drawbacks of ReactJS
Benefits
Drawbacks
Version of React
Setup of the React Environment
ReactJS Installation Methods
1. By Use of the npm Command
Install NPM and NodeJS
Get React and React DOM Installed
Install Webpack
Install Babel
Creation of Files
2. Set React Application Compiler, Loader, and Server
Configure Webpack
HTML Webpack Template for the index.html File
App.jsx and main.js
Creation of .babelrc file
Running Server
Create the Bundle
3. Use the Command create-react-app
Install NodeJS and NPM
Installation of React
Develop a New React Project
App.js
Running Server
Comparison Between AngularJS vs ReactJS
AngularJS
Characteristics of AngularJS
ReactJS
Characteristics of ReactJS
AngularJS vs. ReactJS
Comparison Between ReactJS and Svelte
What is Svelte?
When Need One Use Svelte?
Which Companies Utilize Svelte?
What is React?
When Should React to Be Used?
Which Companies Utilize React?
React vs Svelte: Which is Superior?
Performance
Bundle Size
Testing
Community Assistance
Who Succeeds?
React JSX
Why Use JSX?
JSX Nested Elements
App.JSX
Attributes in JSX
Comments in JSX
Styling in JSX
Express.Js
What is Express.Js
Why Employ Express?
How Does Express Appear?
Basic_express.js
Prerequisite
Audience
Problem
Benefits of Express.js
Wsetting Up Express
The Early Stages
Its Evolution
Basics of Node.Js
Types of Primitive
Loose Typing
Object Literal
Functions
Buffer
Process Object
Defaults to Local
Utilize Global Scope
VueJS
What is VueJS?
Features
Comparative Assessment of Other Frameworks
VueJS vs React
VueJS vs Angular
Similarities
Complexity
Performance
Popularity
Dependencies
Flexibility
Reverse Compatibility
Typescript
Environment Setup For VueJS
Directly Use the