SlideShare una empresa de Scribd logo
1 de 36
Descargar para leer sin conexión
MEAN STACK
TEAM MEMBERS
Hariharan.G - 17MX105
Kalaiyarasan.D -17MX106
Keerthana.R.A -17MX107
Kirubhanandhan.R -17MX108
AGENDA
• Introduction to MEAN
• What is MEAN Stack?
• Why MEAN?
• Architecture of MEAN Stack
• What is MongoDB?
• What is ExpressJS?
• What is AngularJS?
• What is NodeJS?
• Benefits of Mean Stack Website Development
• Conclusion
Introduction to MEAN
• MEAN was coined by Valeri Karpov,
a MongoDB developer in 2013.
• MEAN is an acronym for Mongo DB, Express JS,
Angular JS and Node. Js.
MongoDB – the database
ExpressJS – the web framework
AngularJS – the front-end framework
NodeJS – the web server
What is MEAN Stack?
• MEAN is a collection of JavaScript-based
technologies
• MEAN is a full-stack development toolkit
• It is used to develop fast and robust web
application
• MEAN represents a major shift in architecture
from relational databases to NoSQL and from
server-side
• JSON is the primary format to exchange data
Why MEAN?
• Single language is used throughout the application
• Helps avoid unnecessary ground work and keep our
application organized
• Comes with a very powerful suite of testing tool
• Create a simple open source solution that is used to
build robust and maintainable solution
• Helps in rapid development of applications
• From client to server to database, MEAN is full stack
JavaScript
Architecture of MEAN Stack
MongoDB
• Has been around since 2007
• A simple and scalable document based NoSQL
database
• Use JSON-style documents with dynamic schemas
• Mongoose provides “Elegant MongoDB object
modeling for node.js”
• It provides a balance between the speed of pure
document databases and the power of relational
databases
Why NoSQL?
• Non-relational or distributed database system.
• Dynamic schema
• Horizontally scalable
• Unstructured query language
• Best suited for hierarchical data storage
• Examples: MongoDB, BigTable, Redis,
Cassandra, Hbase, Neo4j, CouchDB
SQL Schema Statements
• CREATE TABLE people
( user_id NOT NULL
AUTO_INCREMENT,
Varchar(30), age Number,
status char(1), PRIMARY KEY
(user_id) )
• ALTER TABLE people ADD
join_date DATETIME
• ALTER TABLE people DROP
COLUMN join_date
• DROP TABLE people
MongoDB Schema Statements
• db.createCollection("people")
db.people.insertOne(
{ user_id: "abc123",
age: 55, status: "A" } )
• db.people.updateMany ( {
$set: { join_date: new Date() } }
)
• db.people.updateMany( { }, {
$unset: { "join_date": "" } } )
• db.people.drop()
Sample code
Consider the representation of a person in XML and it's JSON
• XML:
<person>
<first-name>John</first-name>
<last-name>Carter</last-name>
</person>
• JSON:
{
"firstname":"John",
"lastname":"Carter“
}
Features of MongoDB
• Fast, Iterative Development
• Flexible Data Model
• JSON everywhere
• Lightweight
• Scalable architecture
• No more SQL statements
• Replication and high availability
AngularJS
• It was created in 2009 and develop client side
application
• Uses Google’s open-source V8 JavaScript
engine at its core
• It is a Single Page Applications (SPA)
• Directives are integrated in HTML directly
• Built highly interactive, responsive and
dynamic web application
• Angular brings the Model-View-Controller
(MVC) architecture
Two Way Data-binding
Features of AngularJS
• Great for Frontend development
SPA
Mobile Apps
• Great Browser support (> IE8)
• Easily Testable components
• Less load on the server
• Directives, which extend HTML attributes.
NodeJS
• Developed by Ryan Dahl in 2009
• Node.js is a server-side platform built on
Chrome's JavaScript runtime for easily
building scalable network applications.
• Uses event-driven, callback function, non-
blocking I/O model
• NPM- node ecosystem
• Single threaded-no deadlock
Blocking I/O vs. Non-Blocking I/O
NodeJS Single Tread Architecture
Features of NodeJS
• Speed and efficient
• Built on the top of chrome’s engine
• Can easily handle 10k concurrency connections
• Fast development cycles
• Unified database queries
• Perfect for real time applications
• No buffering
• Appropriate for android device
Who uses Node.js?
ExpressJS
• Express was first released in 2009
• Most popular framework for Node.js
• Minimal, flexible and extensible web
application framework
• Building single and multi-page, and hybrid
web applications.
Architecture of ExpressJS
Features of ExpressJS
• Allows and responds to HTTP requests
• Defines routes
• Makes usage of Node JS even easier
• Easy implement of REST API
• Dynamic rendering of HTML pages
• Helper functions for Web Applications
• Using Templating Engines
Summing it up..
• M is for MongoDB
• E is for ExpressJs
• A is for AngularJS
• N is for NodeJS
• Each piece serves a different purpose.
• MongoDB is the database engine, NodeJS is the
web server and server-side API, ExpressJS is the
routing engine, and AngularJS is the front-end UI
framework.
Why MEAN?
• But here's where it gets cool. MongoDB stores
its data in JSON, NodeJS is JavaScript, and
AngularJS is JavaScript;
• this means that there is literally no translation
is required between how the data is stored
and how it's manipulated.
• This also means there is literally only 1
language for the entire stack: JavaScript.
MEAN Vs Others
• The server-side technology is very heavy and
relies on web servers. Even the lightest server-
side technology, ASP.NET is still heavier than
NodeJS.
• To get into a platform like Visual Studio, you need
to invest as much as $13K.
• The typical .NET stack is not homogeneous in
nature. The data alone, and the transitions it
must go through from database engine, to data
model, to view model, to JSON, and back again
requires lot of translations.
Benefits Of MEAN Stack
• Fully an open source and free web standards
• Supports the MVC (Model View Controller)
architecture.
• Not just startups, big players are also moving to
Node.js: Wal-Mart, PayPal, Yahoo, Netflix,
Uber, LinkedIn.
Survey Results
MEAN Stack - Introduction & Advantages - Why should you switch to MEAN stack development?
MEAN Stack - Introduction & Advantages - Why should you switch to MEAN stack development?
MEAN Stack - Introduction & Advantages - Why should you switch to MEAN stack development?
MEAN Stack - Introduction & Advantages - Why should you switch to MEAN stack development?
MEAN Stack - Introduction & Advantages - Why should you switch to MEAN stack development?
Conclusion
• MEAN is a full stack, based on 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.
References
• https://insights.stackoverflow.com/survey/20
17
• https://www.airpair.com/mean-
stack/posts/developers-moving-dotnet-to-
mean
THANK YOU

Más contenido relacionado

La actualidad más candente

High-speed Database Throughput Using Apache Arrow Flight SQL
High-speed Database Throughput Using Apache Arrow Flight SQLHigh-speed Database Throughput Using Apache Arrow Flight SQL
High-speed Database Throughput Using Apache Arrow Flight SQLScyllaDB
 
Software architecture patterns
Software architecture patternsSoftware architecture patterns
Software architecture patternsMd. Sadhan Sarker
 
Introduction to MongoDB
Introduction to MongoDBIntroduction to MongoDB
Introduction to MongoDBNodeXperts
 
CMS Testing Strategy & CQ5 CMS
CMS Testing Strategy & CQ5 CMSCMS Testing Strategy & CQ5 CMS
CMS Testing Strategy & CQ5 CMSRachana Khedekar
 
Mongodb basics and architecture
Mongodb basics and architectureMongodb basics and architecture
Mongodb basics and architectureBishal Khanal
 
Introduction to MongoDB
Introduction to MongoDBIntroduction to MongoDB
Introduction to MongoDBMongoDB
 
Angular - Chapter 1 - Introduction
 Angular - Chapter 1 - Introduction Angular - Chapter 1 - Introduction
Angular - Chapter 1 - IntroductionWebStackAcademy
 
Angular state Management-NgRx
Angular state Management-NgRxAngular state Management-NgRx
Angular state Management-NgRxKnoldus Inc.
 
Action Jackson! Effective JSON processing in Spring Boot Applications
Action Jackson! Effective JSON processing in Spring Boot ApplicationsAction Jackson! Effective JSON processing in Spring Boot Applications
Action Jackson! Effective JSON processing in Spring Boot ApplicationsJoris Kuipers
 
Why TypeScript?
Why TypeScript?Why TypeScript?
Why TypeScript?FITC
 
Angular Material Design.pdf
Angular Material Design.pdfAngular Material Design.pdf
Angular Material Design.pdfKnoldus Inc.
 
Baby steps to Domain-Driven Design
Baby steps to Domain-Driven DesignBaby steps to Domain-Driven Design
Baby steps to Domain-Driven DesignŽilvinas Kuusas
 
WordPress Theme Development
 WordPress Theme Development WordPress Theme Development
WordPress Theme DevelopmentBijay Oli
 
Domain driven design and model driven development
Domain driven design and model driven developmentDomain driven design and model driven development
Domain driven design and model driven developmentDmitry Geyzersky
 
FULL stack -> MEAN stack
FULL stack -> MEAN stackFULL stack -> MEAN stack
FULL stack -> MEAN stackAshok Raj
 

La actualidad más candente (20)

JavaScript
JavaScriptJavaScript
JavaScript
 
MongoDB and Node.js
MongoDB and Node.jsMongoDB and Node.js
MongoDB and Node.js
 
High-speed Database Throughput Using Apache Arrow Flight SQL
High-speed Database Throughput Using Apache Arrow Flight SQLHigh-speed Database Throughput Using Apache Arrow Flight SQL
High-speed Database Throughput Using Apache Arrow Flight SQL
 
Software architecture patterns
Software architecture patternsSoftware architecture patterns
Software architecture patterns
 
Introduction to MongoDB
Introduction to MongoDBIntroduction to MongoDB
Introduction to MongoDB
 
CMS Testing Strategy & CQ5 CMS
CMS Testing Strategy & CQ5 CMSCMS Testing Strategy & CQ5 CMS
CMS Testing Strategy & CQ5 CMS
 
Mongodb basics and architecture
Mongodb basics and architectureMongodb basics and architecture
Mongodb basics and architecture
 
Introduction to MongoDB
Introduction to MongoDBIntroduction to MongoDB
Introduction to MongoDB
 
Angular - Chapter 1 - Introduction
 Angular - Chapter 1 - Introduction Angular - Chapter 1 - Introduction
Angular - Chapter 1 - Introduction
 
Angular state Management-NgRx
Angular state Management-NgRxAngular state Management-NgRx
Angular state Management-NgRx
 
Action Jackson! Effective JSON processing in Spring Boot Applications
Action Jackson! Effective JSON processing in Spring Boot ApplicationsAction Jackson! Effective JSON processing in Spring Boot Applications
Action Jackson! Effective JSON processing in Spring Boot Applications
 
Why TypeScript?
Why TypeScript?Why TypeScript?
Why TypeScript?
 
Angular Material Design.pdf
Angular Material Design.pdfAngular Material Design.pdf
Angular Material Design.pdf
 
Baby steps to Domain-Driven Design
Baby steps to Domain-Driven DesignBaby steps to Domain-Driven Design
Baby steps to Domain-Driven Design
 
WordPress Theme Development
 WordPress Theme Development WordPress Theme Development
WordPress Theme Development
 
Liquibase case study
Liquibase case studyLiquibase case study
Liquibase case study
 
Domain Driven Design
Domain Driven DesignDomain Driven Design
Domain Driven Design
 
Domain driven design and model driven development
Domain driven design and model driven developmentDomain driven design and model driven development
Domain driven design and model driven development
 
Mongo DB Presentation
Mongo DB PresentationMongo DB Presentation
Mongo DB Presentation
 
FULL stack -> MEAN stack
FULL stack -> MEAN stackFULL stack -> MEAN stack
FULL stack -> MEAN stack
 

Similar a MEAN Stack - Introduction & Advantages - Why should you switch to MEAN stack development?

web development with mern stack in power point
web development with mern stack in power pointweb development with mern stack in power point
web development with mern stack in power pointRAMKUMARRIT20
 
Final year presentation topicssssss in 1
Final year presentation topicssssss in 1Final year presentation topicssssss in 1
Final year presentation topicssssss in 1RAMKUMARRIT20
 
Introduction to MERN Stack
Introduction to MERN StackIntroduction to MERN Stack
Introduction to MERN StackSurya937648
 
Meanstack Introduction by Kishore Chandra
Meanstack Introduction by Kishore ChandraMeanstack Introduction by Kishore Chandra
Meanstack Introduction by Kishore ChandraKishore Chandra
 
Web Applications Development with MEAN Stack
Web Applications Development with MEAN StackWeb Applications Development with MEAN Stack
Web Applications Development with MEAN StackShailendra Chauhan
 
What is Mean Stack Development ?
What is Mean Stack Development ?What is Mean Stack Development ?
What is Mean Stack Development ?Balajihope
 
Node js installation steps.pptx slide share ppts
Node js installation steps.pptx slide share pptsNode js installation steps.pptx slide share ppts
Node js installation steps.pptx slide share pptsHemaSenthil5
 
Top 10 frameworks of node js
Top 10 frameworks of node jsTop 10 frameworks of node js
Top 10 frameworks of node jsHabilelabs
 
Building Modern Web Apps with MEAN Stack
Building Modern Web Apps with MEAN StackBuilding Modern Web Apps with MEAN Stack
Building Modern Web Apps with MEAN StackSuresh Patidar
 
An introduction to Node.js
An introduction to Node.jsAn introduction to Node.js
An introduction to Node.jsKasey McCurdy
 
Node.js In The Enterprise - A Primer
Node.js In The Enterprise - A PrimerNode.js In The Enterprise - A Primer
Node.js In The Enterprise - A PrimerNaveen S.R
 
MERN Stack Lokesh Yogi.pptx
MERN Stack Lokesh Yogi.pptxMERN Stack Lokesh Yogi.pptx
MERN Stack Lokesh Yogi.pptxLokeshYogi8
 
Mongo DB at Community Engine
Mongo DB at Community EngineMongo DB at Community Engine
Mongo DB at Community EngineCommunity Engine
 

Similar a MEAN Stack - Introduction & Advantages - Why should you switch to MEAN stack development? (20)

web development with mern stack in power point
web development with mern stack in power pointweb development with mern stack in power point
web development with mern stack in power point
 
Final year presentation topicssssss in 1
Final year presentation topicssssss in 1Final year presentation topicssssss in 1
Final year presentation topicssssss in 1
 
Introduction to MERN Stack
Introduction to MERN StackIntroduction to MERN Stack
Introduction to MERN Stack
 
Mean stack
Mean stackMean stack
Mean stack
 
Meanstack Introduction by Kishore Chandra
Meanstack Introduction by Kishore ChandraMeanstack Introduction by Kishore Chandra
Meanstack Introduction by Kishore Chandra
 
Web Applications Development with MEAN Stack
Web Applications Development with MEAN StackWeb Applications Development with MEAN Stack
Web Applications Development with MEAN Stack
 
MEAN Stack
MEAN StackMEAN Stack
MEAN Stack
 
What is Mean Stack Development ?
What is Mean Stack Development ?What is Mean Stack Development ?
What is Mean Stack Development ?
 
Mean Stack
Mean StackMean Stack
Mean Stack
 
Node js installation steps.pptx slide share ppts
Node js installation steps.pptx slide share pptsNode js installation steps.pptx slide share ppts
Node js installation steps.pptx slide share ppts
 
Top 10 frameworks of node js
Top 10 frameworks of node jsTop 10 frameworks of node js
Top 10 frameworks of node js
 
Knonex
KnonexKnonex
Knonex
 
Building Modern Web Apps with MEAN Stack
Building Modern Web Apps with MEAN StackBuilding Modern Web Apps with MEAN Stack
Building Modern Web Apps with MEAN Stack
 
An introduction to Node.js
An introduction to Node.jsAn introduction to Node.js
An introduction to Node.js
 
Oracle application container cloud back end integration using node final
Oracle application container cloud back end integration using node finalOracle application container cloud back end integration using node final
Oracle application container cloud back end integration using node final
 
Intro to Node.js
Intro to Node.jsIntro to Node.js
Intro to Node.js
 
Node.js In The Enterprise - A Primer
Node.js In The Enterprise - A PrimerNode.js In The Enterprise - A Primer
Node.js In The Enterprise - A Primer
 
MERN Stack Lokesh Yogi.pptx
MERN Stack Lokesh Yogi.pptxMERN Stack Lokesh Yogi.pptx
MERN Stack Lokesh Yogi.pptx
 
nodejs.pptx
nodejs.pptxnodejs.pptx
nodejs.pptx
 
Mongo DB at Community Engine
Mongo DB at Community EngineMongo DB at Community Engine
Mongo DB at Community Engine
 

Más de Hariharan Ganesan

Introduction to Social Networking
Introduction to Social NetworkingIntroduction to Social Networking
Introduction to Social NetworkingHariharan Ganesan
 
Windows V/S Linux OS - Comparison
Windows V/S Linux OS - ComparisonWindows V/S Linux OS - Comparison
Windows V/S Linux OS - ComparisonHariharan Ganesan
 
Real Time Operating system (RTOS) - Embedded systems
Real Time Operating system (RTOS) - Embedded systemsReal Time Operating system (RTOS) - Embedded systems
Real Time Operating system (RTOS) - Embedded systemsHariharan Ganesan
 
Letter writing - Sample formats
Letter writing - Sample formatsLetter writing - Sample formats
Letter writing - Sample formatsHariharan Ganesan
 
Probability & Statistics - Bitcoin Vs Ethereum using 'R'
Probability & Statistics - Bitcoin Vs Ethereum using 'R'Probability & Statistics - Bitcoin Vs Ethereum using 'R'
Probability & Statistics - Bitcoin Vs Ethereum using 'R'Hariharan Ganesan
 
Alan turing - Life History & how he broke enigma code?
Alan turing - Life History & how he broke enigma code?Alan turing - Life History & how he broke enigma code?
Alan turing - Life History & how he broke enigma code?Hariharan Ganesan
 
Wearable computers - Types, Applications & Future?
Wearable computers - Types, Applications & Future?Wearable computers - Types, Applications & Future?
Wearable computers - Types, Applications & Future?Hariharan Ganesan
 
Security threats in Android OS + App Permissions
Security threats in Android OS + App PermissionsSecurity threats in Android OS + App Permissions
Security threats in Android OS + App PermissionsHariharan Ganesan
 

Más de Hariharan Ganesan (9)

Introduction to Social Networking
Introduction to Social NetworkingIntroduction to Social Networking
Introduction to Social Networking
 
GFS & HDFS Introduction
GFS & HDFS IntroductionGFS & HDFS Introduction
GFS & HDFS Introduction
 
Windows V/S Linux OS - Comparison
Windows V/S Linux OS - ComparisonWindows V/S Linux OS - Comparison
Windows V/S Linux OS - Comparison
 
Real Time Operating system (RTOS) - Embedded systems
Real Time Operating system (RTOS) - Embedded systemsReal Time Operating system (RTOS) - Embedded systems
Real Time Operating system (RTOS) - Embedded systems
 
Letter writing - Sample formats
Letter writing - Sample formatsLetter writing - Sample formats
Letter writing - Sample formats
 
Probability & Statistics - Bitcoin Vs Ethereum using 'R'
Probability & Statistics - Bitcoin Vs Ethereum using 'R'Probability & Statistics - Bitcoin Vs Ethereum using 'R'
Probability & Statistics - Bitcoin Vs Ethereum using 'R'
 
Alan turing - Life History & how he broke enigma code?
Alan turing - Life History & how he broke enigma code?Alan turing - Life History & how he broke enigma code?
Alan turing - Life History & how he broke enigma code?
 
Wearable computers - Types, Applications & Future?
Wearable computers - Types, Applications & Future?Wearable computers - Types, Applications & Future?
Wearable computers - Types, Applications & Future?
 
Security threats in Android OS + App Permissions
Security threats in Android OS + App PermissionsSecurity threats in Android OS + App Permissions
Security threats in Android OS + App Permissions
 

Último

Webinar - IA generativa e grafi Neo4j: RAG time!
Webinar - IA generativa e grafi Neo4j: RAG time!Webinar - IA generativa e grafi Neo4j: RAG time!
Webinar - IA generativa e grafi Neo4j: RAG time!Neo4j
 
Cybersecurity Challenges with Generative AI - for Good and Bad
Cybersecurity Challenges with Generative AI - for Good and BadCybersecurity Challenges with Generative AI - for Good and Bad
Cybersecurity Challenges with Generative AI - for Good and BadIvo Andreev
 
Generative AI for Cybersecurity - EC-Council
Generative AI for Cybersecurity - EC-CouncilGenerative AI for Cybersecurity - EC-Council
Generative AI for Cybersecurity - EC-CouncilVICTOR MAESTRE RAMIREZ
 
Kawika Technologies pvt ltd Software Development Company in Trivandrum
Kawika Technologies pvt ltd Software Development Company in TrivandrumKawika Technologies pvt ltd Software Development Company in Trivandrum
Kawika Technologies pvt ltd Software Development Company in TrivandrumKawika Technologies
 
Big Data Bellevue Meetup | Enhancing Python Data Loading in the Cloud for AI/ML
Big Data Bellevue Meetup | Enhancing Python Data Loading in the Cloud for AI/MLBig Data Bellevue Meetup | Enhancing Python Data Loading in the Cloud for AI/ML
Big Data Bellevue Meetup | Enhancing Python Data Loading in the Cloud for AI/MLAlluxio, Inc.
 
online pdf editor software solutions.pdf
online pdf editor software solutions.pdfonline pdf editor software solutions.pdf
online pdf editor software solutions.pdfMeon Technology
 
Leveraging DxSherpa's Generative AI Services to Unlock Human-Machine Harmony
Leveraging DxSherpa's Generative AI Services to Unlock Human-Machine HarmonyLeveraging DxSherpa's Generative AI Services to Unlock Human-Machine Harmony
Leveraging DxSherpa's Generative AI Services to Unlock Human-Machine Harmonyelliciumsolutionspun
 
