Packt Publishing – Learning Web Development with the MEAN Stack

Packt Publishing – Learning Web Development with the MEAN Stack

Discover the MEAN stack for web development to create powerful, enterprise-scale applications

Discover the MEAN stack for web development to create powerful, enterprise-scale applications

About This Video

• Understand the key technologies of the MEAN stack in depth to build enterprise-grade applications
• Master backend-less development with Angular to work effectively in a distributed team
• Learn in-depth Grunt scripting for enterprise builds and distributions
• Develop an automated testing suite for rock-solid applications built on Angular as well as Node

In Detail

MEAN is the now famously known combination of MongoDB, Express.js, AngularJS, and Node.js, which has emerged as one of the leading technology stacks for developing dynamic web applications. The MEAN stack simplifies development and promotes team cohesion by allowing applications to be written and maintained entirely in JavaScript, on the frontend, and backend.

This course focuses on the full-stack MEAN development process and goes in-depth by incorporating a supporting architecture with Grunt and integrating automated testing. It will walk you through building a real, enterprise-grade application.

Starting out with the fundamentals of the MEAN stack technologies, you will learn how to build a strong solution architecture for automated builds and distributed development. You’ll then dive deep into Grunt, Bower, and npm to become a full-stack MEAN engineer. You will discover how to build one-to-many relationships using arrays of objects in Mongoose. Diving even deeper, you’ll meet new technologies such as D3, which will help you to build graphs for an enterprise dashboard. Then, we will test our Node and Angular applications with Karma, Jasmine, Mocha, and Chai.

By the end, you’ll be able to build a powerful, MEAN-backed application for working in a distributed team.

Get Packt Publishing – Learning Web Development with the MEAN Stack At tenco.pro

Course Curriculum

Peering Down on Meanville

• The Course Overview (3:07)
• What Is the MEAN Stack? (2:12)
• Installing WebStorm (2:07)
• Installing npm, Bower, and Grunt (7:30)t
• Installing Test Suites (3:01)
• What Do All of These Tools Do? (4:29)
• Hello, Mr. Grinch, Let’s Get MEAN! (4:20)

You’re a MEAN One!

• The Application Introduction (6:12)
• Getting Started (8:12)
• The Dashboard (5:56)
• Adding a Customer (8:49)
• Listing Customers (2:38)

Building the Sled

• Editing a Customer (4:02)
• Adding a Sale (6:23)
• Listing a Customer’s Sales (3:59)
• Editing a Sale (1:38)
• Using the Angular Bootstrap Date Picker (3:28)

Unwrapping the Presents

• Automated Seeding of Data (5:15)
• Dashboard – Monthly and Quarterly Sales (9:30)
• Dashboard – Unfulfilled Orders (2:14)
• Dashboard – Recent Orders (2:13)

Loading the Presents onto the Sled

• Node.js and MongoDB – Modeling in Mongoose (3:09)
• ExpressJS – Setting Up the Routes (6:48)
• AngularJS – Hooking Up the API (8:11)
• Full Stack – Adding a Customer (4:54)
• Full Stack – Adding a Sale (4:39)

Up to the Mountain — Testing the Stack

• Node.js – Testing the Routes (4:17)
• Node.js – Testing the API (9:01)
• AngularJS – Testing the API (3:00)
• AngularJS – Testing the Controllers (4:02)
• AngularJS – Testing the Services (3:19)

A Change of Heart – Deploying Your Application

• Grunt – Building a Distribution (3:45)
• Heroku – Publishing Your Code (2:16)
• Heroku – Setting Up the Database (2:04)
• Heroku – Setting Up Environment Variables (2:01)
• Viewing Your Application (1:57)

A Change in Tools

• Learning Helpful Plugins (3:01)
• Using the Tools (1:49)
• Understanding the Caveats in Sublime (2:42)

Get Packt Publishing – Learning Web Development with the MEAN Stack At tenco.pro