Confidential Customized for Lorem Ipsum LLC Version 1.

WEB
TECHNOLOGY
Server
Side
Technologies
PYTHON
PYTHON
Python is a high-level programming language: Easy to learn
1 and use. Its syntax is clear and readable.

Python is an interpreted language: It is executed line by line

2
as it is read, rather than being compiled into machine code.

3
Python is used in a wide range of applications: Python is a
versatile language that can be used in a variety of
applications, from web development and data analysis

4
Python has a large and supportive community
PYTHON
NODE.JS

1 Node.js is a JavaScript runtime environment: Allows

developers to execute JavaScript code outside of a web
browser.

Node.js is event-driven and non-blocking: It can

2
handle a large number of concurrent connections
without blocking other requests.

3 Node.js has a large and active community: This

community has created a wide range of open-source
libraries and tools .

4 Applications: Building web servers and microservices to

developing desktop applications and IoT devices.
PYTHON
GOLANG

1 Golang is a statically-typed programming language:

Designed to be efficient, readable, and scalable.

2 Golang is designed for concurrent programming:

Easy to write programs that can handle multiple tasks
,through the use of goroutines and channels which are
lightweight threads.

3 Golang has a strong focus on performance: Golang is

designed to be fast and efficient, It achieves this through
the use of a garbage collector.

4 Golang has a growing community and ecosystem:

Golang has a growing community of developers and
users .
Client
Side
Technologies
REACT JS
ReactJS is a declarative, efficient, and flexible JavaScript
library for building reusable UI components. It is used to
1

build single-page applications.

2
It is an open-source, component-based front end
library which is responsible only for the view layer of the
application.

3 It was initially developed and maintained by Facebook

and later used in its products like WhatsApp &
Instagram.

4
React uses Virtual DOM exists which is like a lightweight
copy of the actual DOM.
DOM TREE
Q: Which is the better method to make a1 equal to a2?
M-1

for(int i=0;i<3;i++){
a1[i]=a2[i];
}

a1=[Apple, Orange, Grape] a2=[Apple, Orange, Peach]

M-2

a1[2]=a2[2]
Q: Which is the better method to make a1 equal to a2?
M-1

for(int i=0;i<3;i++){
a1[i]=a2[i];
}

a1=[Apple, Orange, Grape] a2=[Apple, Orange, Peach]

M-2

a1[2]=a2[2]
VIRTUAL DOM
In real DOM, after the change, the tree has to
be re-rendered to update the application UI.
1

2
The re-rendering or re-painting of the UI is
what makes it slow and expensive with
increasing UI components.

3
In Virtual DOM, if the state of any of these
elements changes, a new virtual DOM tree
is created.

4
Then, the virtual DOM compares these
changes to the real DOM and makes suitable
changes, ensuring minimal operations on the
real DOM.
ANGULAR JS
1 AngularJS is a free and open-source JavaScript-based
web framework for developing single-page applications.

2
It extends HTML DOM with additional attributes and
makes it more responsive to user actions.

3
Applications written in AngularJS are cross-browser
compliant. AngularJS automatically handles JavaScript
code suitable for each browser.

4
AngularJS provides developers an option to write client
side applications using Model View Controller (MVC) .
 MVC ARCHITECTURE
2 The View component is used for all the
UI logic of the application.
1 Model can can
represent either the
data that is being
transferred between
the View and
Controller
components or any
other business
3 Controllers act as an
logic-related data. interface between
Model and View
components to
process all the
incoming requests,
manipulate data and
render the final output.
Web Framework & Databases
DJANGO
Django is a high-level Python web framework that follows the
Model-View-Controller (MVC) architectural pattern.
1

URL routing: Django provides a powerful URL routing

2 system that allows developers to map URLs to Python
functions or class-based views.

Built-in admin interface: Django's admin interface

3
makes it easy to manage the content of a website
without having to write any custom code.

4
Template engine: Django comes with a template engine that
allows developers to easily create dynamic HTML pages.
FLASK
Flask is a lightweight Python web framework that is easy to
1
learn and use.

Routing: Flask provides a simple and intuitive way to

2
map URLs to Python functions using decorators.

3
Templating: Flask supports a variety of templating engines,
including Jinja2 and Flask own built-in template engine.

Built-in development server: Flask comes with a built-in

4 development server that makes it easy to test and
debug applications.
MONGODB
1
MongoDB is a popular NoSQL database that is designed for
scalability, performance, and ease of use.

Document-oriented: MongoDB stores data in a flexible,

2 JSON-like format called BSON, which allows for easy and
fast data retrieval.

Scalability: MongoDB is designed to scale horizontally

3
across multiple servers, making it a good choice for
large, high-traffic applications.

Indexing: MongoDB supports a variety of indexing

4 options, including single field, compound, and text
search indexes, making it easy to query data quickly.
References
● https://chat.openai.com/chat
● https://en.wikipedia.org/wiki/Django
● https://en.wikipedia.org/wiki/Flask
● https://en.wikipedia.org/wiki/MongoDB
● https://www.mindbowser.com/react-virtual-dom-vs-real-dom/
● https://www.geeksforgeeks.org/difference-between-virtual-dom-and-real-dom
● https://developer.mozilla.org/en-US/docs/Glossary/MVC
 PRESENTED
BY

Ranjeet Bansode Tanuj Vats Sagar Goel

(2020UIT3058) (2020UIT3017) (2020UIT3038)

PRESENTED TO: PROF. SHRUTI SRIVASTAVA

Thank you!