About .NET 8 and a first glimpse into .NET9
About .NET 8 and a first glimpse into .NET9About .NET 8 and a first glimpse into .NET9
About .NET 8 and a first glimpse into .NET9Jürgen Gutsch
 
eAuditor Audits & Inspections - conduct field inspections
eAuditor Audits & Inspections - conduct field inspectionseAuditor Audits & Inspections - conduct field inspections
eAuditor Audits & Inspections - conduct field inspectionsNirav Modi
 
Introduction-to-Software-Development-Outsourcing.pptx
Introduction-to-Software-Development-Outsourcing.pptxIntroduction-to-Software-Development-Outsourcing.pptx
Introduction-to-Software-Development-Outsourcing.pptxIntelliSource Technologies
 
OpenChain Webinar: Universal CVSS Calculator
OpenChain Webinar: Universal CVSS CalculatorOpenChain Webinar: Universal CVSS Calculator
OpenChain Webinar: Universal CVSS CalculatorShane Coughlan
 
IA Generativa y Grafos de Neo4j: RAG time
IA Generativa y Grafos de Neo4j: RAG timeIA Generativa y Grafos de Neo4j: RAG time
IA Generativa y Grafos de Neo4j: RAG timeNeo4j
 
Your Vision, Our Expertise: TECUNIQUE's Tailored Software Teams
Your Vision, Our Expertise: TECUNIQUE's Tailored Software TeamsYour Vision, Our Expertise: TECUNIQUE's Tailored Software Teams
Your Vision, Our Expertise: TECUNIQUE's Tailored Software TeamsJaydeep Chhasatia
 
Optimizing Business Potential: A Guide to Outsourcing Engineering Services in...
Optimizing Business Potential: A Guide to Outsourcing Engineering Services in...Optimizing Business Potential: A Guide to Outsourcing Engineering Services in...
Optimizing Business Potential: A Guide to Outsourcing Engineering Services in...Jaydeep Chhasatia
 
How Does the Epitome of Spyware Differ from Other Malicious Software?
How Does the Epitome of Spyware Differ from Other Malicious Software?How Does the Epitome of Spyware Differ from Other Malicious Software?
How Does the Epitome of Spyware Differ from Other Malicious Software?AmeliaSmith90
 
Top Software Development Trends in 2024
Top Software Development Trends in  2024Top Software Development Trends in  2024
Top Software Development Trends in 2024Mind IT Systems
 
AI Embracing Every Shade of Human Beauty
AI Embracing Every Shade of Human BeautyAI Embracing Every Shade of Human Beauty
AI Embracing Every Shade of Human BeautyRaymond Okyere-Forson
 
Mastering Kubernetes - Basics and Advanced Concepts using Example Project
Mastering Kubernetes - Basics and Advanced Concepts using Example ProjectMastering Kubernetes - Basics and Advanced Concepts using Example Project
Mastering Kubernetes - Basics and Advanced Concepts using Example Projectwajrcs
 

Último (20)

Webinar - IA generativa e grafi Neo4j: RAG time!
Webinar - IA generativa e grafi Neo4j: RAG time!Webinar - IA generativa e grafi Neo4j: RAG time!
Webinar - IA generativa e grafi Neo4j: RAG time!
 
Cybersecurity Challenges with Generative AI - for Good and Bad
Cybersecurity Challenges with Generative AI - for Good and BadCybersecurity Challenges with Generative AI - for Good and Bad
Cybersecurity Challenges with Generative AI - for Good and Bad
 
Generative AI for Cybersecurity - EC-Council
Generative AI for Cybersecurity - EC-CouncilGenerative AI for Cybersecurity - EC-Council
Generative AI for Cybersecurity - EC-Council
 
Kawika Technologies pvt ltd Software Development Company in Trivandrum
Kawika Technologies pvt ltd Software Development Company in TrivandrumKawika Technologies pvt ltd Software Development Company in Trivandrum
Kawika Technologies pvt ltd Software Development Company in Trivandrum
 
Big Data Bellevue Meetup | Enhancing Python Data Loading in the Cloud for AI/ML
Big Data Bellevue Meetup | Enhancing Python Data Loading in the Cloud for AI/MLBig Data Bellevue Meetup | Enhancing Python Data Loading in the Cloud for AI/ML
Big Data Bellevue Meetup | Enhancing Python Data Loading in the Cloud for AI/ML
 
online pdf editor software solutions.pdf
online pdf editor software solutions.pdfonline pdf editor software solutions.pdf
online pdf editor software solutions.pdf
 
