Building Full-Stack Web Applications With Node.js and React

Gain insights into building robust full-stack web apps using Node.js and React. Learn server-side with Node.js, client-side with React, and deploy with Heroku.

Beginner

53 Lessons

17h

Certificate of Completion

Gain insights into building robust full-stack web apps using Node.js and React. Learn server-side with Node.js, client-side with React, and deploy with Heroku.

AI-POWERED

Code Feedback

Explanations

AI-POWERED

Code Feedback

Explanations

This course includes

42 Playgrounds

8 Quizzes

This course includes

42 Playgrounds

8 Quizzes

Course Overview

Node.js is a popular JavaScript runtime environment used to create server-side applications. It is an ideal tool for building robust, full-stack web applications with React. This course is an introduction to web development leveraging these two popular technologies. You’ll learn server-side applications with Node.js and learn to add database functionality with MongoDB fitting into the Express application framework. You’ll then build a user authorization system using the JSON Web Token (JWT). You’ll then f...Show More

TAKEAWAY SKILLS

Javascript

Full Stack Development

Web Development

React

Node.js

What You'll Learn

The ability to build applications using the Express JavaScript framework

A functional understanding of the Node.js runtime environment for server-side functions

A working mastery of a React frontend for client-side operations

A strong foundation in the fundamentals of modern web development

The hands-on experience necessary to build rich, full-stack web applications using popular JavaScript technologies

What You'll Learn

The ability to build applications using the Express JavaScript framework

Course Content

Before You Begin

Get familiar with full-stack application development using Node.js, Express, MongoDB, and React.

Getting Started

Tech Stack and Resources Test Yourself: Prerequisites

The Server-side

Get started with server-side foundations of full-stack web development using Node.js and Express.

MVC Node.js Express MongoDB Directory Structure

A `Hello World` Application in Express Express Route Handlers Nodemon Test Yourself: Server-side Architecture

Build a Rest API for an Image-Sharing App With Node.js

Project

User Authentication with a JSON Web Token

Examine the processes of user authentication, JWT handling, secure sign-ups, email verification, login, and middleware authentication.

Authorization and Authentication The User Model Sign-up Implementation Email Confirmation Login implementation Middleware for Authentication Test Yourself: JSON Web Tokens

Set up the Client-side Environment

Grasp the fundamentals of setting up a React environment and styling with Tailwind CSS.

React A `Hello World` Application in React React Router Style the Application Test Yourself: Client-Side Environment

Develop the Client-side

Solve problems in developing client-side authentication, navigation, and user experience enhancements.

Authentication Service Navbar Context API Sign Up Email Confirmation The Login Page Better UX Test Yourself: Client-side Development

Business Logic

4 Lessons

Tackle building upload functions, text processing, and image handling for effective business logic.

Server-side Routes

3 Lessons

Practice using secure endpoints for reading, updating, and deleting files with authentication.

Client-side Routes

5 Lessons

Learn how to use CRUD operations for file management in a web application.

Appendix

8 Lessons

Walk through essential setups, deployments, and dependencies for full-stack web application development.

10.

Conclusion

1 Lesson

Explore advanced Node.js and React implementations, and build upon your newfound skills.

Build an E-learning Website with the MERN Stack

Project

Course Author

Trusted by 1.4 million developers working at companies

Anthony Walker

@_webarchitect_

Emma Bostian 🐞

@EmmaBostian

Evan Dunbar

ML Engineer

Carlos Matias La Borde

Software Developer

Souvik Kundu

Front-end Developer

Vinay Krishnaiah

Software Developer

Eric Downs

Musician/Entrepeneur

Kenan Eyvazov

DevOps Engineer

Anthony Walker

@_webarchitect_

Emma Bostian 🐞

@EmmaBostian

Hands-on Learning Powered by AI

See how Educative uses AI to make your learning more immersive than ever before.

Instant Code Feedback

Evaluate and debug your code with the click of a button. Get real-time feedback on test cases, including time and space complexity of your solutions.

AI-Powered Mock Interviews

Put your skills to the test in a simulated interview setting. Receive personalized feedback based on your performance. Available in Premium & Premium Plus plans.

Adaptive Learning

At various checkpoints throughout Educative courses, you will be prompted to take a quick assessment. Receive a condensed curriculum tailored to your strengths and skill gaps.

Explain with AI

Select any text within any Educative course, and get an instant explanation — without ever leaving your browser.

AI Code Mentor

AI Code Mentor helps you quickly identify errors in your code, learn from your mistakes, and nudge you in the right direction — just like a 1:1 tutor!