19
What is MEAN ? A Collection of JavaScript based technologies to Develop Web Applications

Introduction to mean stack

Embed Size (px)

Citation preview

Page 1: Introduction to mean stack

What is MEAN

?A Collection of

JavaScript based technologies to Develop

Web Applications

Page 2: Introduction to mean stack

Why MEAN

stack !1.Single language is used

throughout the application

2.Support and often enforce the use of the MVC architecture

3.Performance

4.Popularity of JavaScript

5.Open Source Project

Page 3: Introduction to mean stack

What is NodeJS

? A Run Time Environment for Java Script

Page 4: Introduction to mean stack

How NodeJSIt Compiles the javascript code to Native machine code before execution

Event based mechanism

Page 5: Introduction to mean stack

Why NodeJS

Scalable and Fast Web Application

Light weight

Perfect for real time applications

Page 6: Introduction to mean stack

Features of NodeJS

Asynchronous and Event driven

Single threaded

No buffering

Open Source

Npm

Node modules

Page 7: Introduction to mean stack

What is AngularJS MVC based JavaScript

Framework

Page 8: Introduction to mean stack

What AngularJS can

do?Develop complex client side application

Single Page Applications

Page 9: Introduction to mean stack

Why this AngularJS

Less load on the server

Structure the Code and development practice and in MVC/MVVM

Reusable components

Easily Testable components

Page 10: Introduction to mean stack

How AngularJS

Components

Dependency Injection

Data binding

Directives

Filters

Services

Routes

Dirty checking

Page 11: Introduction to mean stack

What is MongoDB

no SQL Database

It uses JSON style documents for the data representation

Page 12: Introduction to mean stack

Why MongoDBJSON everywhere

Lightweight

Less disk space

Scalable architecture

No more SQL statements

Page 13: Introduction to mean stack

How MongoDB

Support ad hoc queries

Indexing

Replication

Load Balancing

Map reduction and Aggregation tools

JavaScript instead of Procedures

High performance

Page 14: Introduction to mean stack

Replication

Page 15: Introduction to mean stack

What is ExpressJS

Server side web and mobile application framework

Page 16: Introduction to mean stack

Features of ExpressJS

Allows and responds to HTTP requests

Defines routes

Dynamic rendering of HTML pages

Helper functions for Web Applications

Templating Engines

REST support

Page 17: Introduction to mean stack

What is Vue.Js A progressive framework for building user interfaces

Page 18: Introduction to mean stack

Features of VueJS

Declarative rendering

Vue focuses on “view layer”

Reactivity

Data Binding

Directives

Components

Encapsulation

Event Handling

Computed properties

Transition effects

Typescript support

Page 19: Introduction to mean stack