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.
231 students enrolled
84% off
Take This Course
  • Lectures 55
  • Length 3.5 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


Find online courses made by experts from around the world.


Take your courses with you and learn anywhere, anytime.


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

About This Course

Published 5/2015 English

Course Description

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.

What are the requirements?

  • You just need a quick run through your JavaScript and NoSQL notes and you are ready to go.

What am I going to get from this course?

  • 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!”

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.

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.


Section 1: Setup and Getting Started

Understand how to build a website using the MEAN stack.


Choose and install a seed/scaffold to get started.


View your website from a browser.


Inspect your HTML and JavaScript using a web debugger.


Use a build tool to package and optimize your code.


Use config JSON files to abstract custom settings.


Use GitHub to publicly sync your code.

Section 2: MEAN Technologies Review

Understand JavaScript, CSS, and HTML.


Handle asynchronous JavaScript control flow.


Understand the basics of AngularJS.


Understand Node.js – our server.


Learn to use a Mongo database.

Section 3: Building an Angular Directive

Create a working boilerplate for a new directive.


Insert the directive into HTML to use it.


Declare and use options to customize the directive.


Add the directive dynamic functionality.


Create automated tests to ensure that the directive works properly.

Section 4: Adding a New Frontend Controller/Page or Module

Create a new page (controller) boilerplate.


Understand how to connect a new controller to the app.


Learn how to customize your page.


Create a new service boilerplate.


Understand how to connect a new service to the app.


Explore how to customize your service.

Section 5: Angular Unit Testing and Code Coverage

Understand the scaffolding and the structure of Angular controller tests.


Write Angular controller tests.


Generate and view code test coverage with Istanbul.


Write Angular service tests.

Section 6: Adding a New Frontend Angular Bower Module

Understand how to find a good Angular bower module.


Learn to add a bower module dependency.


Use your new bower module dependency.

Section 7: Implementing a New NPM/Node Modulef

How to find good node modules.


Learn to include a new node dependency.


How to use the new dependency in your app.

Section 8: Building a New Node API Route

How to create a new backend API controller.


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


Code the new API method and add tests.


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


Manually test and use your new API route.

Section 9: Angular e2e Protractor Testing

Learn how to modularize your tests and keep them DRY.


Study how to fill in inputs and click buttons.


Write an e2e test.


Run an e2e test.


Learn to use and handle asynchronous control flow.


Learn to access Angular modules.


Initialize and wipe your database on each test.


Learn to authenticate on third-party sites.

Section 10: Deploying

How to choose and buy a server.


Learn to set up your Linux server.


Get your app running on your new server.

Section 11: Conclusion

Recap of the initial setup.


Recap of MEAN – Mongo, Express, Angular, and Node.


Recap of Angular – our frontend.


Recap of Node – our backend.


Recap of automated tests.


Recap of getting our application live and making it publicly accessible.

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Packt Publishing, 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.

Ready to start learning?
Take This Course