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

Created byVishal Kumar

Last updated 1/2016

English

What you'll 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

Course content

5 sections • 32 lectures • 2h 9m total length

Introduction1:01
Quick introduction to the course
Course Outline1:06
Course layout and list of things that will be covered.
Meet The Instructor0:38
Prerequisites and Takeaways0: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.
Why Javascript3:07
This Lecture talks about the benefits of building your entire stack on Javascript.

Quick Viewing Tip0:20
A quick tip to view videos in HD so that they are not blurry.
Installing Node on a Mac or Windows2:30
This Lecture walks you through the process of installing Node.js on a Windows or Mac computer.
Installing Node on a Linux Environment2:20
This Lecture walks you through the process of installing Node.js on a Linux computer.
Getting onboard with Nodejs7:09
In this Lecture, you will be building a couple of simple Node.js applications to familiarize yourself with Node.
Installing Bower3:48
This Lecture introduces you to the Bower tool and how to install it on your computer.
Installing and Understanding Grunt6:44
This Lecture introduces you to the Grunt Task Manager and walks you through it's installation.
Installing Yeoman2:17
This Lecture explains the Yeoman Generators and walks you through the process of it's installation.
An Introduction to MongoDB Database1:16
This Lecture gives a brief description of the MongoDB database.
Installing and Testing MongoDB on Mac3:43
This Lecture walks you with the process of running MongoDB on a Mac.
Installing MongoDB on Linux2:25
This Lecture walks you with the process of running MongoDB on a Linux OS.
Installing MongoDB on Windows1:17
This Lecture walks you with the process of running MongoDB on a Windows OS.
Installing and Understanding Git2:08
This Lecture covers the basics of Git Source Control Repository.

The Website Idea0:59
A quick description of the web application we will build as part of learning this stack.
Generating The Code Base7:47
As part of this Lecture, you will learn how to create the framework code using the yeoman generator.
MeanJS Stack Overview7:58
This Lecture will give you an understanding of all the moving parts of the framework.
Official Documentation and an Introduction to Express6:49
This Lecture goes into depths of Express explaining how we add routes and middlewares to handle the server side requests.
Checkin our code to Git and pushing it to Githup5: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.
Using the generator to start work on our feature2: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.
First Code Change - Making The Menu Link Public4:22
In this Lecture, you learn how to work with the code base by making your first code change
A high level overview of the Angular code of our feature3: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.
Making necessary changes to our feature9: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.
Giving a professional look to our feature10: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.

Deploying and Hosting our site on Heroku9: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.
Associating our site with a domain name4: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.
Integrating with social accounts - Part I4: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.
Integrating with social accounts - Part II5:23
This Lecture walks you through a similar process of integrating 4 more social accounts.

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 this course is for:

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.

MEAN Stack For Web Developers: Build Websites on Javascript

What you'll learn

Explore related topics

Course content

Start Here5 lectures • 7min

Installing and Understanding the underlying tools12 lectures • 36min

Building and Understanding the Code Base10 lectures • 1hr 1min

Hosting our website and integrating with social accounts4 lectures • 24min

Conclusion1 lecture • 2min

Requirements

Description

Who this course is for: