4.8
Beginner
17h
Updated 3 months ago
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.
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.
Node.js is a popular JavaScript runtime environment used to create server-side applications. It is an ideal tool for building ro...Show More
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
The ability to build applications using the Express JavaScript framework
Show more
TAKEAWAY SKILLS
Learning Roadmap
1.
Before You Begin
Before You Begin
Get familiar with full-stack application development using Node.js, Express, MongoDB, and React.
2.
The Server-side
The Server-side
Get started with server-side foundations of full-stack web development using Node.js and Express.
3.
User Authentication with a JSON Web Token
User Authentication with a JSON Web Token
7 Lessons
7 Lessons
Examine the processes of user authentication, JWT handling, secure sign-ups, email verification, login, and middleware authentication.
4.
Set up the Client-side Environment
Set up the Client-side Environment
5 Lessons
5 Lessons
Grasp the fundamentals of setting up a React environment and styling with Tailwind CSS.
5.
Develop the Client-side
Develop the Client-side
8 Lessons
8 Lessons
Solve problems in developing client-side authentication, navigation, and user experience enhancements.
6.
Business Logic
Business Logic
4 Lessons
4 Lessons
Tackle building upload functions, text processing, and image handling for effective business logic.
7.
Server-side Routes
Server-side Routes
3 Lessons
3 Lessons
Practice using secure endpoints for reading, updating, and deleting files with authentication.
8.
Client-side Routes
Client-side Routes
5 Lessons
5 Lessons
Learn how to use CRUD operations for file management in a web application.
9.
Appendix
Appendix
8 Lessons
8 Lessons
Walk through essential setups, deployments, and dependencies for full-stack web application development.
Certificate of Completion
Showcase your accomplishment by sharing your certificate of completion.
Complete more lessons to unlock your certificate
Course Author:
Developed by MAANG Engineers
Meet the Instructor
Ahmed Ashraf
Software Engineer at Educative
Every Educative resource is designed by our team of ex-MAANG software engineers and PhD computer science educators — subject matter experts who've shipped production code at scale and taught the theory behind it. No videos, no fluff.
Learn more about AhmedTrusted 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
Hands-on Learning Powered by AI
See how Educative uses AI to make your learning more immersive than ever before.
AI Prompt
Code Feedback
Explain with AI
AI Code Mentor
Free Resources
