Mean Learning Notes

Notes for learning MEAN Stack from Scratch

Extra Lesson

• Data Migration
• Deployment in Action
• Overall Review

Week 12 - Long-term architecture

• Separation of Concerns
• MongoDB Backup and Restore
• Entity Relationship Diagram

Week 11 - Testing

• Introduction to Behaviour-driven Development
• Compare with Test-driven Development
• Job Story vs User Story
• Red, Green, Refactor
• Mocha - light weight testing framework
• Chai - Assertion ecosystem
• References
  • TDD and BDD With The MEAN Stack: Introduction
  • Protractor e2e tests for Angular.js
  • Compare JavaScript unit testing tools
• Learn Mocha Example
• CodeShip - Continuous Deployment

Week 10 - External tools (Cont'd)

• Add data visulization using Highcharts
• HighCharts
• amCharts
• Morris.js
• The 15 Best JavaScript Charting Libraries

Week 9 - External tools

• Sending email using Mailgun Sample

Week 8 - Deploy to EC2

• Prepare Ubuntu 14.04 EC2 instance
• Install Nginx, MongoDB, Node.js, NPM
• Git clone the project from BitBucket
• Run the application

Week 7 - Work as a Team

• GitHub Pull Request
• GitFlow

Week 6 - Deploy to Heroku

• Introduction to Deployment
• Heroku
• Amazon Web Services
• Domain Name Service
• Deploy MEAN Stack
• Heroku Documentation

Week 5 - Reactive Web

• AngularJS
• Meteor
• ReactJS
• Express with AngularJS Demo

Week 4 - Using API

• jQuery AJAX
• Introduction to AngularJS
• Express API

Week 3 - Get started with development project

• Debugging
• Study code of existing project

Week 2 - Project Management

• Git & GitHub Best Practices
• jQuery
• Express API

Saral

• jQuery AJAX
• Codepen jQuery Exercises
• jQuery Exercises
• jQuery Cheatsheet

Josie

• RESTful API
• JSON
• json.com {}
• 5-min Quiz

Week 1 - Introduction to MVC Framework

• Server MVC -> Express
  • Model - DataSource connecting to the Database
  • View - Presenting the response (HTML / JSON)
  • Controller - Middleman to handle works and business logic
• Client MVC -> AngularJS
  • Model - DataSource (API / input text field)
  • View - HTML showing on the browser
  • Controller - Handle business logic on frontend
• RESTful
• HTTP Status Code
• Turn Websites into Structured API

Saral

• HTML / CSS in Bootstrap
• JavaScript Syntax & Fundamentals

Josie

• Express.js examples from YouTube
• CodeSchool Express.js Track

Prework

• http://harryworld.gitbooks.io/web-development-prework/

All Projects

Saral

• GitHub Repo
• http://harry-for-you.bitballoon.com/

Josie

• First Express Project

Resources

• CodeSchool JavaScript Path
• CodeSchool Try Git
• Build a RESTful API Using Node and Express 4
• Eloquent JavaScript

Tools

• Sublime Text 3
• Sublime Package Control
• Postman
• JSONView
• Genghis
• Robomongo

Videos

• Deploy MEAN stack to Heroku
• Use MongoDB on Heroku
• Introduction to Highcharts
• Node.js with Mocha & Chai