Skip to content
Hands-on MERN Stack Web Development [Video], published by Packt
Branch: master
Clone or download
Latest commit 090683e Mar 26, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
client Add code for section 7 video “React Functional Components and Making … Mar 7, 2019
server Add code for section 7 video “Express Best Practices” Mar 7, 2019
.gitignore Add code for section 3 video “Setting up MongoDB and New Project Stru… Dec 8, 2018
LICENSE Initial commit May 8, 2018
README.md

README.md

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

Assumed Knowledge

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.

Technical Requirements

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.

Software Requirements

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.

MongoDB installed

Useful links:

Node: https://nodejs.org/en/download/package-manage/

NPM: https://www.npmjs.com/

Yarn: https://yarnpkg.com/lang/en/docs/install/

MongoDB: https://www.mongodb.com/download-center?jmp=nav

Related Products

You can’t perform that action at this time.