Hands-On MERN Stack Web Development [Video]
This is the code repository for Hands-On MERN Stack Web Development [Video], published by Packt. It contains all the supporting project files necessary to work through the video course from start to finish.
About the Video Course
There's a growing demand for full-stack developers, but becoming one is not an easy task. A full-stack engineer is expected to have frontend and backend skills, as well as extensive knowledge of build tools and deployment workflow.
Building real-world projects and understanding the MERN stack is a great way to become a full-stack engineer. So, the journey starts by taking you through the MERN stack to explore Node.js and Express and set up the groundwork for the project. It's vital to store data safely hence we dive into the world of MongoDB and integrate it with our backend. Now, we build a client application that can consume API services. With React you'll be able to solve the two most daunting frontend problems and use JSON Web Tokens (JWTs) to integrate authentication and session management on both the client and the server. Finally, we review the skills that you've acquired throughout the course, look into the MERN boilerplate, and examine the application's architecture to build applications on it.
By the end of the course, you will not only have built a fully functional web application, but you'll also be well on your way to becoming a full-stack web developer. You'll be equipped with a deeper knowledge of the MERN stack, as well as general web development patterns and concepts.
What You Will Learn
- Develop a project from scratch using the MERN stack
- Best practices for developing RESTful APIs with Node.js and Express
- A painless approach to writing integration tests for your backend
- The skills needed to configure, query, and interact with a Mongo database
- Work with React on the client and write declarative UI code
- Manage client state and asynchronous code with Redux
- Effectively debug client-side code with React Developer tools
- Pros and cons of scaffolding tools and how to get the most out of them.
- Deploy your application with Docker
Instructions and Navigation
To fully benefit from the coverage included in this course, you will need:
Through a series of videos, we explore MERN by dividing it into each of its components and then carefully tying it all together. There's a lot to learn, so there is no need to worry about the overhead of every concept before it's needed. We will unravel the complexity behind MERN stack layer by layer and at an easy-to-follow pace. We will incrementally build the app by starting with small, self-contained RESTful services and then expanding them to build a full backend with MongoDB as the database layer. After that, we will work on understanding React and build UIs, before tying everything together into a fully functional web application. By the time you've finished this course, you'll be more than ready to start your own MERN stack projects or jump into an existing one and contribute to it.
This course has the following software requirements:
SETUP AND INSTALLATION Minimum Hardware Requirements For successful completion of this course, students will require the computer systems with at least the following:
OS: Any modern version of MacOS, Windows, or Linux
Processor: Intel Celeron
Memory: 2GB RAM
Storage: Around 200MB of free space for project files.
Recommended Hardware Requirements For an optimal experience with hands-on labs and other practical activities, we recommend the following configuration:
OS: MacOS or a popular Linux distribution like Ubuntu
Processor: 2.7 GHz Intel Core i5
Memory: 8GB RAM
Storage: Around 500MB of free space for project files.
Operating system: Any modern version of MacOS, Windows, or Linux
Browser: Any modern browser such as Chrome, Firefox, Safari, Opera, etc.
A code editor or IDE such as Atom, Visual Studio Code or WebStorm.
Node.js, version >= 6.0.0 and a package manager such as npm or yarn.