Scribd
Upload
33 views26 pages

Web Dev

The document provides an introduction to web development. It discusses the main parts of web development including front end development and back end development. Front end development uses HTML, CSS, JavaScript and involves converting data into a graphical interface. Back end development refers to the server side and communication between the database and browser. It also discusses skills required for front end developers such as HTML, CSS, JavaScript. The document then provides a quiz on topics related to web development.

Uploaded by

bhaiyahello15
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
33 views26 pages

Web Dev

The document provides an introduction to web development. It discusses the main parts of web development including front end development and back end development. Front end development uses HTML, CSS, JavaScript and involves converting data into a graphical interface. Back end development refers to the server side and communication between the database and browser. It also discusses skills required for front end developers such as HTML, CSS, JavaScript. The document then provides a quiz on topics related to web development.

Uploaded by

bhaiyahello15
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/ 26

INTRODUCTION

TO WEB
DEVELOPMENT
-By Mayank Madhur & Naman Gupta
TABLE OF CONTENTS

Introduction
Basic information
about Web Development
01 04 Back End development

Major skills required for front


Main parts of web development end developers
Here we will get to know about the
major parts of web development
02 05 Here we will discuss about the skills
required for the front end developers

QUIZ
Front End Development 03 06 The questions are amazing lets see
upon it
INTRODUCTION

Web development is the work involved in developing a


Web site for the Internet or an intranet. Web development
can range from developing a simple single static page of

WEB DEVELOPMENT
plain text to complex web applications, electronic
businesses, and social network services..
The Two Main Parts of Web Development

Front end development

Back end development


Videos Front End
Menu Development
Layouts

Front-end web development is the practice of converting


data to a graphical interface, through the use of HTML,
CSS, and JavaScript, so that users can view and interact
with that data.

Texts
Pictures
Back End
Development
Back end development refers to the server side
of an application and everything that
communicates between the database and the
browser.
DATABASES
Some Commonly used Databases are:

MONGO DB

MYSQL

ORACLE
DOMAIN AND HOSTING

Some Paid Web


Cost of hosting hosting service
providers are
.com we always need
.in hosting for backend
but for front end Godaddy,
.co.in we can host
These are some HTML,CSS & JS hostinger &
commonly used for free on google DreamHost
Domains. drive.
We will basically focus on the
front end side development in
this Presentation
So what a Front end developer do?

A front end web developer is the person who implements web designs through coding
languages like HTML, CSS, and JavaScript. Though it’s not as common anymore,
front end developers are/were sometimes called “client-side developers” to distinguish
them from back end developers who program what goes on behind the scenes (like
databases). If you head to any site, you can see the work of a front end developer
everywhere—in the navigation, layouts , the objects , the complete interactive and
attractive stuff
What Skills do Front End Web Developers Use?

HTML JAVA SCRIPT CSS


The HyperText Markup JavaScript, often abbreviated Cascading Style Sheets is a
Language, or HTML is the as JS, is a programming style sheet language used for
standard markup language for language that conforms to the describing the presentation of
documents designed to be ECMAScript specification. a document written in a
displayed in a web browser markup language such as
HTML
Why to use HTML and CSS?

AND

HTML (Hyper Text Markup Language)


and CSS (Cascading Style Sheets) are the most basic
building blocks of web coding
Without these two things, you can’t create a website
design, and all you’ll end up with is unformatted plain
text on the screen
Do you imagine how this
page would look like
without HTML?

Lets find it out….


Okay, so that’s how the
page would have looked
like !!

A BIG NO!
CSS
CSS describes the look and formatting of a page

Used for Changing Presentation and Styling

Can apply to a mark-up language

JAVASCRIPT
JavaScript lets you add a ton more functionality to your websites, and you can create a lot
of basic web applications using nothing more than HTML, CSS, and JavaScript (JS for
short). On the most basic level, JS is used to create and control things like maps that
update in real time, interactive films , and online games.
Timeline of making a web page
BACK END
PLANNING
Start working on the back end side
About the appearance
using PHP, NODEJS, Django

WEB DEVELOPMENT WEB PAGE

FRONT END DOMAIN AND HOSTING


Start working on the front Making website
end side using HTML, live on internet
CSS, JS.
Let’s Move on to the
quiz section
[email protected]
Q.1 What is the Full
Form of HTML?

Hyper Text Made High Text Markup


A Language B Language

Hypo Text Markup D Hyper Text Markup


C Language Language
Q.2 Which of these is
framework of
backend?

A React B Angular.js

C Django D Bootstrap
Q.3 Which of these is
correct html tag ?

A <h1>hello; B <h1>hello</h1>

C <h1>hello<h1/> D </h1>hello
Q.4 What is responsive
website?

which runs on many devices which responds on


A with different orientations B double click

which render into D


C other website none of these
Q.5 What is the official website
of lnct group of colleges?

A http://lnct.ac.in/ B http://lnctu.com/

C http://lnct.in/ D http://lnctgroup.co.in/
Q.6 Which domain is used by
government websites?

A indian.gov.com B government.co.in

C gov.in D all of these


Q.7 Is backend necessary for
every website?

A Yes B NO
Q.8 what is my sql
used for?

adding style to
A webpage B adding database

linking two D
C webpages none of these
Thank You!
[email protected]

Have a nice day!

You might also like