Web Development

Web-Development
Submitted By:
Akshat Sinha
Table Contents
• Definition
• Introduction
• Classification
• Frontend Roadmap
• Backend Roadmap
• Full-Stack Developer
• What does Developer do?
• Tools Used
• Conclusion
2
Definition
Web development aka website development, refers to
the tasks associated with creating, building, and
maintaining websites and web applications that run
online on a browser.
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
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.
5
Frontend Roadmap
●●●
6
Package Managers
npm: npm stands for Node Package Manager. It's a library
and registry for JavaScript software packages. npm also has
command-line tools to help you install the different
packages and manage their dependencies. npm is free and
relied on by over 11 million developers worldwide
yarn: Yarn is known for being faster than npm in terms of

package installation and overall performance. This is
because Yarn uses a caching mechanism to store packages
on the local disk, which speeds up the installation process.
7
Frontend
• 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
• Tailwind CSS: Tailwind CSS makes it quicker to write and
maintain the code of your application. By using this utility-
first framework, you don't have to write custom CSS to
style your application. Instead, you can use utility classes
to control the padding, margin, color, font, shadow, and
more of your application.
• Bootstrap: Bootstrap is a free, open source front-end
development framework for the creation of websites and
web apps. Designed to enable responsive development of
mobile-first websites, Bootstrap provides a collection of
syntax for template designs.
●●●
9
Frontend
• ReactJs: React is a JavaScript-based UI development
library. Although React is a library rather than a language,
it is widely used in web development. The library first
appeared in May 2013 and is now one of the most
commonly used frontend libraries for web development.
• NextJs: Nextjs is a React framework that enables several

extra features, including server-side rendering and
generating static websites. React is a JavaScript library that
is traditionally used to build web applications rendered in
the client's browser with JavaScript.
10
Backend Roadmap
●●●
11
Backend
• 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.
●●●
12
Back End Frameworks
The list of back end frameworks are:
• Express
• Django
• Rails
• Laravel
• Spring
13
Backend Roadmap
• ExpressJs : Express is a node js web application framework
that provides broad features for building web and mobile
applications. It is used to build a single page, multipage, and
hybrid web application. It's a layer built on the top of the
Node js that helps manage servers and routes.
• NodeJs: Node. js is easily employed as a server-side proxy,

where it can handle a large amount of simultaneous
connections in a nonblocking manner. It's useful for proxying
different services with varying response times, or collecting
data from multiple source points.
14
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.
15
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
16
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
References
 Google.com
 Wikipedia.org
 nextjs.org
 tailwindcss.com
 nodejs.com

Web Development

Uploaded by

Copyright:

Available Formats

Web Development

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Web Development

Uploaded by

Copyright:

Available Formats

Web-Development

yarn: Yarn is known for being faster than npm in terms of

• NextJs: Nextjs is a React framework that enables several

• NodeJs: Node. js is easily employed as a server-side proxy,

• If the title is contentious, it’s in the generalist nature of the

• This includes color contrast, text organization, font

You might also like