Leveraging DxSherpa's Generative AI Services to Unlock Human-Machine Harmony
Leveraging DxSherpa's Generative AI Services to Unlock Human-Machine HarmonyLeveraging DxSherpa's Generative AI Services to Unlock Human-Machine Harmony
Leveraging DxSherpa's Generative AI Services to Unlock Human-Machine Harmony
 
About .NET 8 and a first glimpse into .NET9
About .NET 8 and a first glimpse into .NET9About .NET 8 and a first glimpse into .NET9
About .NET 8 and a first glimpse into .NET9
 
eAuditor Audits & Inspections - conduct field inspections
eAuditor Audits & Inspections - conduct field inspectionseAuditor Audits & Inspections - conduct field inspections
eAuditor Audits & Inspections - conduct field inspections
 
Introduction-to-Software-Development-Outsourcing.pptx
Introduction-to-Software-Development-Outsourcing.pptxIntroduction-to-Software-Development-Outsourcing.pptx
Introduction-to-Software-Development-Outsourcing.pptx
 
Sustainable Web Design - Claire Thornewill
Sustainable Web Design - Claire ThornewillSustainable Web Design - Claire Thornewill
Sustainable Web Design - Claire Thornewill
 
OpenChain Webinar: Universal CVSS Calculator
OpenChain Webinar: Universal CVSS CalculatorOpenChain Webinar: Universal CVSS Calculator
OpenChain Webinar: Universal CVSS Calculator
 
IA Generativa y Grafos de Neo4j: RAG time
IA Generativa y Grafos de Neo4j: RAG timeIA Generativa y Grafos de Neo4j: RAG time
IA Generativa y Grafos de Neo4j: RAG time
 
Your Vision, Our Expertise: TECUNIQUE's Tailored Software Teams
Your Vision, Our Expertise: TECUNIQUE's Tailored Software TeamsYour Vision, Our Expertise: TECUNIQUE's Tailored Software Teams
Your Vision, Our Expertise: TECUNIQUE's Tailored Software Teams
 
Program with GUTs
Program with GUTsProgram with GUTs
Program with GUTs
 
Optimizing Business Potential: A Guide to Outsourcing Engineering Services in...
Optimizing Business Potential: A Guide to Outsourcing Engineering Services in...Optimizing Business Potential: A Guide to Outsourcing Engineering Services in...
Optimizing Business Potential: A Guide to Outsourcing Engineering Services in...
 
How Does the Epitome of Spyware Differ from Other Malicious Software?
How Does the Epitome of Spyware Differ from Other Malicious Software?How Does the Epitome of Spyware Differ from Other Malicious Software?
How Does the Epitome of Spyware Differ from Other Malicious Software?
 
Top Software Development Trends in 2024
Top Software Development Trends in  2024Top Software Development Trends in  2024
Top Software Development Trends in 2024
 
AI Embracing Every Shade of Human Beauty
AI Embracing Every Shade of Human BeautyAI Embracing Every Shade of Human Beauty
AI Embracing Every Shade of Human Beauty
 
Mastering Kubernetes - Basics and Advanced Concepts using Example Project
Mastering Kubernetes - Basics and Advanced Concepts using Example ProjectMastering Kubernetes - Basics and Advanced Concepts using Example Project
Mastering Kubernetes - Basics and Advanced Concepts using Example Project
 

