Scribd
Upload
6 views

Web Development

Uploaded by

priyankathakurdnp
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
6 views

Web Development

Uploaded by

priyankathakurdnp
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/ 16

Web development

Name –Priyanka Thakur


Branch- CSE
Roll No. -210180101049
Contents:
1.Introduction
2.Web Developer
3.HTML
4.CSS
5.Bootstrap
6.JS
7.React
What is web
development?
Web Development is the building and
maintenance of websites ; it’s the
work that happens behind the scenes
to make a website
look great , work fast and perform
well with seamless user experience.
Web Developer:
Web developer use a variety of languages like
PHP, Python, Java and recently JavaScript also
giving competition introducing itself to handle
the backend part.

Types of developer:
The Front-end
The Back-end
Developer
Developer
The Full-stack
Developer
1. The Front-end Developer:
The front-end developer is responsible for creating the loo, feel and
interactive components of a website.
The front-end developer generally writes in the following programming
language:
HTML , CSS , JavaScript , React , etc.
2. The Back-end
The back-end developer has one of the most crucial roles in web
Developer:
development . They create and maintain what’s under the hood to
keep your website running and functioning properly .
Programming languages a backend developer writes in include:
Java , PHP, etc.
3. The Full-stack Developer:
The full-stack developer is a unique type as they can program and
work on both front-
End and back-end parts of a website.
HTML
What is html?
HTML stands for Hyper Text Markup
Language
HTML is not a programming language , it is a markup
language.
A markup language is a set of markup tags.
HTML uses markup tags to describe web pages

HTML Tags
HTML tags are keywords surrounded by angle brackets
like<html>
HTML tags normally come in pairs like <b> and
</b>
The first in a pair is the start tag , and the second tag is the end tag

Start and end tags are also called opening and closing tags
.HTM or .HTML File Extension?
When you save an html file , you can use either the .HTM or
the .html file extension.
There is no difference ; it is entirely up to you.
HTML Headings
HTML headings are defined with the <h1> to <h2> tags.
Example
<h1>This is a heading </h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

HTML Paragraphs
HTML paragraphs are defined by <p> tag.
Example
<p>This is a paragraph</p>
<p>This is another paragraph</p>
HTML Links
HTML links are defined with the <a>
tag.
Example
<a href =“http://www.xiteesolution.com”>This is a
link</a>

HTML Images
HTML images are defined with the <img>tag
.
Example
<img src=“xitee.jpg”width=“104”
height=“142” />
CSS
What is CSS?
CCSS stands for Cascading Style Sheets.
CSS is a way to style HTML. Whereas the HTML is the content , the
style is the presentation of that document.

A Style
Selector Property Value
p {color : red;}

The property is followed by a colon(:) and


the value is followed by a semicolon(;)
Applying CSS

There are three ways to apply CSS to HTML.


Inline
Affects only the element applied to.
Internal or Embedded
Affects only the element in a single file.
External
Linked to an unlimited number of files .

Applying CSS(Inline)
<p style=“color:red”>Hello WORLD!!</p>
Applying CSS(Internal)

<style type=“text/css”>

body{

font-family:Tahoma,Arial,sans-serif;
…
}
</style>

Applying CSS(External)

<link rel=“stylesheet”type=“text/css”href=“web.css”/>
Bootstrap
What is bootstrap?
Bootstrap is a free front-end framework(HTML and CSS) for faster and
easier web development.
In other words,bootstrap is a collection of CSS classes and Javascript fuctions
the you
get ready to use.
Bootsrap also gives you the ability to easily create responsive
design.
Responsive web design is about creating web sites which adjust
themselves to look good on all devices , from small phones to
large desktops.
Advantage of bootstrap:
Easy to use

Resposive feature
Mobile-first approach

Browser compatibility

How to get Bootstrap?

There are two ways to start using bootstrap on


your own web site.

Download Bootstrap from getbootsrap.com.

Include Bootstrap from a CND.


Java Script
JavaScript is a programming language designed
for web pages.
Why use JavaScript?
1.JavaScript enhances web pages with dyanamic and
interactive features.
2.JavaSript runs in client software.
What can a JavaScript do?
1.JavaScript gives HTML designers a programming tool.

2.JavaScript react to events

3.Validate Data

4.It can be used to detect the visitor’s browser

5.Create cookies.
REACT
Why to choose React?
React JS is a JavaScript framework that makes it easier for business tp
develop interactively and connecting with web and mobile applications
seamlessly.The React Js offers huge loads of benefits.
Advantages:
Speed

Performance

Usability

Deploying React is genuinely simple to achieve in the event that you


have some essential imformation on JavaScript.Truth be told ,an
expert JvaScript developer can easily learn all ins and outs all of the
React system in a question of a little while.
Why react Js can be the best choice for your project?

1. It’s easy to learn.

2. It’s well established with avibrant environment of


Developer devices.

3. It permits writing custom components.

4.It is SEO –friendly.

5. React contrasted with other famous fronts frameworks like


Angular and Vue , is a lot simpler to learn.

You might also like