Scribd
Upload
19 views18 pages

Vishu Web Development

Uploaded by

abarnaav2
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
19 views18 pages

Vishu Web Development

Uploaded by

abarnaav2
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 18

WEB DEVELOPMENT

Submitted by:
Vishnuka V,
Final year - Cse dpt,
RegNo:960421104033,
CSIIT, Thovalai .
Table of
1.Definition
contents
2.Introduction
3.Classification
4.Frontend Roadmap
5.Backend Roadmap
6.Full-Stack Developer
7.What does Developer do?
8.Tools Used
9.Conclusion
Definitio
n
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.
Introducti
* Web development refers to theon
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.
Classificatio
n
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.
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.
•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.
Frontend Frameworks and
Libraries:
• AngularJS
• React.js
• VueJS
• jQuery
• Bootstrap
• Material UI
• Tailwind CSS
•
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 integrate systems more efficiently.
•Node.js: Node.js is an open source and cross-platform
runtime environment for executing JavaScript code outside a browser.
Back End Frameworks:

The list of back end frameworks are:


• Express,
• Django,
• Rails,
• Laravel,
• Spring, etc.
Full Stack
•A Full-Stack Developer is someone familiar
Developer with both front- and back-
end development. They are generalists, adept at wearing both hats, and
familiar with every layer of development. Obviously, employers want to
hire Full-Stack Developers – according to an Indeed study, they are the
fourth-most in-demand job in tech.

•If the title is contentious, it’s in the generalist nature of the position.
Developers who specialize in the front-end or back-end often bristle at the
notion that someone could be equally adept at both – the expression “jack-
of-all-trades, master of none” comes to mind.
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.
Tools
• WordPress Used
• Joomla!
• Drupal
• TYPO3
• Adobe Experience Manager
• Sketch – A toolkit for digital designs
• InVision Cloud – A leading digital product design platform
• Sublime Text – A code editor for advanced website design
• Foundation – A family of front-end frameworks
• Chrome DevTools – Tools from the popular browser that facilitate
web development.
Conclusi
on a good page design is essential.
*In today's Web development,
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.

You might also like