MEAN Stack - Introduction & Advantages - Why should you switch to MEAN stack development?

  • 1. MEAN STACK TEAM MEMBERS Hariharan.G - 17MX105 Kalaiyarasan.D -17MX106 Keerthana.R.A -17MX107 Kirubhanandhan.R -17MX108
  • 2. AGENDA • Introduction to MEAN • What is MEAN Stack? • Why MEAN? • Architecture of MEAN Stack • What is MongoDB? • What is ExpressJS? • What is AngularJS? • What is NodeJS? • Benefits of Mean Stack Website Development • Conclusion
  • 3. Introduction to MEAN • MEAN was coined by Valeri Karpov, a MongoDB developer in 2013. • MEAN is an acronym for Mongo DB, Express JS, Angular JS and Node. Js. MongoDB – the database ExpressJS – the web framework AngularJS – the front-end framework NodeJS – the web server
  • 4. What is MEAN Stack? • MEAN is a collection of JavaScript-based technologies • MEAN is a full-stack development toolkit • It is used to develop fast and robust web application • MEAN represents a major shift in architecture from relational databases to NoSQL and from server-side • JSON is the primary format to exchange data
  • 5. Why MEAN? • Single language is used throughout the application • Helps avoid unnecessary ground work and keep our application organized • Comes with a very powerful suite of testing tool • Create a simple open source solution that is used to build robust and maintainable solution • Helps in rapid development of applications • From client to server to database, MEAN is full stack JavaScript
  • 7. MongoDB • Has been around since 2007 • A simple and scalable document based NoSQL database • Use JSON-style documents with dynamic schemas • Mongoose provides “Elegant MongoDB object modeling for node.js” • It provides a balance between the speed of pure document databases and the power of relational databases
  • 8. Why NoSQL? • Non-relational or distributed database system. • Dynamic schema • Horizontally scalable • Unstructured query language • Best suited for hierarchical data storage • Examples: MongoDB, BigTable, Redis, Cassandra, Hbase, Neo4j, CouchDB
  • 9. SQL Schema Statements • CREATE TABLE people ( user_id NOT NULL AUTO_INCREMENT, Varchar(30), age Number, status char(1), PRIMARY KEY (user_id) ) • ALTER TABLE people ADD join_date DATETIME • ALTER TABLE people DROP COLUMN join_date • DROP TABLE people MongoDB Schema Statements • db.createCollection("people") db.people.insertOne( { user_id: "abc123", age: 55, status: "A" } ) • db.people.updateMany ( { $set: { join_date: new Date() } } ) • db.people.updateMany( { }, { $unset: { "join_date": "" } } ) • db.people.drop()
  • 10. Sample code Consider the representation of a person in XML and it's JSON • XML: <person> <first-name>John</first-name> <last-name>Carter</last-name> </person> • JSON: { "firstname":"John", "lastname":"Carter“ }
  • 11. Features of MongoDB • Fast, Iterative Development • Flexible Data Model • JSON everywhere • Lightweight • Scalable architecture • No more SQL statements • Replication and high availability
  • 12. AngularJS • It was created in 2009 and develop client side application • Uses Google’s open-source V8 JavaScript engine at its core • It is a Single Page Applications (SPA) • Directives are integrated in HTML directly • Built highly interactive, responsive and dynamic web application
  • 13. • Angular brings the Model-View-Controller (MVC) architecture
  • 15. Features of AngularJS • Great for Frontend development SPA Mobile Apps • Great Browser support (> IE8) • Easily Testable components • Less load on the server • Directives, which extend HTML attributes.
  • 16. NodeJS • Developed by Ryan Dahl in 2009 • Node.js is a server-side platform built on Chrome's JavaScript runtime for easily building scalable network applications. • Uses event-driven, callback function, non- blocking I/O model • NPM- node ecosystem • Single threaded-no deadlock
  • 17. Blocking I/O vs. Non-Blocking I/O
  • 18. NodeJS Single Tread Architecture
  • 19. Features of NodeJS • Speed and efficient • Built on the top of chrome’s engine • Can easily handle 10k concurrency connections • Fast development cycles • Unified database queries • Perfect for real time applications • No buffering • Appropriate for android device
  • 21. ExpressJS • Express was first released in 2009 • Most popular framework for Node.js • Minimal, flexible and extensible web application framework • Building single and multi-page, and hybrid web applications.
  • 23. Features of ExpressJS • Allows and responds to HTTP requests • Defines routes • Makes usage of Node JS even easier • Easy implement of REST API • Dynamic rendering of HTML pages • Helper functions for Web Applications • Using Templating Engines
  • 24. Summing it up.. • M is for MongoDB • E is for ExpressJs • A is for AngularJS • N is for NodeJS • Each piece serves a different purpose. • MongoDB is the database engine, NodeJS is the web server and server-side API, ExpressJS is the routing engine, and AngularJS is the front-end UI framework.
  • 25. Why MEAN? • But here's where it gets cool. MongoDB stores its data in JSON, NodeJS is JavaScript, and AngularJS is JavaScript; • this means that there is literally no translation is required between how the data is stored and how it's manipulated. • This also means there is literally only 1 language for the entire stack: JavaScript.
  • 26. MEAN Vs Others • The server-side technology is very heavy and relies on web servers. Even the lightest server- side technology, ASP.NET is still heavier than NodeJS. • To get into a platform like Visual Studio, you need to invest as much as $13K. • The typical .NET stack is not homogeneous in nature. The data alone, and the transitions it must go through from database engine, to data model, to view model, to JSON, and back again requires lot of translations.
  • 27. Benefits Of MEAN Stack • Fully an open source and free web standards • Supports the MVC (Model View Controller) architecture. • Not just startups, big players are also moving to Node.js: Wal-Mart, PayPal, Yahoo, Netflix, Uber, LinkedIn.
  • 34. Conclusion • MEAN is a full stack, based on 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.