Get MEAN! Node.js and the MEAN stack

30
Get Mean! Node.js and the MEAN stack

description

This meetup will bring us back to basics with a bootstrapping session on building an all Javascript web application on a MEAN Stack: • MongoDB - NoSQL DB • ExpressJS - Server Application Framework • AngularJS - Client Application Framework • NodeJS - Application Platform I'll cover the basics of getting bootstrapped with Node.js and building out a fully featured web application from backend-to-frontend. I'll highlight some of the advantages of an all javascript web application as well as show some development tips leveraging gruntJS based on Nate's presentation last meetup.

Transcript of Get MEAN! Node.js and the MEAN stack

Page 1: Get MEAN!  Node.js and the MEAN stack

Get Mean! Node.js and the MEAN stack

Page 2: Get MEAN!  Node.js and the MEAN stack

NICHOLAS MCCLAY

Page 4: Get MEAN!  Node.js and the MEAN stack

What is the MEAN

Stack?

100%100%

JavaScriptJavaScript

100%100%

JavaScriptJavaScript

NoSQL!!!NoSQL!!!

NoSQL!!!NoSQL!!!

On Sale NowOn Sale Now

$0.00!$0.00!On Sale Now

On Sale Now

$0.00!$0.00!

Page 5: Get MEAN!  Node.js and the MEAN stack

Client

Server

Database

Example Application

Page 6: Get MEAN!  Node.js and the MEAN stack

Why Go MEAN?

JavaScript all the way downConsistent models across stackConsistent best practices across stackLeverage JavaScript’s popularity

Page 7: Get MEAN!  Node.js and the MEAN stack

(APPLICATION PLATFORM)

Page 8: Get MEAN!  Node.js and the MEAN stack

Server-side javascript platform built on V8 engine

What javascript has done for the web browser, Node.js is doing for the backend server

Learn more at: http://nodejs.org/

What it does

Page 9: Get MEAN!  Node.js and the MEAN stack

Running Node

Page 10: Get MEAN!  Node.js and the MEAN stack

NodeJS module package manager

There is a module for everything, probably more than one.

Key commands - install, remove, update, search, -g flag for global

https://npmjs.org/

Page 11: Get MEAN!  Node.js and the MEAN stack

High performance server-side JavaScriptModule loadingAsynchronous IOApplication platform foundation

Node.js And MEAN Stack

Page 12: Get MEAN!  Node.js and the MEAN stack

(WEB SERVER)

Page 13: Get MEAN!  Node.js and the MEAN stack

A simple and robust web application framework for Node.js

Gives you everything you would expect to build a modern web server

Middleware, routing, templating, static-files, cookies, mime-types and much much more

Learn more at: http://expressjs.com/

What it does

Page 14: Get MEAN!  Node.js and the MEAN stack

Running Express

Page 15: Get MEAN!  Node.js and the MEAN stack

(MANY OTHER NODE FRAMEWORKS)

PIMP YOUR STACK

Page 16: Get MEAN!  Node.js and the MEAN stack

(THE DATABASE)

Page 17: Get MEAN!  Node.js and the MEAN stack

A simple and scalable document based NoSQL DB

JSON based model persistence

Flexible Schemas, Query Selectors, Sharding and much much more

Learn more at: http://www.mongodb.org/

What it does

Page 18: Get MEAN!  Node.js and the MEAN stack

DOCUMENT DATA

Page 19: Get MEAN!  Node.js and the MEAN stack

Its not SQL!

Page 20: Get MEAN!  Node.js and the MEAN stack

Mongoose

http://mongoosejs.com/

Page 21: Get MEAN!  Node.js and the MEAN stack

(MANY OTHER JSON DB OPTIONS)

PIMP YOUR STACK

Page 22: Get MEAN!  Node.js and the MEAN stack

(CLIENT APPLICATION)

Page 23: Get MEAN!  Node.js and the MEAN stack

An extensible client-side application framework

A swiss army knife of JavaScript MVW goodness

Data-binding, syncing, templating, components and much, much more

Learn more at: http://angularjs.org/

What it does

Page 24: Get MEAN!  Node.js and the MEAN stack

Angular Views

Page 25: Get MEAN!  Node.js and the MEAN stack

Angular Models & Controllers

Page 26: Get MEAN!  Node.js and the MEAN stack

(OR A MILLION OTHERS)

PIMP YOUR STACK

Page 27: Get MEAN!  Node.js and the MEAN stack

LET’S GET STARTED!

Page 28: Get MEAN!  Node.js and the MEAN stack

A great Boilerplate

http://www.mean.io/

Page 29: Get MEAN!  Node.js and the MEAN stack

YEOMAN Generators

https://github.com/chrisenytc/generator-meanis

https://github.com/wlepinski/generator-

meanstack

Page 30: Get MEAN!  Node.js and the MEAN stack

Thanks! @NickMcClay