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

AI-powered learning

Save

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.

4.6

53 Lessons

2 Projects

17h

Updated 4 months ago

Join 2.9 million developers at

LEARNING OBJECTIVES

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

Learning Roadmap

53 Lessons8 Quizzes

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

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

Premium

User Authentication with a JSON Web Token

7 Lessons

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

Set up the Client-side Environment

5 Lessons

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

Develop the Client-side

8 Lessons

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

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

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

Final Remarks

Build an E-learning Website with the MERN Stack

Project

Premium

Certificate of Completion

Showcase your accomplishment by sharing your certificate of completion.

Developed by MAANG Engineers

ABOUT THIS COURSE

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 focus on a client-side environment built with React. You’ll build a sample application to get familiar with the framework before styling the application and adding necessary user-interaction elements. You’ll wrap up by tying the frontend and backend together and deploying your web application with Heroku. By the end of this course, you’ll be prepared to build real-world websites using the most popular JavaScript tools.

ABOUT THE AUTHOR

Ahmed Ashraf

Detail-oriented Software Engineer with a strong interest in Software Development and a specific interest in the areas of Web Development.

Learn more about Ahmed

Trusted by 2.9 million developers working at companies

These are high-quality courses. Trust me the price is worth it for the content quality. Educative came at the right time in my career. I'm understanding topics better than with any book or online video tutorial I've done. Truly made for developers. Thanks

Anthony Walker

@_webarchitect_

Just finished my first full #ML course: Machine learning for Software Engineers from Educative, Inc. ... Highly recommend!

Evan Dunbar

ML Engineer

You guys are the gold standard of crash-courses... Narrow enough that it doesn't need years of study or a full blown book to get the gist, but broad enough that an afternoon of Googling doesn't cut it.

Software Developer

Carlos Matias La Borde

I spend my days and nights on Educative. It is indispensable. It is such a unique and reader-friendly site

Souvik Kundu

Front-end Developer

Your courses are simply awesome, the depth they go into and the breadth of coverage is so good that I don't have to refer to 10 different websites looking for interview topics and content.

Vinay Krishnaiah

Software Developer