2015
Packt Publishing
Luke Madera
3:36
English
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.
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
Download File Size:868.57 MB
|
