Mastering MEAN Web Development
2.8 (7 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.
233 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Mastering MEAN Web Development to your Wishlist.

Add to Wishlist

Mastering MEAN Web Development

Everything you need to know to build flawless and robust websites with the MEAN stack
2.8 (7 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.
233 students enrolled
Created by Packt Publishing
Last updated 4/2016
Current price: $10 Original price: $95 Discount: 89% off
5 hours left at this price!
30-Day Money-Back Guarantee
  • 3.5 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Run Yeoman’s generator-mean-seed to seed your application and push it to GitHub version control
  • Build an AngularJS directive for modular and reusable code and pass in attributes for customization
  • Write Angular unit tests, see code coverage and run your code with confidence
  • Make your app highly functional with Bower (frontend) and NPM (backend) modules
  • Build a robust API that accesses the database swiftly using NodeJS
  • Use Protractor to write end-to-end automated tests to simulate real user interaction with your website
  • Set up Continuous Integration and deploy your site live to the public and see them go “Wow!”
View Curriculum
  • You just need a quick run through your JavaScript and NoSQL notes and you are ready to go.

Building a website or mobile app using modern technologies can be a daunting task. Choosing and installing the tools alone can take hours of frustration, and code might not be very efficient. But with the MEAN stack at your aid, you can make the most of JavaScript to create websites and apps that are high in performance, unbeaten in quality, and easy on you.

Mastering MEAN Web Development gives you a start-to-finish solution for using modern technologies, writing high quality code, and deploying a live website with the MEAN stack.

This video course uses the mean-seed Yeoman generator to equip you with all the modern tools and workflows. It shows you the best practices of using Angular directives and writing automated tests right from the start. You will first see how to get a scaffolded out functioning website and then add in custom code and tests to make it go live. You will then learn how to go further with GruntJS commands to build and test your application. With this course, you will learn the three core frontend languages (HTML, CSS, and JavaScript) and dive into some more tricky topics to successfully build a full stack application complete with a database layer, backend server, and frontend client.

By the end of this course, you will be building websites that look good and perform great in no time.

About the Author

Luke Madera has over 7 years of experience building modern websites and cross-platform mobile applications for both freelance contract work and various startups. He specializes in full stack JavaScript and the MEAN stack. He wrote generator-mean-seed, which is the third most popular MEAN Yeoman generator. Luke is passionate about leadership, entrepreneurship, health and fitness, the outdoors, adventures, playing all kinds of sports and games, and cooking.

I'd like to thank my family for all their love, support, and guidance. My mom for always pushing me and believing in me, my dad for helping teach me to code and being my mentor, and my brother for working alongside me to build modern websites, and especially for his work on the MEAN stack.

Who is the target audience?
  • If you want to learn to code with modern technologies to build websites and cross-platform mobile applications using just one language (full stack JavaScript) from frontend to backend, this course is for you.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
55 Lectures
Setup and Getting Started
7 Lectures 22:23

Understand how to build a website using the MEAN stack.

Preview 01:52

Choose and install a seed/scaffold to get started.

Installing the generator-mean-seed

View your website from a browser.

Running Your Site

Inspect your HTML and JavaScript using a web debugger.

Web Debugger

Use a build tool to package and optimize your code.

Using Grunt

Use config JSON files to abstract custom settings.


Use GitHub to publicly sync your code.

Pushing to GitHub
MEAN Technologies Review
5 Lectures 33:37

Handle asynchronous JavaScript control flow.

JavaScript Callbacks and Promises

Understand the basics of AngularJS.

AngularJS – Our Frontend MVC Framework

Understand Node.js – our server.

NodeJS and ExpressJS– Our Backend

Learn to use a Mongo database.

MongoDB – Our Database
Building an Angular Directive
5 Lectures 20:52

Create a working boilerplate for a new directive.

Preview 01:00

Insert the directive into HTML to use it.

Using the Directive and Writing Template/HTML

Declare and use options to customize the directive.

Writing the Directive – Scope and Attributes

Add the directive dynamic functionality.

Writing the Directive – Controller

Create automated tests to ensure that the directive works properly.

Writing and Running Unit Tests for the Directive
Adding a New Frontend Controller/Page or Module
6 Lectures 12:46

Create a new page (controller) boilerplate.

Preview 01:03

Understand how to connect a new controller to the app.

Under the Hood of the ng-route Generator

Learn how to customize your page.

Building and Accessing the New Page

Create a new service boilerplate.

Scaffolding the New Service with 'yo'

Understand how to connect a new service to the app.

Under the Hood of ng-service

Explore how to customize your service.

Using the New Service
Angular Unit Testing and Code Coverage
4 Lectures 20:44

Understand the scaffolding and the structure of Angular controller tests.

Preview 01:41

Write Angular controller tests.

Writing Controller Tests – the Tests

Generate and view code test coverage with Istanbul.

Unit Test the Code

Write Angular service tests.

Writing Service Tests - the Tests
Adding a New Frontend Angular Bower Module
3 Lectures 12:00

Understand how to find a good Angular bower module.

Preview 02:59

Learn to add a bower module dependency.

Adding a New Bower Module

Use your new bower module dependency.

Using Your New Angular Module
Implementing a New NPM/Node Modulef
3 Lectures 10:08

How to find good node modules.

Preview 01:51

Learn to include a new node dependency.

Updating package.json and Running npm Install

How to use the new dependency in your app.

Requiring a New Module and Using It
Building a New Node API Route
5 Lectures 28:45

How to create a new backend API controller.

Preview 00:58

Learn what the generator does to create a new backend route.

Under the Hood of the Node-controller Generator

Code the new API method and add tests.

Writing the API and Tests

Learn to get high test coverage on your Node backend code.

Node Integration Test Coverage

Manually test and use your new API route.

Using the Interactive API Help Documentation
Angular e2e Protractor Testing
8 Lectures 26:40

Learn how to modularize your tests and keep them DRY.

Preview 04:20

Study how to fill in inputs and click buttons.

Selectors and Filling in Forms

Write an e2e test.

Writing Our First Test

Run an e2e test.

Running with Grunt e2e

Learn to use and handle asynchronous control flow.

Promises and executeAsyncScript

Learn to access Angular modules.

Injecting and Using Angular Modules

Initialize and wipe your database on each test.

Setup and Teardown with Mock Data

Learn to authenticate on third-party sites.

Interacting with Third-party Sites
3 Lectures 11:54

How to choose and buy a server.

Preview 03:24

Learn to set up your Linux server.

Setting Up the Server

Get your app running on your new server.

Setting Up configs and Continuous Integration
1 More Section
About the Instructor
Packt Publishing
3.9 Average rating
8,175 Reviews
58,788 Students
686 Courses
Tech Knowledge in Motion

Packt has been committed to developer learning since 2004. A lot has changed in software since then - but Packt has remained responsive to these changes, continuing to look forward at the trends and tools defining the way we work and live. And how to put them to work.

With an extensive library of content - more than 4000 books and video courses -Packt's mission is to help developers stay relevant in a rapidly changing world. From new web frameworks and programming languages, to cutting edge data analytics, and DevOps, Packt takes software professionals in every field to what's important to them now.

From skills that will help you to develop and future proof your career to immediate solutions to every day tech challenges, Packt is a go-to resource to make you a better, smarter developer.

Packt Udemy courses continue this tradition, bringing you comprehensive yet concise video courses straight from the experts.