HI, EVERYONE!

MY NAME IS

Shaukat

Sohail
Development Lead
Full Stack Mern Developer
(HyperDevSolutions)

Former Nest Backend Developer

Core Development Team Lead

(GDSC)
I've worked with
WWW
AN ABSOLUTE BEGINNER FRIENDLY
GUIDE TO
WEB DEVELOPMENT

Course

Outline
 How Web Works ?

Frontend == Client Backend == Server Side

 API
Application programming interface

WEBSITE VS WEB APP

Database
Full Stack Dev?

Full Stack Dev?

Full Stack Dev?

Full Stack Dev?

 Frontend Frameworks

React Angular Vue

 Everything visual

Is Frontend
IDE Integrated Development Environment
 HTML
Hypertext MARKUP LANGUAGE

"You don't have to master HTML "

Back to Agenda
 Building blocks of HTML
Attribute Name
Tag name
Content
Common HTML Tags
<a> for link
<b> to make bold text
<strong> for bold text with emphasys
<br> for break
<div> it is a division or part of an HTML document
<h1> for titles
<i> to make an italic text
<img> for images in document
<ol> is an ordered list, <ul> for an unordered list
<li> is a list item in bulleted (ordered list)
<p> for paragraph
<span> to style part of text

 Attributes

HTML attributes are special words which provide

additional information about the elements or

attributes are the modifier of the HTML element.

 Class Attribute
<div class=“class another-class”>

Classes can be multiple

Class Name
Class Name
 ID Attribute
<div id="Unique" >

Id Name
 Block-level Tags

1. A block-level element always start with new line and takes the full width of web page,
from left to right.

2. These elements can contain block-level as

well as inline elements.

<address>, <article>, <aside>, <blockquote>, <div>

 Inline Tags

These elements does not start with new line and take width as per requirement.

<span>, <strong>, <sub>, <sup>, <textarea>

You can connect with me

Here
GITHUB
Shaukat456 EMAIL
shaukatfullstack134@gmail.com

LINKEDIN
@ShaukatSohail