Learn all the building blocks of a MEAN stack and the available tools and techniques you can use to rapidly develop and maintain your web application.
A smart way to build your application framework faster
You will start with the boiler plate code of a pre-built stack which is already proven so that there is no time wasted in researching the list of packages you will need and laying out your framework code. To make it convenient, you will use Yeoman generators to create the boiler plate code.
A powerful combination of web technologies that every web developer should have at his disposal
Of course, the choice of technologies is strongly dictated by the use cases of the application that you are building. But this stack is definitely one to consider and a good choice for most cases. Here you can take advantage of the following powerful combination of technologies:
Content and Overview
Through 37 lectures, this course will explain to you the essential building blocks of the MEAN stack and understand it's benefits.
It will introduce you to free tools like Npm package manager, Bower, Grunt, Yeoman Generators and Git that will help you build and maintain robust web applications. As you install these tools along with the author, you will also learn first hand the benefits of these tools and how to use them.
Then, you will learn to build a real world web application using all these tools. This course will explain to you all the moving parts of the application and how to work with the framework code to add desired features to your application.
Finally, you will learn some quick and easy ways to deploy your web application on a hosting provider like Heroku with it's own domain name.
Throughout, the lectures, you will be provided with the best resources to learn more on any individual technology that you are introduced to as part of this course.
Quick introduction to the course
Course layout and list of things that will be covered.
This lecture covers what you would need to know in advance to get the maximum benefits from this course. It also covers what you will learn by the end of the course.
A quick tip to view videos in HD so that they are not blurry.
This Lecture walks you through the process of installing Node.js on a Windows or Mac computer.
This Lecture walks you through the process of installing Node.js on a Linux computer.
In this Lecture, you will be building a couple of simple Node.js applications to familiarize yourself with Node.
This Lecture introduces you to the Bower tool and how to install it on your computer.
This Lecture introduces you to the Grunt Task Manager and walks you through it's installation.
This Lecture explains the Yeoman Generators and walks you through the process of it's installation.
This Lecture gives a brief description of the MongoDB database.
This Lecture walks you with the process of running MongoDB on a Mac.
This Lecture walks you with the process of running MongoDB on a Linux OS.
This Lecture walks you with the process of running MongoDB on a Windows OS.
This Lecture covers the basics of Git Source Control Repository.
A quick description of the web application we will build as part of learning this stack.
As part of this Lecture, you will learn how to create the framework code using the yeoman generator.
This Lecture will give you an understanding of all the moving parts of the framework.
This Lecture goes into depths of Express explaining how we add routes and middlewares to handle the server side requests.
This Lecture will walk you through the simple steps to start managing your source code using Git and push out your changes to the Github repository.
In this Lecture, we will use the meanjs crud module generator to create the boiler plate code for the main feature of our application. Note: If you face issues, make sure you have installed the correct version of generator in Lecture 12, with the command sudo npm install -g firstname.lastname@example.org. If you installed a more recent version, you might face issues. In that case, use the command "sudo npm remove -g generator-meanjs" to remove the current one. Then install the required version as above.
In this Lecture, you learn how to work with the code base by making your first code change
This Lecture will walk you through the Front End code of our feature to help you understand how our Angular code is laid out.
After getting a good understanding of the code base, you now make some more complicated changes across the framework to successfully get the desired functionality.
In this Lecture, you will learn the necessary steps to integrate open source node packages to your solution to take advantage of prebuilt solutions that can enhance your web application. You also learn to work with the CSS.
After creating your application, this Lecture walks you through the next logical step of deploying the site on the internet. We use Heroku for hosting, which is a great choice for our stack.
In this Lecture, you wil learn the essential elements of DNS entries and create an associate a domain name to your hosted web application.
Your mean stack has all the necessary code base to allow for use of social logins to login to your website. This Lecture will walk you through integrating Facebook as your first social login provider.
This Lecture walks you through a similar process of integrating 4 more social accounts.
A recap of what we have learnt and where to go from here.
My professional career spans 15 years working on varied technologies building web based software solutions for big companies like State Farm Insurance, CarMax etc.. or new and upcoming startups.
When not working at client locations, I get involved with side projects wherever there is an opportunity to code. I have worked with upcoming startups giving guidance and recommendations and architecting solutions or writing code for them.
I am also part of the Toptal network which boasts of employing only the top 3% of Engineers.
Web Technologies aside, coming up with complex algorithms or solving difficult problems excite me. One of my side projects "IBModeler" was featured in a prominent gaming magazine "3D World". I had spent years creating a software to create 3d models from photos which they decided to showcase.