SRI VENKATESWARA COLLEGE
OF ENGINEERING AND
TECHNOLOGY (AUTONOMOUS)
DEPARTMENT OF ELECTRONICS
AND COMMUNICATION
ENGINERING
INTERNSHIPPRESENTATIONONFRONT– ENDDEVELOPMENT
B.CHAITANYA
22785A0401.
Done by:
Contents:
Introduction
Technologies
used
Why HTML
and its
format.
Why CSS and
its format.
Why Java
Script and its
format.
conclusion
➢ 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 browsers.
What are the main technologies used in
front end development ?
HTML
Hyper Text Mark Up language
CSS
Cascading Style sheets
JS
Java script
Why HTML ?
 HTML tags give structure and meaning to
your content.
Why CSS ?
 CSS describes how HTML elements will be displays on screen.
 We can change with the help of CSS like:- Spacing ,colors ,Fonts , Sizes
,Borders ,Layout ,Backgrounds ,Font sizes ,Content.
 But we can’t change the Markup.
 CSS describes how html elements will be displayed on screen.
 We can change with the help of CSS :- like Spacing ,colors
,Fontsizes ,Borders ,Layout ,Background , content.
 But we can’t change the Markup.
Java Script
❑ Front end developers use JavaScript to make
web pages dynamic . JavaScript is a great tool for
tasks like validating submission forms or
updating specific pieces of page content without
simultaneouslyupdating the entire page
❑ In front end java script is not the java
programming.
❑ i.e., it’s not based on Java
What can we do with the help of Java Script
?
It validates the
values entered in
the form fields
Load information
automatically
when its needed
A search box can
give you
suggested results
while you type ,
based on what
you entered .
Sample JavaScript code:
Web browser:
▪ HTML,CSS,JAVASCRIPT which commonly runs in web browser .
▪ Also runs in a headless browser ,WebView or as compilation input.
▪ A WEB BROWSER is a software used to retrieve ,present , and transverse information on the
www.
▪ Typically, browsers run on a desktop or laptop or phone , but as of late a browser can be
found on just about anything(i.e., on a fridge, in cars ,…)
Most common web browsers:
Conclusion :
Front-end development is lucrative and a highly in-demand job in today’s internet dominated world. Since
front-end development deals with what the customers see and use on a website, developers need to have
both exceptional programming skills and a creative mind.
front end presentation ppt for front end development with sample project

front end presentation ppt for front end development with sample project

  • 1.
    SRI VENKATESWARA COLLEGE OFENGINEERING AND TECHNOLOGY (AUTONOMOUS) DEPARTMENT OF ELECTRONICS AND COMMUNICATION ENGINERING INTERNSHIPPRESENTATIONONFRONT– ENDDEVELOPMENT B.CHAITANYA 22785A0401. Done by:
  • 2.
    Contents: Introduction Technologies used Why HTML and its format. WhyCSS and its format. Why Java Script and its format. conclusion
  • 3.
    ➢ What isFront-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 browsers.
  • 5.
    What are themain technologies used in front end development ? HTML Hyper Text Mark Up language CSS Cascading Style sheets JS Java script
  • 6.
    Why HTML ? HTML tags give structure and meaning to your content.
  • 7.
    Why CSS ? CSS describes how HTML elements will be displays on screen.  We can change with the help of CSS like:- Spacing ,colors ,Fonts , Sizes ,Borders ,Layout ,Backgrounds ,Font sizes ,Content.  But we can’t change the Markup.
  • 8.
     CSS describeshow html elements will be displayed on screen.  We can change with the help of CSS :- like Spacing ,colors ,Fontsizes ,Borders ,Layout ,Background , content.  But we can’t change the Markup.
  • 9.
    Java Script ❑ Frontend developers use JavaScript to make web pages dynamic . JavaScript is a great tool for tasks like validating submission forms or updating specific pieces of page content without simultaneouslyupdating the entire page ❑ In front end java script is not the java programming. ❑ i.e., it’s not based on Java
  • 10.
    What can wedo with the help of Java Script ? It validates the values entered in the form fields Load information automatically when its needed A search box can give you suggested results while you type , based on what you entered .
  • 11.
  • 12.
    Web browser: ▪ HTML,CSS,JAVASCRIPTwhich commonly runs in web browser . ▪ Also runs in a headless browser ,WebView or as compilation input. ▪ A WEB BROWSER is a software used to retrieve ,present , and transverse information on the www. ▪ Typically, browsers run on a desktop or laptop or phone , but as of late a browser can be found on just about anything(i.e., on a fridge, in cars ,…)
  • 13.
    Most common webbrowsers:
  • 14.
    Conclusion : Front-end developmentis lucrative and a highly in-demand job in today’s internet dominated world. Since front-end development deals with what the customers see and use on a website, developers need to have both exceptional programming skills and a creative mind.