Presentation Topic:- Front-End Web Development
Submitted By
Mohmmad Jishan
Submitted To
Miss Sumanlata
MAHAVEER INSTITUTE OF TECHNOLOGY AND SCIENCE
Front-end development involves creating the visual and interactive
elements of a website or web application.
It focuses on user experience (UX) and user interface (UI) design.
Front-end developers use three core technologies:
HTML: Structure
CSS: Styling
• JavaScript: Interactivity
What is web development?
HTML Introduction
What is HTML?
•HTML stands for Hyper Text Markup Language
•HTML is the standard markup language for creating Web pages
•HTML describes the structure of a Web page
•HTML consists of a series of elements
•HTML elements tell the browser how to display the content
•HTML elements label pieces of content such as "this is a heading", "this is a
paragraph", "this is a link", etc.
Example:-
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
CSS Introduction
What is CSS?
•CSS stands for Cascading Style Sheets
•CSS describes how HTML elements are to be displayed on screen,
paper, or in other media
•CSS saves a lot of work. It can control the layout of multiple web
pages all at once
•External stylesheets are stored in CSS files
Why Use CSS?
CSS is used to define styles for your web pages, including the design,
layout and variations in display for different devices and screen
sizes.
JavaScript Introduction
JavaScript (js) is a light-weight object-oriented programming language which is used by several
websites for scripting the webpages. It is an interpreted, full-fledged programming language that
enables dynamic interactivity on websites when applied to an HTML document. It was introduced in
the year 1995 for adding programs to the webpages in the Netscape Navigator browser.
1.All popular web browsers support JavaScript as they provide built-in execution environments.
2.JavaScript follows the syntax and structure of the C programming language. Thus, it is a structured
programming language.
A Web development ppt seminar report.pptx
A Web development ppt seminar report.pptx
A Web development ppt seminar report.pptx
A Web development ppt seminar report.pptx
A Web development ppt seminar report.pptx
A Web development ppt seminar report.pptx
A Web development ppt seminar report.pptx

A Web development ppt seminar report.pptx

  • 1.
    Presentation Topic:- Front-EndWeb Development Submitted By Mohmmad Jishan Submitted To Miss Sumanlata MAHAVEER INSTITUTE OF TECHNOLOGY AND SCIENCE
  • 2.
    Front-end development involvescreating the visual and interactive elements of a website or web application. It focuses on user experience (UX) and user interface (UI) design. Front-end developers use three core technologies: HTML: Structure CSS: Styling • JavaScript: Interactivity What is web development?
  • 4.
    HTML Introduction What isHTML? •HTML stands for Hyper Text Markup Language •HTML is the standard markup language for creating Web pages •HTML describes the structure of a Web page •HTML consists of a series of elements •HTML elements tell the browser how to display the content •HTML elements label pieces of content such as "this is a heading", "this is a paragraph", "this is a link", etc. Example:- <!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html>
  • 5.
    CSS Introduction What isCSS? •CSS stands for Cascading Style Sheets •CSS describes how HTML elements are to be displayed on screen, paper, or in other media •CSS saves a lot of work. It can control the layout of multiple web pages all at once •External stylesheets are stored in CSS files Why Use CSS? CSS is used to define styles for your web pages, including the design, layout and variations in display for different devices and screen sizes.
  • 6.
    JavaScript Introduction JavaScript (js)is a light-weight object-oriented programming language which is used by several websites for scripting the webpages. It is an interpreted, full-fledged programming language that enables dynamic interactivity on websites when applied to an HTML document. It was introduced in the year 1995 for adding programs to the webpages in the Netscape Navigator browser. 1.All popular web browsers support JavaScript as they provide built-in execution environments. 2.JavaScript follows the syntax and structure of the C programming language. Thus, it is a structured programming language.