What is Front-end Web Development

1
What is Front-end

• Web Development

Front-end or Client Side web Development Refers
to everything in a web application That is
displayed on the Front-end (end user Device)
which users can see from the browsers.
www.teckmovers.com
Contact us- 918383864079
2
Front-end
HTML


CSS
JS
HTML
Hyper Text Markup Language
CSS
Cascading Style Sheets
JS
Hyper Text Markup Language
www.teckmovers.com
Contact us- 918383864079
3
Three Layers of Web Design Development
Structure
Style
Behaviour
HTML Markup
CSS
Java Script
www.teckmovers.com
Contact us- 918383864079
4
Do you Know How Any Page would Look Like Without
HTML
www.teckmovers.com
Contact us- 918383864079
5
1- HTML Present?
HTML tags give structure and meaning to your
Content
Looks Better But Still Not Good
So What can we do to make the page look Nice?
The Answer is use
CSS
www.teckmovers.com
Contact us- 918383864079
6
2- CSSPresent?
CSS describes how HTML elements will be
displayed on Screen
Spacing
Colors
What Can you Change with the help of CSS
Fonts
Sizes
Borders
Layout
Backgrounds
Font Sizes
Content
What Can Not you Change with the help of CSS
Markup
www.teckmovers.com
Contact us- 918383864079
7
Looks Perfect
No HTML
HTML But No CSS
HTMLCSS
www.teckmovers.com
Contact us- 918383864079
8
Java ScriptJava
/

• Java Script is NOT a Java
• It is not based on Java
• It is not a light version of Java
• For learning Java script there is
• No requirement that you should know
• Java

Java Script
1-Java Script is most commonly used as a Client
side Scripting Language 2- This Code is written
into an HTML Page 3-When a user request an HTML
Page with Java Script in it. The script is sent
to the browser and its up to the browser to do
something with it.
9
Web Browser
When a user request an HTML Page with Java
Script in it. The script is sent to the browser
and its up to the browser to do something with
it.
Web Page
Java Script
What you can do with the help of Java Script
1- Validate values entered in the form fields 2-
Load Information automatically when its needed
3-A search box can give you suggested results
while you type , based on what youve
entered 4-Create photo slideshow and control how
long it takes to move from one image to the next
10
Thank You
Share And ask Question if you have any query
www.teckmovers.com
Contact us- 918383864079