Scribd
Upload
23 views

Web-Development-pdf

Web development assessment

Uploaded by

gorkasridhar17
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
23 views

Web-Development-pdf

Web development assessment

Uploaded by

gorkasridhar17
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/ 17

Holy Mary Institute Of Technology & Science

Mini project
On

Web-Development

• G sridhar
• Ravi teja
• Sanjay kumar
 Definition
 Introduction
 Classification
 Frontend Roadmap
 Backend Roadmap
 What does Developer do?
 Project
 Conclusion
2
Definition
The word Web Development is made up of two words:
Web: It refers to websites, web pages or anything that works
over the internet.
Development: Building the application from scratch.

3
Introduction
• Web development refers to the building, creating, and
maintaining of websites. It includes aspects such as web
design, web publishing, web programming, and database
management.
• It is the creation of an application that works over the
internet i.e. websites.
• The term development is usually reserved for the actual
construction of these things (that is to say, the
programming of sites). The basic tools involved are
programming languages called HTML (Hypertext Markup
Language), CSS (Cascading Style Sheets), and
JavaScript.
4
5
Classification
Web Development can be classified into two ways:
• Frontend Development: The part of a website that the
user interacts directly is termed as front end. It is also
referred to as the ‘client side’ of the application.
• Backend Development: Backend is the server side of a
website. It is the part of the website that users cannot
see and interact. It is the portion of software that does
not come in direct contact with the users. It is used to
store and arrange data.

6
Frontend Roadmap

●●●
7
Frontend Roadmap

• HTML: HTML stands for HyperText Markup Language. It is


used to design the front end portion of web pages using
markup language. It acts as a skeleton for a website since it
is used to make the structure of a website.
• CSS: Cascading Style Sheets fondly referred to as CSS is a
simply designed language intended to simplify the process of
making web pages presentable. It is used to style our website.
• JavaScript: JavaScript is a scripting language used to
provide a dynamic behavior to our website.

●●●
8
Frontend Roadmap

• Bootstrap: Bootstrap is a free and open-source tool collection


for creating responsive websites and web applications.
It is the most popular CSS framework for developing
responsive, mobile-first websites. Nowadays, the websites are
perfect for all the browsers (IE, Firefox, and Chrome) and
for all sizes of screens (Desktop, Tablets, Phablets, and
Phones).
• Bootstrap 4
• Bootstrap 5
●●●
9
Frontend Roadmap
Frontend Frameworks and Libraries:
• AngularJS
• React.js
• VueJS
• jQuery
• Bootstrap
• Material UI
• Tailwind CSS
• jQuery UI

10
Backend Roadmap

●●●
11
Backend Roadmap
• PHP: PHP is a server-side scripting language
designed specifically for web development.
• Java: Java is one of the most popular and widely
used programming language. It is highly scalable.
• Python: Python is a programming language that lets
you work quickly and integ rate sys tems more
efficiently.
• Node.js: Node.js is an open source and cross-platform
runtime environment for executing JavaScript code
outside a browser.

●●●
12
Backend Roadmap
Back End Frameworks

The list of back end frameworks are:


Express,
Django,
Rails,
Laravel,
Spring, etc.

13
What Does Web-Developer Do?
•Translating wireframe designs into working code
•Creating the architecture and content of a site
•Building in functionality and responsivity
•Making a site go live
•Updating and renovating sites
•Troubleshooting, fixing bugs, and glitches

14
Project:- gotrip.com
Travel website design
A Travel Website Is A Sort Of Business That
Provides Customers With Travel-Related Services.
When It Comes To The Future Of This Industry,
There Are Numerous Aspects That Will Influence
How Consumers Plan Their Vacations. The Rise Of
Mobile Usage, Greater Competition, And A Shift In
Customer Expectations Are Among These Factors.
The Ideal Tool For Tourists Is The Travel Website
Creator.
Step1: Setting Up the Structure
(HTML Step2: Styling the Travel
Website (CSS)

Step 3: JavaScript
Conclusion
•In today's Web development, a good page design is
essential. A bad design will lead to the loss of visitors
and that can lead to a loss of business. In general, a
good page layout has to satisfy the basic elements of a
good page design.
•This includes color contrast, text organization, font
selection, style of a page, page size, graphics used, and
consistency. In order to create a well-designed page for
a specific audience.

17

You might also like