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.
