Mastering MEAN Web Development

You can buy the Packt Publishing Course at https://www.packtpub.com/web-development/mastering-mean-web-development-expert-full-stack-javascript-video. You can also view the Course Overview for free to see what you'll learn in this course.

Install

# Clone the repository to your local machine
git clone https://github.com/northernv/mastering-mean.git;

# Move to inside the project
cd ./mastering-mean;

# Install the frontend packages
cd ./frontend;
npm install;

cd ../

# Install the backend packages
cd ./backend
npm install;

Using this repo

• The final app can be found on the dev branch. Use git checkout dev to get the final app code.
• Each video has a git tag that can be used to checkout individual steps. For example, you can use git checkout video-2-1 to checkout the code that is added in Video 2.1.

Starting the Frontend (Webpack)

After you're installed all the software with npm install, you can start the Webpack Dev Server.

cd ./frontend;
npm start;

Starting the Backend (Node)

After you've install all the software with npm install, you can start the backend.

cd ./backend;
npm start;

Video Table of Contents

• Getting Started
  • Video 1.1 Course Overview
  • Video 1.2 Installing the Basics
  • Video 1.3 Starting Your Site with Webpack
  • Video 1.4 Creating Good Documentation
• Making Your Site Shine
  • Video 2.1 Adding Bootstrap
  • Video 2.2 Using customer SASS styles
  • Video 2.3 Including Font Awesome
  • Video 2.4 Responsive Design with Bootstrap Grid
• Expanding Your Angular App
  • Video 3.1 Creating Routes in Angular
  • Video 3.2 Adding Navigation Links
  • Video 3.3 Developing Reusable Elements
• Constructing Express Routes
  • Video 4.1 Creating Nested Express Routes
  • Video 4.2 Building a Usable API
  • Video 4.3 Connecting to MongoDB
  • Video 4.4 Adding Mongoose Models
  • Video 4.5 Writing Mocha Tests for Your Routes
• Developing Angular Forms
  • Video 5.1 Adding an Angular Service
  • Video 5.2 Using Rich Models in Angular
  • Video 5.3 Validating Your Data
  • Video 5.4 Installing and Testing with Protractor
• Securing Your API
  • Video 6.1 Adding User Profiles
  • Video 6.2 Validating JWT in Express
  • Video 6.3 Updating Integration Tests
  • Video 6.4 Storing the JSON Web Token
  • Video 6.5 Using HTTP Interception
• Sending Transactional Emails
  • Video 7.1 Creating a Worker Process
  • Video 7.2 Configuring a Job Queue
  • Video 7.3 Designing an Email Template
  • Video 7.4 Connecting to an Email Provider
• Including Realtime Updates
  • Video 8.1 Installing Socket.io
  • Video 8.2 Configuring Realtime Event Messaging
  • Video 8.3 Updating Angular with New Content
• Deploying to Production
  • Video 9.1 Buying a MongoDB Server
  • Video 9.2 Buying a Node.js Server
  • Video 9.3 Building Your Site with Webpack
• Conclusion

Notes:

Errata

• During npm install of some packages you may get peer dependency errors that should be safe to ignore.

  does not satisfy its siblings' peerDependencies requirements!