Hands-On MERN Stack Web Development

Welcome to the MERN Stack 5 lectures 28:48 The Course Overview This video will give you an overview about the course. Using Package Managers and the Command Line You’ll learn about package managers and basic operations via the command line. • Learn about NPM, node, and NVM • Practice bash commands and learn how to use Vim • Learn how to use the node shell and NPM So, What’s MERN Anyway? You’ll learn about what MERN is, why decoupling our backend and frontend is important, and why these technologies have become so popular in the industry. • Learn about the layers of the MERN stack • Explore the pros and cons of alternative technology • Get insight into the economics of full stack developer scene A Brief Look at the Backend We will lay the basic foundation for what the backend layer is all about – from the entry point of the REST API to the database. • Learn why node is such a powerful technology for web development • Explore the event loop and asynchronous nature of node through a code example • Learn about the flexibility of MongoDB and NoSQL databases The Frontend Architecture You’ll dive into the world of React, one of the world’s most popular frontend frameworks. We’ll explore both its pros and cons. • Learn what React is and what makes it so powerful • Gain insight about the bad side of React • Explore popular frontend alternatives and how to evaluate them Welcome to the MERN Stack - Quiz Welcome to the MERN Stack 5 lectures 28:48 The Course Overview This video will give you an overview about the course. Using Package Managers and the Command Line You’ll learn about package managers and basic operations via the command line. • Learn about NPM, node, and NVM • Practice bash commands and learn how to use Vim • Learn how to use the node shell and NPM So, What’s MERN Anyway? You’ll learn about what MERN is, why decoupling our backend and frontend is important, and why these technologies have become so popular in the industry. • Learn about the layers of the MERN stack • Explore the pros and cons of alternative technology • Get insight into the economics of full stack developer scene A Brief Look at the Backend We will lay the basic foundation for what the backend layer is all about – from the entry point of the REST API to the database. • Learn why node is such a powerful technology for web development • Explore the event loop and asynchronous nature of node through a code example • Learn about the flexibility of MongoDB and NoSQL databases The Frontend Architecture You’ll dive into the world of React, one of the world’s most popular frontend frameworks. We’ll explore both its pros and cons. • Learn what React is and what makes it so powerful • Gain insight about the bad side of React • Explore popular frontend alternatives and how to evaluate them Welcome to the MERN Stack - Quiz The Course Overview This video will give you an overview about the course. The Course Overview This video will give you an overview about the course. The Course Overview This video will give you an overview about the course. The Course Overview This video will give you an overview about the course. This video will give you an overview about the course. This video will give you an overview about the course. Using Package Managers and the Command Line You’ll learn about package managers and basic operations via the command line. • Learn about NPM, node, and NVM • Practice bash commands and learn how to use Vim • Learn how to use the node shell and NPM Using Package Managers and the Command Line You’ll learn about package managers and basic operations via the command line. • Learn about NPM, node, and NVM • Practice bash commands and learn how to use Vim • Learn how to use the node shell and NPM Using Package Managers and the Command Line You’ll learn about package managers and basic operations via the command line. • Learn about NPM, node, and NVM • Practice bash commands and learn how to use Vim • Learn how to use the node shell and NPM Using Package Managers and the Command Line You’ll learn about package managers and basic operations via the command line. • Learn about NPM, node, and NVM • Practice bash commands and learn how to use Vim • Learn how to use the node shell and NPM You’ll learn about package managers and basic operations via the command line. • Learn about NPM, node, and NVM • Practice bash commands and learn how to use Vim • Learn how to use the node shell and NPM You’ll learn about package managers and basic operations via the command line. • Learn about NPM, node, and NVM • Practice bash commands and learn how to use Vim • Learn how to use the node shell and NPM So, What’s MERN Anyway? You’ll learn about what MERN is, why decoupling our backend and frontend is important, and why these technologies have become so popular in the industry. • Learn about the layers of the MERN stack • Explore the pros and cons of alternative technology • Get insight into the economics of full stack developer scene So, What’s MERN Anyway? You’ll learn about what MERN is, why decoupling our backend and frontend is important, and why these technologies have become so popular in the industry. • Learn about the layers of the MERN stack • Explore the pros and cons of alternative technology • Get insight into the economics of full stack developer scene So, What’s MERN Anyway? You’ll learn about what MERN is, why decoupling our backend and frontend is important, and why these technologies have become so popular in the industry. • Learn about the layers of the MERN stack • Explore the pros and cons of alternative technology • Get insight into the economics of full stack developer scene So, What’s MERN Anyway? You’ll learn about what MERN is, why decoupling our backend and frontend is important, and why these technologies have become so popular in the industry. • Learn about the layers of the MERN stack • Explore the pros and cons of alternative technology • Get insight into the economics of full stack developer scene You’ll learn about what MERN is, why decoupling our backend and frontend is important, and why these technologies have become so popular in the industry. • Learn about the layers of the MERN stack • Explore the pros and cons of alternative technology • Get insight into the economics of full stack developer scene You’ll learn about what MERN is, why decoupling our backend and frontend is important, and why these technologies have become so popular in the industry. • Learn about the layers of the MERN stack • Explore the pros and cons of alternative technology • Get insight into the economics of full stack developer scene A Brief Look at the Backend We will lay the basic foundation for what the backend layer is all about – from the entry point of the REST API to the database. • Learn why node is such a powerful technology for web development • Explore the event loop and asynchronous nature of node through a code example • Learn about the flexibility of MongoDB and NoSQL databases A Brief Look at the Backend We will lay the basic foundation for what the backend layer is all about – from the entry point of the REST API to the database. • Learn why node is such a powerful technology for web development • Explore the event loop and asynchronous nature of node through a code example • Learn about the flexibility of MongoDB and NoSQL databases A Brief Look at the Backend We will lay the basic foundation for what the backend layer is all about – from the entry point of the REST API to the database. • Learn why node is such a powerful technology for web development • Explore the event loop and asynchronous nature of node through a code example • Learn about the flexibility of MongoDB and NoSQL databases A Brief Look at the Backend We will lay the basic foundation for what the backend layer is all about – from the entry point of the REST API to the database. • Learn why node is such a powerful technology for web development • Explore the event loop and asynchronous nature of node through a code example • Learn about the flexibility of MongoDB and NoSQL databases We will lay the basic foundation for what the backend layer is all about – from the entry point of the REST API to the database. • Learn why node is such a powerful technology for web development • Explore the event loop and asynchronous nature of node through a code example • Learn about the flexibility of MongoDB and NoSQL databases We will lay the basic foundation for what the backend layer is all about – from the entry point of the REST API to the database. • Learn why node is such a powerful technology for web development • Explore the event loop and asynchronous nature of node through a code example • Learn about the flexibility of MongoDB and NoSQL databases The Frontend Architecture You’ll dive into the world of React, one of the world’s most popular frontend frameworks. We’ll explore both its pros and cons. • Learn what React is and what makes it so powerful • Gain insight about the bad side of React • Explore popular frontend alternatives and how to evaluate them The Frontend Architecture You’ll dive into the world of React, one of the world’s most popular frontend frameworks. We’ll explore both its pros and cons. • Learn what React is and what makes it so powerful • Gain insight about the bad side of React • Explore popular frontend alternatives and how to evaluate them The Frontend Architecture You’ll dive into the world of React, one of the world’s most popular frontend frameworks. We’ll explore both its pros and cons. • Learn what React is and what makes it so powerful • Gain insight about the bad side of React • Explore popular frontend alternatives and how to evaluate them The Frontend Architecture You’ll dive into the world of React, one of the world’s most popular frontend frameworks. We’ll explore both its pros and cons. • Learn what React is and what makes it so powerful • Gain insight about the bad side of React • Explore popular frontend alternatives and how to evaluate them You’ll dive into the world of React, one of the world’s most popular frontend frameworks. We’ll explore both its pros and cons. • Learn what React is and what makes it so powerful • Gain insight about the bad side of React • Explore popular frontend alternatives and how to evaluate them You’ll dive into the world of React, one of the world’s most popular frontend frameworks. We’ll explore both its pros and cons. • Learn what React is and what makes it so powerful • Gain insight about the bad side of React • Explore popular frontend alternatives and how to evaluate them Welcome to the MERN Stack - Quiz Welcome to the MERN Stack - Quiz Welcome to the MERN Stack - Quiz Welcome to the MERN Stack - Quiz Learn Node.js and Express 7 lectures 35:37 Your First Steps with Node.js You’ll learn how to use node as a JavaScript runtime. To enable the latest syntax, we’ll setup Babel, the JavaScript transpiler. • Practice using the node shell • Setup babel so we always have the latest JS features • Review our new setup and retry our initial examples Setting Up Express Our next step is to setup Express and get a functional server running. We’ll also want to setup nodemon, so that our server restarts when we make changes. • Setup Express and configure a basic web server • Setup nodemon for easier and faster development • Learn and use environment variables for runtime configuration An Intro to REST, RESTful Service, and Domain Data Modeling We’re building a RESTful service, so we’ll first need to explain what REST is. We’ll also learn about data modeling, a technique that we’ll use during the course. • Learn about CRUD and REST • Learn about domain entities and data modeling • Practice DDM with a user class Handling GET, POST, PUT, and DELETE Requests Now that we know what REST is, we’ll see how we can handle CRUD operations on our server. We’ll learn to use curl for testing and see why we might need a more sophisticated tool. • Setup GET, POST, PUT, and DELETE endpoints in Express • Setup and use the bodyParser middlware • Test and review the completed examples Creating and Using Express Middleware Middleware functions are a core concept in Express. In this lesson, we’ll explore how they work and implement a few of our own. • Learn the theory behind Express middleware • Code out two useful examples • Learn about the importance of middleware ordering Setting Up Unit Tests with Jest Jest is a powerful test runner for JavaScript codebases. We can use it on both the frontend and the backend. But first, we need to configure it and write some simple tests. • Install and configure Jest • Write a couple of unit tests • Write more complex tests with mocking Using Postman to Develop APIs Faster We saw that using curl is not the easiest solution for testing our backend endpoints. It will become even more difficult as we add more POST routes and authentication. We’ll turn to Postman for a solution. • Setup Postman on your machine • Learn to create collections and requests • Manage variables in Postman Learn Node.js and Express - Quiz Learn Node.js and Express. 7 lectures 35:37 Your First Steps with Node.js You’ll learn how to use node as a JavaScript runtime. To enable the latest syntax, we’ll setup Babel, the JavaScript transpiler • Manage...