Mastering MEAN Web Development

Mastering MEAN Web Development
Mastering MEAN Web Development
English | MP4 | AVC 1280×720 | AAC 44KHz 2ch | 3.5 Hours | 0.98 GB

Everything you need to know to build flawless and robust websites with the MEAN stack

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 Grunt.js 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.

What You Will 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 Node.js
  • 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!”
Table of Contents

Setup and Getting Started
Course Overview
Installing the generator-mean-seed
Running Your Site
Web Debugger
Using Grunt
Configs
Pushing to GitHub

MEAN Technologies Review
JavaScript, CSS, and HTML – the Frontend Building Blocks
JavaScript Callbacks and Promises
AngularJS – Our Frontend MVC Framework
Node.js and Express.js – Our Backend
MongoDB – Our Database

Building an Angular Directive
Scaffolding with ‘yo’
Using the Directive and Writing Template/HTML
Writing the Directive – Scope and Attributes
Writing the Directive – Controller
Writing and Running Unit Tests for the Directive

Adding a New Frontend Controller/Page or Module
Scaffolding the New Page/Route/Controller with ‘yo’
Under the Hood of the ng-route Generator
Building and Accessing the New Page
Scaffolding the New Service with ‘yo’
Under the Hood of ng-service
Using the New Service

Angular Unit Testing and Code Coverage
Writing Controller Tests – Boilerplate and Setup
Writing Controller Tests – the Tests
Unit Test the Code
Writing Service Tests – the Tests

Adding a New Frontend Angular Bower Module
Bower Search
Adding a New Bower Module
Using Your New Angular Module

Implementing a New NPM/Node Module
Searching npm/nipster for a Module
Updating package.json and Running npm Install
Requiring a New Module and Using It

Building a New Node API Route
Scaffolding a New Route with ‘yo’
Under the Hood of the Node-controller Generator
Writing the API and Tests
Node Integration Test Coverage
Using the Interactive API Help Documentation

Angular e2e Protractor Testing
PageObjects for Modularization
Selectors and Filling in Forms
Writing Our First Test
Running with Grunt e2e
Promises and executeAsyncScript
Injecting and Using Angular Modules
Setup and Teardown with Mock Data
Interacting with Third-party Sites

Deploying
Buying a Server
Setting Up the Server
Setting Up configs and Continuous Integration

Conclusion
Setting Up and Installing generator-mean-seed
Our Main Tools/Technologies
Angular
Node
Testing
Deploying