Sign In Start Free Trial

Book Overview & Buying
Table Of Contents

The JavaScript Workshop

By : Joseph Labrecque, Jahred Love , Daniel Rosenbaum , Nick Turner , Gaurav Mehla , Alonzo L. Hosford , Florian Sloot , Philip Kirkbride

4 (8)

The JavaScript Workshop

4 (8)

By: Joseph Labrecque, Jahred Love , Daniel Rosenbaum , Nick Turner , Gaurav Mehla , Alonzo L. Hosford , Florian Sloot , Philip Kirkbride

Overview of this book

If you're looking for a programming language to develop flexible and efficient apps, JavaScript is a great choice. However, while offering real benefits, the complexity of the entire JavaScript ecosystem can be overwhelming. This Workshop is a smarter way to learn JavaScript. It is specifically designed to cut through the noise and help build your JavaScript skills from scratch, while sparking your interest with engaging activities and clear explanations. Starting with explanations of JavaScript's fundamental programming concepts, this book will introduce the key tools, libraries and frameworks that programmers use in everyday development. You will then move on and see how to handle data, control the flow of information in an application, and create custom events. You'll explore the differences between client-side and server-side JavaScript, and expand your knowledge further by studying the different JavaScript development paradigms, including object-oriented and functional programming. By the end of this JavaScript book, you'll have the confidence and skills to tackle real-world JavaScript development problems that reflect the emerging requirements of the modern web.

Preface

Preface

About the Book

Free Chapter

1. Getting to Know JavaScript

1. Getting to Know JavaScript

Introduction

What Is JavaScript and How Is It Used?

A Brief History of the JavaScript Language

Versions of ECMAScript (and JavaScript)

Accessing Web Browser Developer Tools

An Introduction to Variables

Overview of JavaScript Capabilities

Summary

2. Working with JavaScript

2. Working with JavaScript

Introduction

Integrated Development Environments (IDE)

JavaScript Project and File Management

JavaScript Syntax and Structure

Overview of JavaScript Environments

A Closer Look at Web Browser Developer Tools

HTML Element Manipulation with JavaScript

Summary

3. Programming Fundamentals

3. Programming Fundamentals

Introduction

Data Types

Syntax

Conditional and Loop Flow

Writing and Invoking Functions

Reacting to User Input Events and Updating the DOM

Summary

4. JavaScript Libraries and Frameworks

4. JavaScript Libraries and Frameworks

Introduction

Framework versus Library

Popular JavaScript Frameworks

Making XHR Requests

Frameworks versus Core JavaScript

Summary

5. Beyond the Fundamentals

5. Beyond the Fundamentals

Introduction

Creating Variables

Fixed Types

Boolean Operators

Working with Numbers

Working with Strings

The String Object

Working with Functions

Working with Objects

Working with Arrays

Working with Dates

Summary

6. Understanding Core Concepts

6. Understanding Core Concepts

Introduction

Event Types

The JavaScript Events Model

The JavaScript Event Life Cycle

Event Triggers

Working with Forms

Form Controls

Summary

7. Popping the Hood

7. Popping the Hood

Introduction

JavaScript Execution and the Event Loop

Memory Management

Summary

8. Browser APIs

8. Browser APIs

Introduction

Canvas

Web Audio API

Web Storage API

IndexedDB

Performance API

Web Socket API

Summary

9. Working with Node.js

9. Working with Node.js

Introduction

The Node.js Environment

Node Modules

HTTP

Working with Databases

Making Real-Time Web Apps

Summary

10. Accessing External Resources

10. Accessing External Resources

Introduction

JSON

AJAX

Other Libraries and XMLHttpRequest

Summary

11. Creating Clean and Maintainable Code

11. Creating Clean and Maintainable Code

Introduction

What Is a Regex?

Regexes in Detail

Best Practices for Clean Coding

Summary

12. Using NextGeneration JavaScript

12. Using NextGeneration JavaScript

Introduction

Browser Differences

Package Managers

Babel Applications with Parcel

Babel Applications with Webpack

The TypeScript Language

Code Support Libraries

Popular Frameworks

Server-Side Libraries

Summary

13. JavaScript Programming Paradigms

13. JavaScript Programming Paradigms

Introduction

JavaScript Paradigms

Basic JavaScript Concepts

Data Scope

JavaScript Memory Management

Summary

14. Understanding Functional Programming

14. Understanding Functional Programming

Introduction

Pure Functions

Higher-Order Functions

Currying Functions

Function Recursion

Blackjack

Summary

15. Asynchronous Tasks

15. Asynchronous Tasks

Introduction

Callbacks

Promises and the Fetch API

Some Details Concerning Promises

Async/Await

Summary

Appendix

Appendix

1. Getting to Know JavaScript

2. Working with JavaScript

3. Programming Fundamentals

4. JavaScript Libraries and Frameworks

5. Beyond the Fundamentals

6. Understanding Core Concepts

7. Popping the Hood

8. Browser APIs

9. Working with Node.js

10. Accessing External Resources

11. Creating Clean and Maintainable Code

12. Using Next-Generation JavaScript

13. JavaScript Programming Paradigms

14. Understanding Functional Programming

15. Asynchronous Tasks

Form Controls

Form tags are pretty useless without data to send. This data is typically provided using the various form controls or widgets that are available in the HTML specification. Where possible, and where the control has no child nodes, a form control typically utilizes the input node tag type. Other controls include select, textarea, button, and datalist. We will look at each of these control types throughout the rest of this chapter.

Input Controls

The majority of the controls that are available to HTML forms are provided using the input tag. The input tag requires a type parameter, which displays a relative control within the HTML page:

<input type="text" />

The following are the types that are available in modern browsers when using the input control.

The Button Control

The button control appears very much like the submit and reset form buttons. However, unlike submit and reset, the button control has no default action:

<input...

CONTINUE READING

83

Tech Concepts

36

Programming languages

73

Tech Tools

Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.

Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.

50+ new titles added per month and exclusive early access to books as they are being written.

The JavaScript Workshop

Search

Your notes and bookmarks