Skip to content

MEAN Stack

ivanab edited this page Oct 18, 2016 · 17 revisions

Setup:

npm init
sudo npm install express-generator
express --hbs
sudo npm install
sudo npm install mongoose --save
sudo npm install express-session --save
sudo npm install connect-mongo --save
sudo npm install bcrypt --save
npm start

MEAN

http://mean.io

  • MongoDB
  • Express
  • AngularJs 2
  • Node.js

MongoDB

Mongo Shell Quick Reference

https://docs.mongodb.com/manual/reference/mongo-shell/

MongoDB Tutorial

http://www.tutorialspoint.com/mongodb/mongodb_create_database.htm

Installation Guides

https://docs.mongodb.org/manual/installation/

Philosophy/ "How it works"

https://docs.mongodb.org/manual/introduction/

Install MongoDB Community Edition From Tarball

https://docs.mongodb.com/manual/tutorial/install-mongodb-on-linux/
START SERVER: sudo mongod
START CLIENT: sudo mongo
STOP SERVER: sudo service mongod stop
KILL ANOTHER PROCESS: sudo killall -15 mongod
EXIT: Ctrl+c

Mongoose - MongoDB Client

http://mongoosejs.com/
NOTE: MongoDB object modeling for Node.js; Schemas & Models; Validation; Intuitive Database Operations;

Mongoose:

Database-as-a-Service for MongoDB

https://mlab.com/


Express

sudo npm install express-generator -g

https://expressjs.com/en/starter/generator.html

Web framework for Node.js - guide:

https://expressjs.com/en/guide/routing.html

Production Best Practices: Security

https://expressjs.com/en/advanced/best-practice-security.html


AngularJs 2

The Core Concepts of Angular 2

https://vsavkin.com/the-core-concepts-of-angular-2-c3d6cbe04d04#.h9k4mzylu

Directives:

  • Components

NOTE: A Component is really a directive with a template.

  • Structural directives

https://angular.io/docs/ts/latest/guide/structural-directives.html
NOTE: A Structural directive changes the DOM layout by adding and removing DOM elements.

  • Attribute directives

https://angular.io/docs/ts/latest/guide/attribute-directives.html
NOTE: An Attribute directive can change the appearance or behavior of an element.

Component lifecycle Hooks

https://angular.io/docs/ts/latest/guide/lifecycle-hooks.html#!#hooks-overview

Component Interaction

https://angular.io/docs/ts/latest/cookbook/component-communication.html

Angular dependency injection

https://angular.io/docs/ts/latest/guide/dependency-injection.html#!#angular-dependency-injection

Services

https://angular.io/docs/ts/latest/tutorial/toh-pt4.html

Forms

https://angular.io/docs/ts/latest/guide/forms.html

Template syntax

  • Property binding

https://angular.io/docs/ts/latest/guide/template-syntax.html#!#property-binding

  • Event binding

https://angular.io/docs/ts/latest/guide/template-syntax.html#!#event-binding

Routing(HashLocationStrategy)

https://angular.io/docs/ts/latest/guide/router.html

Security

https://angular.io/docs/ts/latest/guide/security.html#

Angular 2 authentication revisited

https://medium.com/@blacksonic86/angular-2-authentication-revisited-611bf7373bf9#.8g29o5sm4

Angular Modules(NgModule)

https://angular.io/docs/ts/latest/guide/ngmodule.html#!#bootstrap
NOTE: Bootstrapping in main.ts (RC5)

Component Styles

https://angular.io/docs/ts/latest/guide/component-styles.html#!#view-encapsulation
NOTE: View Encapsulation, The Shadow DOM

Two-way binding with NgModel

https://angular.io/docs/ts/latest/guide/template-syntax.html#!#ngModel
NOTE: Display a data property and update that property when the user makes changes.


Node.js

sudo npm start
sudo npm run gulp

Node.js Security Checklist

https://blog.risingstack.com/node-js-security-checklist/

Clone this wiki locally