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
●
[Link] is an open source, cross-platform runtime
environment for developing server-side and
networking applications.
●
[Link] applications are written in JavaScript, and can
be run within the [Link] runtime
17
Where to Use [Link]?
Following are the areas where [Link] 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.
●
[Link] 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://[Link] --recv
2930ADAE8CAF5059EE73BB4B58712A2291FA4AD5
●
Next, create a file at /etc/apt/[Link].d/[Link].
Open it with your favorite text editor, and add the line
below.
deb [Link] 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 [Link] repository where you want to build
your project.
$ git clone [Link]
●
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
[Link]
feature-and-architecture-e70409d18337
●
Copy right [Link]. Mean Stack. Retrived from
[Link]
33