Scribd
Upload
22 views26 pages

Front End Web Development Basics

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
22 views26 pages

Front End Web Development Basics

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

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,
.[Link] 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
addyouremail@[Link]
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 [Link]

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 [Link] B [Link]

C [Link] D [Link]
Q.6 Which domain is used by
government websites?

A [Link] B [Link]

C [Link] 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!
addyouremail@[Link]

Have a nice day!

Common questions

Powered by AI

A responsive website provides optimal viewing and interaction experiences across a wide range of devices and orientations, crucial for accessibility and maintaining user engagement. It ensures content is readable and navigable, improving user experience regardless of device .

HTML provides the structure of the web page through a markup language, whereas CSS adds style and formatting to the HTML elements. Without HTML, there would be unformatted text, and without CSS, the page would lack design and aesthetic appeal .

Essential skills for front-end developers include proficiency in HTML, CSS, and JavaScript. These skills are crucial for implementing web designs, ensuring responsive and interactive interfaces, and improving user engagement through effective visual presentation .

Front-end development is focused on the user interface and experience, involving converting data into a graphical interface using HTML, CSS, and JavaScript. It deals with the visual aspects of a website, such as navigation, layout, and interactivity. In contrast, back-end development involves server-side operations that communicate between a database and the browser, using programming languages like PHP, Node.js, or Django, and handles database management with systems like MySQL or Oracle .

Databases serve as storage systems that manage and retrieve data efficiently for back-end operations. They allow websites to maintain user information, content, and other data, enabling dynamic and personalized user interactions. Common database systems include MongoDB, Oracle, and MySQL .

Front-end applications can be hosted freely on platforms like Google Drive as they primarily include static files like HTML, CSS, and JavaScript. In contrast, back-end applications require paid hosting services due to their server-side operations and database connectivity, needing reliable platforms such as Godaddy or Hostinger .

Understanding both front-end and back-end development allows web developers to create more integrated and cohesive applications. It ensures seamless communication between the user interface and server-side operations, leading to better overall user experience and efficient data processing .

Not every website requires back-end development because simpler sites might only need static content that doesn't require server-side processing or database interactions. Such sites can be managed with front-end technologies like HTML, CSS, and JavaScript .

JavaScript enhances a website's functionality by allowing for dynamic content updates and interactive elements such as real-time maps, interactive films, and online games. It controls and adds a layer of interactivity beyond static HTML and CSS .

Domains are used to access websites easily through recognizable names, whereas hosting involves storing a website on servers to make it accessible online. Choosing appropriate domains and reliable hosting is essential for a website's availability, performance, and user reach .

You might also like