Scribd
Upload
8 views

WEB Tech

This document provides an overview of various web technologies including programming languages, frameworks and databases. It discusses Python, Node.js, Golang, React JS, Angular JS, Django, Flask, and MongoDB. For each it provides 2-4 key points such as Python being a versatile programming language used for web development and data analysis, Node.js being event-driven and non-blocking, and MongoDB being a NoSQL database designed for scalability and performance. The document also covers concepts like the MVC architecture and how the virtual DOM differs from the real DOM.

Uploaded by

Tanuj Vats
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
8 views

WEB Tech

This document provides an overview of various web technologies including programming languages, frameworks and databases. It discusses Python, Node.js, Golang, React JS, Angular JS, Django, Flask, and MongoDB. For each it provides 2-4 key points such as Python being a versatile programming language used for web development and data analysis, Node.js being event-driven and non-blocking, and MongoDB being a NoSQL database designed for scalability and performance. The document also covers concepts like the MVC architecture and how the virtual DOM differs from the real DOM.

Uploaded by

Tanuj Vats
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 28

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!

You might also like