Hands-On MERN Stack Web Development

Hands-On MERN Stack Web Development, available at $19.99, has an average rating of 3.95, with 47 lectures, based on 38 reviews, and has 179 subscribers.

You will learn about 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 This course is ideal for individuals who are The target audience is JavaScript developers who want to learn the MERN stack and present themselves as full-stack developers on the job market. or Usually, these are developers who have mostly focused on the frontend and wish to learn more about the backend and database layer. It is particularly useful for The target audience is JavaScript developers who want to learn the MERN stack and present themselves as full-stack developers on the job market. or Usually, these are developers who have mostly focused on the frontend and wish to learn more about the backend and database layer.

Enroll now: Hands-On MERN Stack Web Development

Summary

Title: Hands-On MERN Stack Web Development

Price: $19.99

Average Rating: 3.95

Number of Lectures: 47

Number of Published Lectures: 47

Number of Curriculum Items: 47

Number of Published Curriculum Objects: 47

Original Price: $109.99

Quality Status: approved

Status: Live

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

Who Should Attend

The target audience is JavaScript developers who want to learn the MERN stack and present themselves as full-stack developers on the job market.
Usually, these are developers who have mostly focused on the frontend and wish to learn more about the backend and database layer.

Target Audiences

The target audience is JavaScript developers who want to learn the MERN stack and present themselves as full-stack developers on the job market.
Usually, these are developers who have mostly focused on the frontend and wish to learn more about the backend and database layer.

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.

About the Author

Filip Danić is a software engineer, JavaScript enthusiast, and tech speaker. He’s worked on web applications—both on the frontend and the backend—for enterprise clients as well as VC-backed startups. His code and architecture decisions are deployed at several Fortune 500 companies.

Filip is passionate about the JavaScript ecosystem and is constantly exploring new frameworks and tools. He is particularly enthusiastic about applying functional programming concepts, crafting good documentation, and providing a better development experience for others.

Course Curriculum

Chapter 1: Welcome to the MERN Stack

Lecture 1: The Course Overview

Lecture 2: Using Package Managers and the Command Line

Lecture 3: So, What’s MERN Anyway?

Lecture 4: A Brief Look at the Backend

Lecture 5: The Frontend Architecture

Chapter 2: Learn Node.js and Express

Lecture 1: Your First Steps with Node.js

Lecture 2: Setting Up Express

Lecture 3: An Intro to REST, RESTful Service, and Domain Data Modeling

Lecture 4: Handling GET, POST, PUT, and DELETE Requests

Lecture 5: Creating and Using Express Middleware

Lecture 6: Setting Up Unit Tests with Jest

Lecture 7: Using Postman to Develop APIs Faster

Chapter 3: Using MongoDB for the Database Layer

Lecture 1: An Introduction to MongoDB and NoSQL Databases

Lecture 2: Our New Project Structure and MongoDB Setup via Docker

Lecture 3: Connecting MongoDB to Our Node/Express Backend

Lecture 4: Reading Real Data from Our API

Lecture 5: Creating, Updating, and Deleting Data

Lecture 6: Filtering Data with MongoDB

Lecture 7: Refactoring and Improving Our Code

Chapter 4: Building the Client with React

Lecture 1: A Gentle Primer to the World of React

Lecture 2: Hit the Ground Running with Create React App

Lecture 3: Creating Your First UI Components with JSX

Lecture 4: Data Flow with State and Props

Lecture 5: Creating a Reusable Component for Our Web Store

Lecture 6: Dynamic List Components

Lecture 7: Creating and Controlling Input Fields

Lecture 8: Controlling Buttons and Forms

Chapter 5: React App Architecture

Lecture 1: Routing with React Router

Lecture 2: Configuring CORS in Express

Lecture 3: Requesting Data from Our API

Lecture 4: Creating the Category and Product View

Lecture 5: Building a Persistent Shopping Cart

Lecture 6: Protected Client-Side Admin User Routes

Chapter 6: Full Stack Web Development with the MERN Stack

Lecture 1: JSON Web Tokens and the User Authentication Model

Lecture 2: Implementing Magic Links and Passwordless Login

Lecture 3: Implementing Passwordless Login on the Frontend

Lecture 4: Account Creation

Lecture 5: Designing the Orders Schema and User Flow

Lecture 6: Implementing the Orders Flow

Lecture 7: Error Handling and Loading States

Lecture 8: Building the Orders History Page

Chapter 7: Refactoring and Polishing Our Web Application

Lecture 1: Typechecking React Components with PropTypes

Lecture 2: Testing React Components

Lecture 3: Jest Snapshot Tests

Lecture 4: React Functional Components and Making Featured Products

Lecture 5: Express Best Practices

Lecture 6: Frameworks, Boilerplates, and What to Learn Next

Instructors

Packt Publishing
Tech Knowledge in Motion

Rating Distribution

1 stars: 0 votes
2 stars: 2 votes
3 stars: 5 votes
4 stars: 19 votes
5 stars: 12 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu