MEAN Stack For Web Developers: Build Websites on Javascript

Use cutting edge tools to build fast, robust Javascript based web applications with MongoDB, Express, Angular and Node
4.2 (389 ratings) Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
8,790 students enrolled
Free
Start Learning Now
  • Lectures 32
  • Length 2 hours
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 5/2015 English

Course Description

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.

Leverage the knowledge of only one programming language (Javascript) to build your entire stack

  • Front End with Angular
  • RESTful Backend with Node and Express
  • MongoDB database through Mongoose Object Modeling tool

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

If you are in the web development industry, knowing Javascript is quite beneficial since it is the defacto language for front end code. Web development is complicated in itself. Why make it more complicated by using a different language for your backend and then choose a database that has it's own learning curve.

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:

  • Nodejs has been around since 2009 and has experienced increasing adoption among companies including big corporations like Walmart, PayPal Linkedin and the likes.
  • Express is a widely adopted minimal and flexible Nodejs web application framework that provides a robust set of features for web and mobile applications.
  • MongoDB, the most popular NoSQL database makes it easy for you to store data of any structure and dynamically modify the schema.
  • AngularJS gives an extraordinarily expressive, readable and fast way to develop rich front ends for our websites and is supported by an amazing team at Google.
  • Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.

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.

What are the requirements?

  • We will take care of all the installations as part of the course. Just bring your computer with your favorite OS (be it Mac, Windows or Linux) and get on with the course.

What am I going to get from this course?

  • Build robust and scalable websites using the knowledge of only one programming language - Javascript
  • Save time and avoid doing repetitive tasks by using popular automation tools
  • Stop wasting money on software and infrastructure by leveraging the power of community and open source software
  • Stop reinventing the wheel by reusing code and tools built by amazing developers
  • Use command line to create boiler plate code, run build tasks, manage source control and even host your site on public domain
  • Remove the pain of database management and schema modifications by using NoSQL database
  • Get up to speed on the latest tips and tricks being used in web development

What is the target audience?

  • This course is meant for developers who are interested in web development. You will not be able to grasp all the concepts if you have not built or developed anything before.
  • Prior Javascript knowledge is helpful, although not required. You will be able to grasp everything in the course. And if you find this to be an amazing way to build websites, you will have to sharpen your Javascript skills to build further from what you learn here.

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Start Here
01:01

Quick introduction to the course

01:06

Course layout and list of things that will be covered.

Meet The Instructor
00:38
00:57

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.

03:07

This Lecture talks about the benefits of building your entire stack on Javascript.

Section 2: Installing and Understanding the underlying tools
00:20

A quick tip to view videos in HD so that they are not blurry.

02:30

This Lecture walks you through the process of installing Node.js on a Windows or Mac computer.

02:20

This Lecture walks you through the process of installing Node.js on a Linux computer.

07:09

In this Lecture, you will be building a couple of simple Node.js applications to familiarize yourself with Node.

03:48

This Lecture introduces you to the Bower tool and how to install it on your computer.

06:44

This Lecture introduces you to the Grunt Task Manager and walks you through it's installation.

02:17

This Lecture explains the Yeoman Generators and walks you through the process of it's installation.

01:16

This Lecture gives a brief description of the MongoDB database.

03:43

This Lecture walks you with the process of running MongoDB on a Mac.

02:25

This Lecture walks you with the process of running MongoDB on a Linux OS.

01:17

This Lecture walks you with the process of running MongoDB on a Windows OS.

02:08

This Lecture covers the basics of Git Source Control Repository.

Section 3: Building and Understanding the Code Base
00:59

A quick description of the web application we will build as part of learning this stack.

07:47

As part of this Lecture, you will learn how to create the framework code using the yeoman generator.

07:58

This Lecture will give you an understanding of all the moving parts of the framework.

06:49

This Lecture goes into depths of Express explaining how we add routes and middlewares to handle the server side requests.

05:12

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.

02:58

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 generator-meanjs@0.1.12. 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.

04:22

In this Lecture, you learn how to work with the code base by making your first code change

03:53

This Lecture will walk you through the Front End code of our feature to help you understand how our Angular code is laid out.

09:47

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.

10:48

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.

Section 4: Hosting our website and integrating with social accounts
09:44

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.

04:43

In this Lecture, you wil learn the essential elements of DNS entries and create an associate a domain name to your hosted web application.

04:16

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.

05:23

This Lecture walks you through a similar process of integrating 4 more social accounts.

Section 5: Conclusion
01:59

A recap of what we have learnt and where to go from here.

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Vishal Kumar, Web Architect with 14 years of experience in web development

My professional career spans 14 years working on varied technologies building web based software solutions for big companies like State Farm Insurance, CarMax etc.. or new and upcoming startups.

Being a Javascript enthusiast, I have worked on cutting edge non native mobile applications, and done a lot of client side work using HTML5, CSS and Javascript. Javascript is the most versatile and fun language in my opinion. AngularJS and NodeJS are the two most interesting Frameworks to me, but new frameworks come out every day and I like to play around with them and constantly learn and evolve my skills.

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.

Ready to start learning?
Start Learning Now