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.
229 students enrolled
$95
Take This Course
  • Lectures 55
  • Contents Video: 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

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

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

What 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.

Curriculum

Section 1: Setup and Getting Started
01:52

Understand how to build a website using the MEAN stack.

05:37

Choose and install a seed/scaffold to get started.

01:08

View your website from a browser.

02:15

Inspect your HTML and JavaScript using a web debugger.

03:50

Use a build tool to package and optimize your code.

04:46

Use config JSON files to abstract custom settings.

02:55

Use GitHub to publicly sync your code.

Section 2: MEAN Technologies Review
05:46

Understand JavaScript, CSS, and HTML.

09:03

Handle asynchronous JavaScript control flow.

08:38

Understand the basics of AngularJS.

08:29

Understand Node.js – our server.

01:41

Learn to use a Mongo database.

Section 3: Building an Angular Directive
01:00

Create a working boilerplate for a new directive.

02:40

Insert the directive into HTML to use it.

06:21

Declare and use options to customize the directive.

06:21

Add the directive dynamic functionality.

04:30

Create automated tests to ensure that the directive works properly.

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

Create a new page (controller) boilerplate.

02:00

Understand how to connect a new controller to the app.

02:37

Learn how to customize your page.

01:02

Create a new service boilerplate.


01:00

Understand how to connect a new service to the app.

05:04

Explore how to customize your service.

Section 5: Angular Unit Testing and Code Coverage
01:41

Understand the scaffolding and the structure of Angular controller tests.

08:26

Write Angular controller tests.

03:55

Generate and view code test coverage with Istanbul.

06:42

Write Angular service tests.

Section 6: Adding a New Frontend Angular Bower Module
02:59

Understand how to find a good Angular bower module.


04:57

Learn to add a bower module dependency.

04:04

Use your new bower module dependency.

Section 7: Implementing a New NPM/Node Modulef
01:51

How to find good node modules.

02:20

Learn to include a new node dependency.

05:57

How to use the new dependency in your app.

Section 8: Building a New Node API Route
00:58

How to create a new backend API controller.

05:33

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

13:27

Code the new API method and add tests.

05:54

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

02:53

Manually test and use your new API route.

Section 9: Angular e2e Protractor Testing
04:20

Learn how to modularize your tests and keep them DRY.

04:29

Study how to fill in inputs and click buttons.

02:31

Write an e2e test.

01:48

Run an e2e test.

03:47

Learn to use and handle asynchronous control flow.

02:20

Learn to access Angular modules.

03:41

Initialize and wipe your database on each test.

03:44

Learn to authenticate on third-party sites.

Section 10: Deploying
03:24

How to choose and buy a server.

02:43

Learn to set up your Linux server.

05:47

Get your app running on your new server.

Section 11: Conclusion
02:03

Recap of the initial setup.

01:49

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

02:11

Recap of Angular – our frontend.

03:22

Recap of Node – our backend.

03:49

Recap of automated tests.

03:18

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

Over the past ten years Packt Publishing has developed an extensive catalogue of over 2000 books, e-books and video courses aimed at keeping IT professionals ahead of the technology curve. From new takes on established technologies through to the latest guides on emerging platforms, topics and trends – Packt's focus has always been on giving our customers the working knowledge they need to get the job done. Our Udemy courses continue this tradition, bringing you comprehensive yet concise video courses straight from the experts.

Ready to start learning?
Take This Course