Get MEAN! Node.js and the MEAN stack

Preview:

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.

Citation preview

Get Mean! Node.js and the MEAN stack

NICHOLAS MCCLAY

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!

Client

Server

Database

Example Application

Why Go MEAN?

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

(APPLICATION PLATFORM)

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

Running Node

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/

High performance server-side JavaScriptModule loadingAsynchronous IOApplication platform foundation

Node.js And MEAN Stack

(WEB SERVER)

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

Running Express

(MANY OTHER NODE FRAMEWORKS)

PIMP YOUR STACK

(THE DATABASE)

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

DOCUMENT DATA

Its not SQL!

Mongoose

http://mongoosejs.com/

(MANY OTHER JSON DB OPTIONS)

PIMP YOUR STACK

(CLIENT APPLICATION)

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

Angular Views

Angular Models & Controllers

(OR A MILLION OTHERS)

PIMP YOUR STACK

LET’S GET STARTED!

A great Boilerplate

http://www.mean.io/

YEOMAN Generators

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

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

meanstack

Thanks! @NickMcClay

Recommended