0% found this document useful (0 votes)
28 views21 pages

CA938_Unit1

Uploaded by

developerw568
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
0% found this document useful (0 votes)
28 views21 pages

CA938_Unit1

Uploaded by

developerw568
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/ 21

Faculty Name: Mubina Malik (Assistant Professor)

Email: mubinamalik.mca@charusat.ac.in
 In contrast to pure code, a library is not an
independently executable unit, but an additional
module that is requested by a programme.
 libraries are collections of classes and functions,
which is why they are sometimes also called
component or class libraries. With the help of a
programme interface (API / Application
Programming Interface), access to the
necessary functions from the library is made
possible.
 However, access is only limited to the “public”
functions; libraries also have “private” functions
that work in the background but remain hidden
from the outside world.
 A framework is a special kind of library that does
not contain “finished” functions like a regular
library.
 Frameworks are rather programme scaffolds that
provide the blueprint but not the finished unit.
 The framework, therefore, provides the blueprint
and the basic framework and also shows what is
still needed from the programmer in terms of
customization.
 The framework provides the flow of a software
application and tells the developer what it needs
and calls the code provided by the developer as
required. If a library is used, the application calls
the code from the library.
 DOM Manipulation
 Data Handling
 Animation
 Database
 Maps
 User Interface
 Charts
 UI Components
Javascript Libraries JavaScript Frameworks
Jquery – Use DOM Angular – web framework for cross plateform
React.JS – Single page application application
D3.js – Data Driven Document (Data Vue.js
Visulization) Ember.js
Underscore.js – light weight Node.js – Server runtime environment
Anim.js – For animation Next.js – react based framework
Chart.js – for designing canvas element Mocha – Testing framework
And many more
 The term MEAN.js is a full stack JavaScript open-source solution, used for
building dynamic websites and web applications. MEAN is an acronym that
stands for MongoDB, Express, Node.js and AngularJS, which are the key
components of the MEAN stack.
 It was basically developed to solve the common issues with connecting those
frameworks (Mongo, Express Nodejs, AngularJS), build a robust framework to
support daily development needs, and help developers use better practices
while working with popular JavaScript components.
Stack means using the database and web server in the back end, in the middle
you will have logic and control for the application and interaction of user at the
front end.

 MongoDB − Database System


 Express − Back-end Web Framework
 Node.js − Web Server Platform
 AngularJS − Front-end Framework
The MEAN stack would be a developing trend in front-end and back-end JavaScript
programming. This architecture is the only technology that can fulfil all of the most
efficient implementation standards. MEAN would be an acronym that stands for the
following words:

 MongoDB is abbreviated as M,
 Express is abbreviated as E,
 AngularJS is abbreviated as A,
 NodeJS is abbreviated as N.
It is a schemaless NoSQL database system. MongoDB saves data in
binary JSON format which makes it easier to pass data between client
and server.

 Uses a JSON document that is relevant to the data model.


 A schema-free, self-contained NoSQL database
 Highly scalable design designed to process massive amounts of
data that is both cost-effective and beneficial in transporting data
between the server and a client
 Assists with file storage, index preparation, and bandwidth
allocation.
The server-side JavaScript framework is a minimalist framework. It is
lightweight framework used to build web applications in Node. It provides a
number of robust features for building single and multi-page web
application. Express is inspired by the popular Ruby framework, Sinatra.

 Reduces the amount of work involved in developing secure online and


mobile apps.
 Developers can add additional innovations and developments.
 Back-end development is mostly done with this framework.
 It is easier to develop server-side apps with Nodejs.
 Database connectivity, template processors, and multiple basic routing
options.
A JavaScript framework for online front-end development.

 Google maintains and builds a computer MVC JavaScript data


conditional UI framework that is flexible in structure, development,
and testing.
 Reduce the time it takes for dynamic and SPAs to emerge.
 For a full-stack web front-end framework, it’s easy to learn and
scale.
A JavaScript-based execution framework that is open-source and
cross-platform.

 Built using the JS V8engine from Google Chrome


 Aids in the development of feature-rich real-time web-based
applications.
 Before the operation, convert JavaScript software to native machine
code.
 It enables the creation of server-based applications that are both
accessible and safe.
 It has a diverse ecosystem of open-source modules and features.
 As shown in the above image, we have AngularJS as client side language which
processes the request of a client.
 Whenever a user makes a request, it is first processed by AngularJS.
 Next, request enters second stage, where we have Node.js as server side language
and ExpressJS as backend web framework.
 Node.js handles the client/server requests and ExpressJS makes request to the
database.
 In the last stage, MongoDB (database) retrieves the data and sends the response to
ExpressJS.
 ExpressJS returns the response to Nodejs and in turn to AngularJS and then
displays the response to user.
 Among the most significant advantages is that the programmer may create all of
the software in JavaScript, from client and server.
 That would be a huge relief for Java programmers who have spent time and money
learning the language for client-side jobs.
 The MVC (Model – view – controller) paradigm is supported. The MEAN elements
are free software, which means that the stack is changed on a constant schedule.
 Furthermore, it is simple to use, adaptable to comprehend, and aids developers in
customizing according to their needs.
 Other aspects of MEAN include a large node.js component library and JSON usage
to transmit data.
The following are the characteristics of the MEAN stack architecture:
 The programmer creates the complete code again by sending the computer in
JavaScript, one of the essential elements of a MEAN stack design.
 The MEAN stack framework supports the Model View Controller (MVC) framework.

 The MEAN elements are independent and accessible.

 It’s simple to learn and put into practice.

 It allows developers to customize according to their needs.

 It transfers data via JSON and has a large node.js module library.

 Not just entrepreneurs and small businesses but also large corporations such as
Walmart, PayPal, Google, Netflix, Airbnb, LinkedIn, and others have switched to Node.js.
 MEAN.js was created to enable programmers to utilize better practices when
dealing with open-source JavaScript elements, construct a solid framework for
meeting daily external technological, and solve frequent challenges by linking to
MongoDB, Express.js, Angular.js, as well as Node.js platforms.
 The MEAN stack remains incredibly basic and straightforward to do using on both
the back-end and frontend. In both server-side and client execution, numerous
technologies employ distinct languages. We utilize just one vocabulary for both
server and client in MEAN technology.

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy