Scribd
Upload
347 views33 pages

Mean Stack

The document discusses the MEAN stack, which is a collection of JavaScript technologies used to develop full-stack web applications. It includes MongoDB for the database, Express.js for the server framework, AngularJS for the front-end framework, and Node.js for the runtime environment. Each component is explained in terms of its features, advantages, and disadvantages. Examples of case studies using the MEAN stack are provided, including an employee registration app, a post sharing app, a chat app, and an appointment booking app. The document concludes that MEAN provides a fast, easy way to build modern, responsive, dynamic web sites using JavaScript throughout the full stack.

Uploaded by

yaswanth
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
347 views33 pages

Mean Stack

The document discusses the MEAN stack, which is a collection of JavaScript technologies used to develop full-stack web applications. It includes MongoDB for the database, Express.js for the server framework, AngularJS for the front-end framework, and Node.js for the runtime environment. Each component is explained in terms of its features, advantages, and disadvantages. Examples of case studies using the MEAN stack are provided, including an employee registration app, a post sharing app, a chat app, and an appointment booking app. The document concludes that MEAN provides a fast, easy way to build modern, responsive, dynamic web sites using JavaScript throughout the full stack.

Uploaded by

yaswanth
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 33

PRESENTED BY

YASWANTH VV
IV SEM MCA
What is Mean Stack?

●
Mean stack is a collection of JavaScript technologies
used to develop web applications.
●
Therefore, from the client to the server to the
database everything is based on JavaScript.
●
MEAN is a full-stack development toolkit used to
develop a web application.
●
Free and open-source.

2
What is Mean Stack cont.

MEAN is comprised of four different technologies

3
Architecture of MEAN Stack

4
MongoDB

●
MongoDB is a document-oriented NoSQL database used for
high volume data storage.
●
MongoDB works on concept of collection and document.
●
Being a NoSQL tool means it does not use the usual rows
and columns that we so much associate with RDBM

5
MongoDB vs RDBMS

6
MongoDB-Collection

7
Advantages Of MongoDB

●
Flexible Database

●
High Speed

●
Easy Environment Setup

8
Disadvantages of MongoDB

●
Joins not Supported
MongoDB doesn’t support joins like a relational
database.

●
Limited Data Size
You can have document size, not more than 16MB .

9
Express JS

●
Express is a flexible, lightweight server framework.
●
It is designed for building single, multi-page, and
hybrid web applications.
●
Express JS is a framework used to build web
applications in Node

10
Advantages And Disadvantages

Advantages
●
Supports concurrency well.
●
Easy to configure and customize.

Disadvantages
●
There is no built in error handling methods.

11
AngularJS

●
Open-source web application framework.
●
Developed in 2009 by Misko Hevery and Adam
Abrons.
●
JavaScript framework written in JavaScript.
●
perfect for Single Page Applications.

12
Features of AngularJS

➢ The MVC Framework


MVC is a software design pattern for developing web applications. A
Model View Controller pattern is made up of the following three parts

●
Model − It is the lowest level of the pattern responsible for
maintaining data.

●
View − It is responsible for displaying all or a portion of the data to
the user.

●
Controller − It is a software Code that controls the interactions
between the Model and View.

13
Features of AngularJS cont.

➢ HTML User Interface


➢Two Way Data-Binding

14
Features of AngularJS cont.

➢Directives

•Ng-app directive initializes an AngularJS application.

•Ng-model directive binds the value of HTML controls to


application data.
•ng-repeat directive repeats an HTML element.

•ng-show & ng-hide Conditionally show or hide an


element, depending on the value of a boolean expression.
•ng-click Specifies custom behavior when an element is
clicked.

15
Advantages and Disadvantages.

Advantage
●
Fast development.
●
Makes developing SPA easy.
●
Awesome performance.
Disadvantages
●
Good for IO driven apps only (not games).

16
NodeJS

●
Node.js is an open source, cross-platform runtime
environment for developing server-side and
networking applications.
●
Node.js applications are written in JavaScript, and can
be run within the Node.js runtime

17
Where to Use Node.js?

Following are the areas where Node.js is proving itself


as a perfect technology partner

●
Data Streaming Applications

●
JSON APIs based Applications

●
Single Page Applications

18
Advantages of MEAN

●
Helps in rapid development of applications.

●
MEAN is full stack JavaScript which is 100% free.

●
Use a uniform language throughout your stack.

●
Node.js simplifies the server layer.

●
MEAN makes code isomorphic.

●
MVC
19
Install MEAN

Install MongoDB
●
Begin by adding MongoDB's key.
$ sudo apt-key adv --keyserver hkp://keyserver.ubuntu.com:80 --recv
2930ADAE8CAF5059EE73BB4B58712A2291FA4AD5

●
Next, create a file at /etc/apt/sources.list.d/mongodb.list.
Open it with your favorite text editor, and add the line
below.
deb https://repo.mongodb.org/apt/ubuntu xenial/mongodb-org/3.6
multiverse

20
Install MEAN cont.

21
Install MEAN cont.

●
You can now install MongoDB using this command.
$ sudo apt install mongodb-org

Install NodeJS, NPM, and Git


$ sudo apt install nodejs npm git

Install The Rest


●
cloning the mean.io repository where you want to build
your project.
$ git clone https://github.com/linnovate/mean.git
●
Next, change into the resulting directory.

22
Install MEAN cont.

●
Next, change into the resulting directory.
$ cd mean
●
Use NPM to automatically download and install all of the
remaining dependencies and set them up.
$ npm install
●
Finally, you can use NPM to start up a development server
for your project.
$ npm start

23
Case study works

1. Employee Registration

24
Case study works

2. Post Sharing App

25
Case study works

26
Case study works

3. Chat App

27
Case study works

28
Case study works

29
30
Case study works

4. Appoinment Booking

31
Conclusion

In the end, Mean is a full stack, Javascript, web


application framework. If you require a fast, easy,
simple way to create a modern, responsive, dynamic
web site then MEAN would be a great solution.

32
References

●
Ariana Andrason(2018,May 3). MEAN Stack Feature
And Architecture. Retrived from
https://medium.com/@ariana10andrason/mean-stack-
feature-and-architecture-e70409d18337
●
Copy right guru99.com. Mean Stack. Retrived from
https://www.guru99.com/mean-stack-developer.html#5

33

You might also like