Course info
Jun 5, 2015
2h 6m

This course introduces web developers to MEAN.JS, a free, open-source, full-stack solution for MEAN applications. You will learn how to install and configure MEAN.JS, and then build upon the boilerplate, scaffolded application that was generated. If you want to learn about a toolset that will aid you in quickly building solid, maintainable, production-ready web applications using MongoDB, Express, Angular, or Node.js - then this is the course for you.

About the author
About the author

Mark Scott is an experienced software developer with more than fifteen years experience in IT. He is currently the Manager of Software Development for a small group of talented web developers.

More from the author
Fundamentals of Mongoose for Node and MongoDB
1h 56m
Nov 29, 2018
Moving Forward with Mongoose.js
1h 45m
Jul 18, 2017
Section Introduction Transcripts
Section Introduction Transcripts

Welcome to this Pluralsight course, Introduction to MEAN. JS. My name is Mark Scott. Since you're watching this course, there's a pretty good chance that you've at least heard of the MEAN stack and perhaps you are exploring using a full-stack JavaScript framework on your next web project. We'll start this module off by briefly discussing what the MEAN stack is and how it came to be. We will also discuss the origins of MEAN. JS and look at how to extend a scaffolded or boilerplate-generated website into a production-ready web application. We will also discuss and try to answer the question, why use a boilerplate framework in the first place? Next, we will do a general comparison of some of the other MEAN stacks that are available. Then, we will wrap things up in this module by taking a look at our demo project which will be used to illustrate how to begin a basic scaffold boilerplate framework and extend that into a full-blown application using a custom theme and features. Let's get started.

Getting Set Up
Welcome to this module on Getting Setup. My name is Mark Scott. Let's start this module out by going over a few of the prerequisites for this course.

Tour the Scaffold Site
Welcome to this module where we will tour the scaffold site. My name is Mark Scott. In the previous module, we used the yo generator to generate out a fairly nice boilerplate site for us. The nice thing is that the yo generator generated a lot of well-structured code for us. The bad thing is that Yo generated a lot of well-structured code for us. As we go through this module together, I'm sure you will understand what I mean. If you had to hand-roll all of that code yourself, you would be very familiar with it, but you would have spent a lot of time doing so too. The main purpose of this module is to give you a roadmap of sorts so that you can navigate through the code and folder structure that was just set up for us. We do not need to understand every single aspect of this boiler plate application, to get started and to be productive. But a good foundational understanding goes a long way in avoiding a fair amount of frustration. We need to start this module off by first looking over the Boilerplate application's structure, discussing how things are laid out and where to find key pieces of your application. Next, we'll move on to discuss configuration. You know, things like connection strings to MongoDB, for example. You're clearly going to need to know where to make those types of changes. Finally, we're going to take a quick look at the upcoming 0. 4. 0 version of MEAN. js, and do some comparisons between 0. 3. 3, the current version, and 0. 4. 0.

Code Generation
Welcome to this module on code generation. My name is Mark Scott. In this module, we will learn about the Yeoman Project and in particular, the Yo web application scaffolding tool that was used in the getting set up module. A number of the MEAN. JS sub-generators will be discussed and demonstrated as well. In the demo, we'll take a look at the CRUD module sub-generator and utilize Yo to generate out code similar to that which was provided to us in the article example from MEAN. JS.

From Scaffold to Application
Welcome to this module on taking our generated code from scaffold to application. My name is Mark Scott. When this course was introduced, a partially finished version of our final demo application was shown. We saw the replacement Bootstrap theme called Solid which is available for free to download. In this module, we will download that theme, learn where in the MEAN. JS application structure the CSS and new HTML needs to be placed, and test out our new look and feel. Additionally, we will build out a new mongoose schema and model, based on the business needs for our volunteer needs demo application. Once we have our volunteer needs model in good shape, we'll move on to developing our server and client-side controller and our angular views. That will get us in pretty good shape, but we'll also want to visit the various tests that the cred generator built for us, and make adjustments to those as well. Let's get going on restyling and adding functionality to our demo application now.

Testing, Deployment, and Tools
Welcome to this module on testing, deployment, and additional useful tools. My name is Mark Scott. In the previous module, we built upon the base scaffolded site that was given to us by the MEAN. JS Yo Generator, and concluded the module by exploring some of the unit tests built for us by the generator. In this module, we will pick back up where we left off and run those tests, and then move on to discuss build and deployment steps. We'll wrap this module up by exploring some additional useful tools, so let's get started.