A hands-on, beginner-friendly approach to developing complete web applications from the ground up, using JavaScript and its most popular frameworks, including Node.js and React.js.

Whether you’ve been in the developer kitchen for decades or are just taking the plunge to do it yourself, The Complete Developer will show you how to build and implement every component of a modern stack—from scratch.

You’ll go from a React-driven frontend to a fully fleshed-out backend with Mongoose, MongoDB, and a complete set of REST and GraphQL APIs, and back again through the whole Next.js stack.

The book’s easy-to-follow, step-by-step recipes will teach you how to build a web server with Express.js, create custom API routes, deploy applications via self-contained microservices, and add a reactive, component-based UI. You’ll leverage command line tools and full-stack frameworks to build an application whose no-effort user management rides on GitHub logins.

You’ll also learn how to:

• Work with modern JavaScript syntax, TypeScript, and the Next.js framework
• Simplify UI development with the React library
• Extend your application with REST and GraphQL APIs
• Manage your data with the MongoDB NoSQL database
• Use OAuth to simplify user management, authentication, and authorization
• Automate testing with Jest, test-driven development, stubs, mocks, and fakes

Whether you’re an experienced software engineer or new to DIY web development, The Complete Developer will teach you to succeed with the modern full stack. After all, control matters.

Covers: Docker, Express.js, JavaScript, Jest, MongoDB, Mongoose, Next.js, Node.js, OAuth, React, REST and GraphQL APIs, and TypeScript

Table of Contents

Part I: The Technology Stack

Chapter 1: Node.js

Chapter 2: Modern Javascript

Chapter 3: Typescript

Chapter 4: React

Chapter 5: Next.js

Chapter 6: Rest and GraphQL APIs

Chapter 7: MongoDB and Mongoose

Chapter 8: Testing with the Jest Framework

Chapter 9: Authorization with OAuth

Chapter 10: Containerization with Docker

Part II: The Full-Stack Application

Chapter 11: Setting Up the Docker Environment

Chapter 12: Building the Middleware

Chapter 13: Building the GraphQL API

Chapter 14: Building the Frontend

Chapter 15: Adding OAuth

Chapter 16: Running Automated Tests in Docker

Appendix A: Typescript Compiler Options

Appendix B: The Next.js App Directory

Review

"I may be a little biased, but I enjoy books that are hands-on and build with each chapter. This is exactly what Modern Full Stack Development does. It takes you through the crowded Javascript landscape and teaches you how to build a modern sample application with containerization, authentication, and tests! This is a great resource for anyone starting out in web development."

—Bradley Smith, author of DevOps for the Desperate

"To be a full stack engineer, you need a lot of breadth and depth of knowledge. Martin's book provides both in ample measure. You'll learn the most up-to-date techniques for writing TypeScript for the client and the backend. You'll create your own GraphQL APIs, connect to MongoDB, and learn the basics of microservices with Docker. You'll even learn the intricacies of OAuth2 to add authorization and authentication. It's really quite astounding how many different complementary technologies you'll understand by the end of this book!"

—Nick Morgan, author of JavaScript Crash Course

About the Author

Martin Krause has been building websites from scratch for over 20 years. He has been an engineering manager at Publicis Sapient and a senior frontend architect at Razorfish, creating cutting-edge microsites and leading teams on large-scale projects.