Web development internship frontend sem .pdf

PARALA MAHARAJA ENGINEERING COLLEGE
SITALAPALLI,BERHAMPUR
Presented by:- SANTOSHI JENA
Registration Number:-2201109088
Branch :- Computer Science and Engineering
Semester:- 3rd
Section:- B
1
AN INTERNSHIP PRESENTATION ON WEB
DEVELOPMENT

 Web development is the process of creating , building and
maintaining websites and web applications that are accessible
through the internet.
 It involves a combination of tasks , including front-end
development (dealing with what users can see and interact with),
and backend development (managing the server-side logic).
 Essential web technologies like HTML , CSS and JavaScript
which serve as building blocks for creating websites.
3

WEB TECHNOLOGIES
FRONTEND BACKEND
4
4

OBJECTIVES
✓ Creating a website :
The primary objective is to build a website and make it accesible
on the internet.
✓ Sharing information :
Web development is about sharing information or content with
people , use articles, pictures or videos.
✓ User- friendly design :
The website should be easy to use for visitors, encuring its simple
to understand.
✓ Fast and resiable :
Make sure the website leads quickly and doesn’t break when lots
of people visit.
5
5

Formati
ng tag
Table
tag
Ancho
r tag
Object
tag
List
tag
Basic
tag
6
<ul> Defines an unordered
list
<ol> Defines an ordered list
<li> Defines a list item
To link to another page
<a href =“link”>Link Name</a>
<video> : for animation
<audio> : for audio file
<img> : to insert image
To create a table
<tr> = defines a table row
<th> = defines a table header
<td> = defines a table cell
To specify formatting of text
and elements
<b>, <i>, <u>, <big>, <div>,
<span>, <sup>, <sub>
<!DOCTYPE>, <html>,
<head>, <title>,
<body>, <br>, <p>,
<h1> to <h6>
HTML TAGS
6

CSS FOR STYLING
7
1
● Inline Styling using style attributes
2
● Internal Styling by using style tag inside a head
tag
3
● External Stylesheet can be linked to the head
tag by using link tag in the html document
7

CSS PROPERTIES
□ Color: To set the color of foreground.
□ Background-color: Used to set the colour of
background.
□ Text-align:(Left/right/centre).
□ Text-decoration:(Underline/overline/none).
□ Font-weight:To specify boldness of text.
□ Font-family:A grouping of fonts defined by
sharing design styles.
8
8

Display: flex property creates a flexbox :
• Parent element is called flex container and child elements
are called flex elements.
• Flexbox allows both horizontal and vertical alignment of
flex items.
✓ Flex-grow property:Determines how much an element can
grow in the available space within its flex container.
✓ Flex-shrink property:Specifies how much an element can
shrink when the available space of the flex container is
smaller.
✓ Flex-basis property:It defines the height or width of the
element .
9
9

JAVASCRIPT
▶JavaScript is a programming language that
makes websites interactive and dynamic.
▶JavaScript is not limited to client-side
development it is used for server-side
development as well.
▶JavaScript is a scripting language due to its
simplicity and ease of use.
10
10

SQL
SQL is a language used to communicate with
relational database to ask for a information
that we need.
SQL is used in various business software
applications.
The most common SQL operations are:
Create ,Read ,Update ,Delete and Insert.
12
12

TYPES OF SQL COMMANDS
▶DDL(Data defination language):
CREATE TABLE,DROP TABLE
▶DQL(Data Query language):
SELECT
▶DML(Data Manipulation Language):
INSERT,UPDATE and DELETE
13
13

Node.js
It is a platform that lets you run javascript on
the server rather than just web browsers.
Node.js uses asynchronous programming
It is particularly popular for creating web
servers and applications that need to handle
many users simultaneously .
14
14

MINI PROJECT
DETAILS
16
AMAZON CLONE
16

CONCLUSION
▶Web developers use special codes to make
websites look good and work smoothly.
▶The aim is to create websites that are easy to
use, looks nice , and do what they are
supposed to do.
▶So, web development is all about making the
internet a useful and enjoyable place for
everyone.
24
24

REFERENCE
25
✓ https://en.wikipedia.org/wiki/Web_development
✓ https://www.geeksforgeeks.org/web-development/
For this above project I refered the link below :
25

Web development internship frontend sem .pdf

More Related Content

Similar to Web development internship frontend sem .pdf (20)

Recently uploaded (20)

Web development internship frontend sem .pdf