The JavaScript Way
This book is 100% complete
Completed on 2018-09-13
About the Book
Love it or hate it, JavaScript is avidly eating the world of software development. From web sites and apps to servers, smartphones and connected objects, JavaScript is everywhere. It has evolved from a niche scripting tool crafted in a few days into a modern, multi-purpose language sitting on top of a rich ecosystem and a vibrant developer community. Some even consider JavaScript to be the most important technology in software development nowadays.
However, learning JavaScript properly is not that easy. Many resources are outdated and teach obsolete practices. Many others cover advanced topics that are of little interest to beginners and "switchers" coming from other languages and platforms.
This book aims to be a useful companion for anyone wishing to (re)discover the many facets of JavaScript. Numerous brain cycles were spent to make it:
- Beginner-friendly yet comprehensive. From the very basics of programming up to full-stack web development, a lot of topics are covered in a simple and accessible way. No prior knowledge needed!
- Standards-aligned. This book is entirely written using the recent ES2015 syntax, giving you future-proof knowledge. From start to finish, it enforces good programming habits, embraces the ubiquitous JavaScript tools ESLint and Prettier and closely follows the popular AirBnb Style Guide.
- Hands-on. No real learning happens without practicing! Each chapter is accompanied by a series of exercises to put your newly acquired skills into action. A three-part project will guide you in the creation of a social news web application (see it in action).
- Easy to follow. Code along directly in your browser or build yourself a great JavaScript development environment.
License
About the Author
Packages
The Book
This package contains only the book in digital format.
English
PDF
EPUB
MOBI
APP
The Book + Source code
This package contains the book in digital format and the source code for all exercises and projects, thoroughly commented.
Includes:
Source code
Source code for all book exercises and projects.
English
PDF
EPUB
MOBI
APP
About the Contributors
Teacher @ OpenClassrooms
Initial English translation and many good ideas.
Editor @ OpenClassrooms
Initial proofreading and many good ideas.
Reader Testimonials
Dmitri Grabov
Founder and JavaScript instructor at Constructor Labs
The best entry level JS book out there
Ahmed Alharbi
Multidisciplinary freelance developer
There's literally no other book that helped me like yours did in my school, work and ultimately in my life and career, I’m literally writing apps now. Your way of saying things is just on point.
Sasha Argunov
If you are searching for a solid understanding of the language with a lot of examples and exercises, that's the book for you. I was actually surprised by how good the book was. It's so far my favourite.
Table of Contents
-
Introduction
-
About this book
- Who this book is for
- Overview
- Following along
-
Welcome to programming
- TL;DR
- What’s a program?
- How do you create programs?
- Learn to code
-
Introducing JavaScript
- TL;DR
- History of JavaScript
- JavaScript: an essential language
- Version used in this book
-
Environment setup
- Prerequisite: a modern browser
- Solution A: coding online
- Solution B: building a local development environment
-
About this book
-
I Learn to code programs
-
1. 3, 2, 1… Code!
- TL;DR
- Your first program
- Values and types
- Program structure
- Coding time!
-
2. Play with variables
- TL;DR
- Variables
- Expressions
- Type conversions
- User interactions
- Variable naming
- Coding time!
-
3. Add conditions
- TL;DR
- What’s a condition?
- Alternative conditions
- Add additional logic
- Multiple choices
- Coding time!
-
4. Repeat statements
- TL;DR
- Introduction
-
The
whileloop -
The
forloop - Common mistakes
- Which loop should I use?
- Coding time!
-
5. Write functions
- TL;DR
- Introduction: the role of functions
- Discovering functions
- Function contents
- Anonymous functions
- Guidelines for programming with functions
- Coding time!
-
6. Create your first objects
- TL;DR
- Introduction
- JavaScript and objects
- Programming with objects
- JavaScript predefined objects
- Coding time!
-
7. Store data in arrays
- TL;DR
- Introduction to arrays
- Manipulating arrays in JavaScript
- Iterating over an array
- Updating an array’s content
- Coding time!
-
8. Work with strings
- TL;DR
- String recap
- Obtaining string length
- Converting string case
- Comparing two strings
- Strings as sets of characters
- Turning a string into an array
- Searching inside a string
- Breaking a string into parts
- Coding time!
-
9. Understand object-oriented programming
- TL;DR
- Context: a multiplayer RPG
- JavaScript classes
- Under the hood: objects and prototypes
- Object-oriented programming
- Coding time!
-
10. Discover functional programming
- TL;DR
- Context: a movie list
- Program state
- Pure functions
- Array operations
- Higher-order functions
- JavaScript: a multi-paradigm language
- Coding time!
-
11. Project: a social news program
- Objective
- Functional requirements
- Technical requirements
- Expected result
-
1. 3, 2, 1… Code!
-
II Create interactive web pages
-
12. What’s a web page?
- TL;DR
- Internet and the Web
- The languages of the Web
- Developing web pages
- Coding time!
-
13. Discover the DOM
- TL;DR
- Introduction to the DOM
- Web page structure
- Get started with the DOM in JavaScript
- Coding time!
-
14. Traverse the DOM
- TL;DR
- Sample web page
- Selecting elements
- Obtaining information about elements
- Coding time!
-
15. Modify page structure
- TL;DR
- Modify an existing element
- Adding a new element
- Variations on adding elements
- Replacing or removing nodes
- Styling elements
- DOM manipulations and performance
- Coding time!
-
16. React to events
- TL;DR
- Introduction to events
- The event family
- Reacting to common events
- Go farther with events
- Coding time!
-
17. Manipulate forms
- TL;DR
- JavaScript and forms
- Form fields
- Forms as DOM elements
- Form validation
- Coding time!
-
18. Animate elements
- TL;DR
- Repeat an action at regular intervals
- Trigger an action after a delay
- Animate page elements
- Choosing the right animation technique
- Coding time!
-
19. Project: a social news web page
- Objective
- Functional requirements
- Technical requirements
- Starter code
- Expected result
-
12. What’s a web page?
-
III Build web applications
-
20. Web development 101
- TL;DR
- How the Web works
- HTTP, the web protocol
- From web sites to web apps
- JSON, a data format for the web
-
21. Query a web server
- TL;DR
- Creating asynchronous HTTP requests in JavaScript
- Handling JSON data
- Coding time!
-
22. Use web APIs
- TL;DR
- Introducing web APIs
- Consuming a web API
- Web APIs and authentication
- Coding time!
-
23. Send data to a web server
- TL;DR
- Sending data: the basics
- Sending form data
- Sending JSON data
- Coding time!
-
24. Discover Node.js
- TL;DR
- Introducing Node.js
- Node.js modules
- Node.js packages
- Package management with npm
- Coding time!
-
25. Create a web server
- TL;DR
- Using a framework
- Responding to requests
- Creating an API
- Exposing data
- Accepting data
- Publishing web pages
- Coding time!
-
20. Web development 101
-
Conclusion
-
Summary and perspectives
- TL;DR
- The road ahead
- Acknowledgments
-
Summary and perspectives
-
Appendices
-
Style guide
- Naming
- Code formatting
- Code quality
-
Style guide
The Leanpub 45-day 100% Happiness Guarantee
Within 45 days of purchase you can get a 100% refund on any Leanpub purchase, in two clicks.
See full terms...
