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
Free tutorial
Rating: 4.1 out of 5 (1,421 ratings)
41,609 students
MEAN Stack For Web Developers: Build Websites on Javascript
Free tutorial
Rating: 4.1 out of 5 (1,421 ratings)
41,609 students
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

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.
Course content
5 sections • 32 lectures • 2h 9m total length
  • Introduction
    01:01
  • Course Outline
    01:06
  • Meet The Instructor
    00:38
  • Prerequisites and Takeaways
    00:57
  • Quick Viewing Tip
    00:20
  • Installing Node on a Mac or Windows
    02:30
  • Installing Node on a Linux Environment
    02:20
  • Getting onboard with Nodejs
    07:09
  • Installing Bower
    03:48
  • Installing and Understanding Grunt
    06:44
  • Installing Yeoman
    02:17
  • An Introduction to MongoDB Database
    01:16
  • Installing and Testing MongoDB on Mac
    03:43
  • Installing MongoDB on Linux
    02:25
  • Installing MongoDB on Windows
    01:17
  • Installing and Understanding Git
    02:08
  • The Website Idea
    00:59
  • Generating The Code Base
    07:47
  • MeanJS Stack Overview
    07:58
  • Official Documentation and an Introduction to Express
    06:49
  • Checkin our code to Git and pushing it to Githup
    05:12
  • Using the generator to start work on our feature
    02:58
  • First Code Change - Making The Menu Link Public
    04:22
  • A high level overview of the Angular code of our feature
    03:53
  • Making necessary changes to our feature
    09:47
  • Giving a professional look to our feature
    10:48
  • Deploying and Hosting our site on Heroku
    09:44
  • Associating our site with a domain name
    04:43
  • Integrating with social accounts - Part I
    04:16
  • Integrating with social accounts - Part II
    05:23
  • Conclusion
    01:59

Instructor
Web Architect with 15 years of experience in web development
Vishal Kumar
  • 4.1 Instructor Rating
  • 1,421 Reviews
  • 41,609 Students
  • 1 Course

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.

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.