Mean intro

10
Presented By Prabu Fast scalable web apps

Transcript of Mean intro

Page 1: Mean intro

Presented ByPrabu

Fast scalable web apps

Page 2: Mean intro

©2014

•What is Mean Stack ?

• Introduction about each technology

• Build app with MEAN

• Yeomen Generator

•Demo and Code Samples

Agenda

Page 3: Mean intro

©2014

What is MEAN Stack ?

Mean stack is a modern web development technology stack

web application framework

Frontend Framwork

Event based concurrency environment

Page 4: Mean intro

Click to edit Master title style

©2014

Terminology

MongoDB RDBMS

Collection Table

Document Row

Embedded Doc Join

Referrence Foreign Key

Page 5: Mean intro

Click to edit Master title style

©2014

Document Data

Prabu [email protected]

{ "_id" : "5472d3b334b4" "name" : "Prabu", "type" : "employee", "email" : "[email protected]"}

{ "_id": "1272d3b33" "author": "prabu d", "created_date": "1223355600", "title": "MEAN development", "content": "Full stack ..........."}

A document represent by JSON format

Page 6: Mean intro

©2014

Application

Page 7: Mean intro

©2014

Yeoman Generator• It makes MEAN application development easier.• Open solution for Scaffolding applications.• It includes a set of simple tools.

Installation• $ npm install -g yo• $ npm install -g generator-meanjs

Create MEAN Application• yo meanjs

Run • grunt

Page 8: Mean intro

©2014

Code Sample

https://github.com/dprabu17/MEAN-Intro

Page 9: Mean intro

©2014

Q&A?

Page 10: Mean intro

©2014

Q&A?