The JavaScript Way

Introduction

About this book

1. Who this book is for
2. Book structure

Welcome to programming

1. What’s in a program?
2. How do you create programs?
3. Learn to code
4. TL;DR

Introducing JavaScript

1. A brief history of JavaScript
2. JavaScript: an essential language
3. Version used in this book
4. TL;DR

Environment setup

1. Prerequisite: a modern browser
2. Solution 1: coding online
3. Solution 2: using a local development environment
4. TL;DR
5. Learn to code programs

3, 2, 1… Code

1. Your first program
2. Values and types
3. Program structure
4. TL;DR
5. Coding time!

Play with variables

1. Variables
2. Expressions
3. Type conversions
4. User interactions
5. Variable naming
6. TL;DR
7. Coding time!

Add conditions

1. What’s a condition?
2. Alternative conditions
3. Add additional logic
4. Multiple choices
5. TL;DR
6. Coding time!

Repeat statements

1. Introduction
2. The while loop
3. The for loop
4. Common mistakes
5. Which loop structure should I use?
6. TL;DR
7. Coding time!

Write functions

1. Introduction: the role of functions
2. Discovering functions
3. Function contents
4. Anonymous functions
5. Guidelines for programming with functions
6. TL;DR
7. Coding time!

Create your first objects

1. Introduction
2. JavaScript and objects
3. Programming with objects
4. JavaScript predefined objects
5. TL;DR
6. Coding time!

Store data in arrays

1. Introduction to arrays
2. Manipulating arrays in JavaScript
3. Iterating over an array
4. Updating an array’s content
5. TL;DR
6. Coding time!

Work with strings

1. String recap
2. Obtaining string length
3. Converting string case
4. Comparing two strings
5. Strings as sets of characters
6. Turning a string into an array
7. Searching inside a string
8. Breaking a string into parts
9. TL;DR
10. Coding time!

Understand object-oriented programming

1. Context: a multiplayer RPG
2. JavaScript classes
3. Under the hood: objects and prototypes
4. Object-oriented programming
5. TL;DR
6. Coding time!

Discover functional programming

1. Context: a movie list
2. Program state
3. Pure functions
4. Array operations
5. Higher-order functions
6. JavaScript: a multi-paradigm language
7. TL;DR
8. Coding time!

Project: a social news program

1. Objective
2. Functional requirements
3. Technical requirements
4. Expected result
5. Create interactive web pages

What’s a web page?

1. Internet and the Web
2. The languages of the Web
3. Developing web pages
4. TL;DR
5. Coding time!

Discover the DOM

1. Introduction to the DOM
2. Web page structure
3. Get started with the DOM in JavaScript
4. TL;DR
5. Coding time!

Traverse the DOM

1. Sample web page
2. Selecting elements
3. Obtaining information about elements
4. TL;DR
5. Coding time!

Modify page structure

1. Modify an existing element
2. Adding a new element
3. Variations on adding elements
4. Replacing or removing nodes
5. Styling elements
6. DOM manipulations and performance
7. TL;DR
8. Coding time!

React to events

1. Introduction to events
2. The event family
3. Reacting to common events
4. Go farther with events
5. TL;DR
6. Coding time!

Manipulate forms

1. JavaScript and forms
2. Form fields
3. Forms as DOM elements
4. Form validation
5. TL;DR
6. Coding time!

Animate elements

1. Repeat an action at regular intervals
2. Trigger an action after a delay
3. Animate page elements
4. Choosing the right animation technique
5. TL;DR
6. Coding time!

Project: a social news web page

1. Objective
2. Functional requirements
3. Technical requirements
4. Starter code
5. Expected result
6. Build web applications

Web development 101

1. How the Web works
2. HTTP, the web protocol
3. From web sites to web apps
4. JSON, a data format for the web
5. TL;DR

Query a web server

1. Creating asynchronous HTTP requests in JavaScript
2. Handling JSON data
3. TL;DR
4. Coding time!

Use web APIs

1. Introducing web APIs
2. Consuming a web API
3. Web APIs and authentication
4. TL;DR
5. Coding time!

Send data to a web server

1. Sending data: the basics
2. Sending form data
3. Sending JSON data
4. TL;DR
5. Coding time!

Discover Node.js

1. Introducing Node.js
2. Node.js modules
3. Node.js packages
4. Package management with npm or yarn
5. TL;DR
6. Coding time!

Create a web server

1. Using a framework
2. Responding to requests
3. Creating an API
4. Exposing data
5. Accepting data
6. Publishing web pages
7. TL;DR
8. Coding time!

Project: a social news web app

1. Objective
2. Functional requirements
3. Technical requirements
4. Expected result
5. Conclusion

Summary and perspectives

1. Key takeaways
2. The road ahead
3. Appendices

Style guide

1. Naming
2. Code formatting
3. Code quality

Acknowledgments