MEAN Stack For Web Developers: Build Websites on Javascript
4.2 (530 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.
12,417 students enrolled
Wishlisted Wishlist

Please confirm that you want to add MEAN Stack For Web Developers: Build Websites on Javascript to your Wishlist.

Add to Wishlist

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 (530 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.
12,417 students enrolled
Created by Vishal Kumar
Last updated 1/2016
English
Price: Free
Includes:
  • 2 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • 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
View Curriculum
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.
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.

Who 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.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 32 Lectures Collapse All 32 Lectures 02:09:24
+
Start Here
5 Lectures 06:49

Quick introduction to the course

Introduction
01:01

Course layout and list of things that will be covered.

Course Outline
01:06

Meet The Instructor
00:38

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.

Prerequisites and Takeaways
00:57

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

Why Javascript
03:07
+
Installing and Understanding the underlying tools
12 Lectures 35:57

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

Quick Viewing Tip
00:20

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

Installing Node on a Mac or Windows
02:30

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

Installing Node on a Linux Environment
02:20

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

Getting onboard with Nodejs
07:09

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

Installing Bower
03:48

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

Installing and Understanding Grunt
06:44

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

Installing Yeoman
02:17

This Lecture gives a brief description of the MongoDB database.

An Introduction to MongoDB Database
01:16

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

Installing and Testing MongoDB on Mac
03:43

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

Installing MongoDB on Linux
02:25

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

Installing MongoDB on Windows
01:17

This Lecture covers the basics of Git Source Control Repository.

Installing and Understanding Git
02:08
+
Building and Understanding the Code Base
10 Lectures 01:00:33

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

The Website Idea
00:59

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

Generating The Code Base
07:47

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

MeanJS Stack Overview
07:58

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

Official Documentation and an Introduction to Express
06:49

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.

Checkin our code to Git and pushing it to Githup
05:12

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.

Using the generator to start work on our feature
02:58

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

First Code Change - Making The Menu Link Public
04:22

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

A high level overview of the Angular code of our feature
03:53

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.

Making necessary changes to our feature
09:47

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.

Giving a professional look to our feature
10:48
+
Hosting our website and integrating with social accounts
4 Lectures 24:06

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.

Deploying and Hosting our site on Heroku
09:44

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

Associating our site with a domain name
04:43

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.

Integrating with social accounts - Part I
04:16

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

Integrating with social accounts - Part II
05:23
+
Conclusion
1 Lecture 01:59

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

Conclusion
01:59
About the Instructor
Vishal Kumar
4.2 Average rating
528 Reviews
12,417 Students
1 Course
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.