Objective
Learn Full-Stack HTML, CSS, JAVASCRIPT and
[Link] and build Websites from scratch.
Learn language of the web : HTML and CSS.
Develop basic programming skills using
Javascript.
To Gain new skills & improve my resume.
Reduce the cost and complexity of
Development.
Web development
Web development usually refers to developing
the website for the internet (world wide web)
or for an intranet (private network).
Also known as web programming .
It is the creation of dynamic web application .
Examples of web applications are social
networking sites like facebook or e -commerce
sites like amazon .
There are two broad divisions of web
development-Front-End (also called client Site
development) and back-end development (also
called sever site development).
Search engine optimization (SEO) is the process
of improving the visibility of a website or
webpage on a search engine results page (SERP)
so as to make a company's website more
discoverable (i.e., on the first page/s), thereby
driving traffic and sales.
Types of Web Development :-
1. Frontend Development :-
Front – end development refers to producing a web
application so that a user can see and interact with
them directly.
The objective of designing a site is to ensure that
when the users open up the site they see the
information in a format that is easy to read and
relevent .
A front – end developer architects and develops
websites and application using web technologies ,
which run on the open web platform or act as
compilation input for non – web platform
environments.
Also known as client - side development.
The technologies we can use are :
1. HTML (Hypertext Markup Langua
2. CSS(Cascading Style Sheet)
3. JAVASCRIPT
4. BOOTSTRAP
Html
• It stands for Hyper Text Markup Languages.
• It is standard markup language for creating Web
pages.
• Describes the structure of a Web page and consists
series of elements.
• Elements tells the browser how to display the
content.
• Sample Code :-
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>web devlopment</title>
</head>
<body>
</body>
</html>
Css
• It stands for Cascading Style Sheets.
• It describes how HTML elements to be
displayed on screen , paper , or in other media.
• It saves a lot of work . It can control the layout
of multiples web pages all at once.
• External styles sheets are stored in CSS files.
• Sample code :-
.container h1{
text-align: center;
}
.btn{
color:white;
background : green;
padding: 8px 12px;
font-size: 20px;
border: 2px solid white;
border-radius: 14px;
cursor: pointer;
}
#feedback{
position: relative;
}
#feedback::before{
content: "";
position: absolute;
width: 100%;
height: 100%;
z-index: -1;
opacity: 0.7;
background: url(image/[Link]) no-repeat center center/cover;
}
Javascript
• It is often known as JS, is a high-level dynamic
interpreted programming language.
• It allow client – side scripting to create
completely dynamic web applications and
websites.
• Sample code :-
function saveData(){
let nam , branch , course , email,message
nam = [Link]("nam").value
branch = [Link]("branch").value
course = [Link]("course").value
email = [Link]("email").value
message = [Link]("message").value
[Link]("nam",nam)
[Link]("branch",branch)
[Link]("course",course)
[Link]("email",email)
[Link]("message",message)}
2. Backend Development :-
Back end development controls what goes on behind
the scenes of a web application.
Also known as server – side development.
Backend usually consists of three part : a server, an
application and a database.
Users can’t see how it works.
Benefits of Web
Development
Increased Mobile Traffic.
Faster Mobile development at Lower Costs.
Needs Less Maintenance.
Faster web pages.
Easier analytics reporting.
Improved Online Browsing Experience.
It helps students preceive information
faster , easier and more efficiently.
disadvantage of
Web Development
Lack of Security.
Performances of web apps is slower than a
native desktop app.
It is rare to find since they are not available on
play stores. Thus , only knowing user can find it
but who don`t knows cannot find it easily.
It depend on server if server fails to respond
then it creates issues.
Internet connection is compulsory.
Project
In lockdown period we feels that library is the
most important part of a student , so we have
decided to make online library so that every
student of the Sityog College can found their
subject books easily available in online mode.
Presently in my website we have added only 3
books since it is in developing period but we
think in next 2 months it will be ready , and if its
response will be good then we will publish on
the server so that every student of college will
get benefit of ONLINE LIBRARY.
Features :-
We have provided online books in pdf form so that
any one can read or download.
We have provided links of Sityog Institute so that
any one can vist directly to college website.
Some latest technology of web development is also
has been provided so that upcoming student can
know what is web development. Later on We are
going to provide more technology so every student
can know what all technology is available in their
fields.
AKU website is also provided for checking updates of
university like results.
We have provided question paper so that any one
can access those paper directly in one websites later
on we will be providing syllabus also.