30
Get Mean! Node.js and the MEAN stack

Get MEAN! Node.js and the MEAN stack

Embed Size (px)

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

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