[go: up one dir, main page]
Scribd
Upload
50 views18 pages

Web Development Shiva Rider

The document discusses web development including definitions, classifications of frontend and backend development, tools used, and conclusions. It covers topics such as HTML, CSS, JavaScript, frameworks like Bootstrap and AngularJS, backend languages like PHP, Java, and Python, and tools for web development.

Uploaded by

Shivachetan Varma
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
50 views18 pages

Web Development Shiva Rider

The document discusses web development including definitions, classifications of frontend and backend development, tools used, and conclusions. It covers topics such as HTML, CSS, JavaScript, frameworks like Bootstrap and AngularJS, backend languages like PHP, Java, and Python, and tools for web development.

Uploaded by

Shivachetan Varma
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

CONTENTS
• Definition
• Introduction
• Classification
• Frontend Roadmap
• Backend Roadmap
• Full-Stack Developer
• What does Developer do?
• Tools Used
• Conclusion
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.
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.
CLASSIFICATIONS

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.
FRONT-END ROADMAP
FRONT-END ROADMAP

 HTML: HTML stands for Hyper Text 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.
FRONT-END 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
FRONT-END ROADMAP
Frontend Frameworks and Libraries:
 AngularJS
 React.js
 VueJS
 jQuery
 Bootstrap
 Material UI
 Tailwind CSS
 jQuery UI
BACK-END ROADMAP
BACK-END 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 ROADMAP
Back End Frameworks

The list of back end frameworks are:


 Express,
 Django,
 Rails,
 Laravel,
 Spring, etc.
FULL-STACK DEVELOPER
• A Full-Stack Developer is someone familiar 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 USED
• WordPress
• 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
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.
THANK YOU

You might also like