This document is a presentation on web development using HTML5, CSS3, and JavaScript. It discusses what each technology is and how they are used together. The presentation covers what HTML and CSS are used for, some common tags and properties, and how CSS frameworks can help developers. It also explains what JavaScript is, popular JavaScript libraries, and how it is used for interactivity, dynamic content, and applications. The final slides provide an overview of how HTML, CSS, and JavaScript are used together and announce a hands-on session to reinforce the concepts.

1. With HTML5, CSS3 and JavaScript
Web Development
https://Feacademy.in
Future Explorer Academy in Kankarbagh, Patna
is one of the leading businesses in the Computer Training Institutes
Call Us:- 9334640356/7870019753
Visit:- hhtp://www.feacademy.in
Presented By :Vinit Kumar Pandey

2. https://Feacademy.in
Agenda
What is HTML ?
01 02
What is CSS ?
03
What is JS?
04
Create Website ?
Presented By :Vinit Kumar Pandey

3. What is HTML ?

4. https://Feacademy.in
What is Hyper Text Markup Language?
• HTML is the standard markup language for creating web page
• It describe the structure of web pages using markup
Presented By :Vinit Kumar Pandey
HTML Tag
• Doctype, title, meta, style
• h1, p, h2, strong, a, image
• Ul, ol, li, dl, tr, td, th, table

5. https://Feacademy.in
Structure of HTML
Document
HTML
Head
Title
Web Page Title
Body
h1
p
Welcome FEAcademy
By- Vinit Kumar
Presented By :Vinit Kumar Pandey

6. What is CSS ?

7. https://Feacademy.in
What Is Cascading Style Sheets?
• CSS describe how HTML element are displayed
• Used for Changing Presentation and Styling
• Can apply to a mark-up language
• Used to style the web pages
• HTML, XHTML, XML, SVG
Presented By :Vinit Kumar Pandey
Properties (Attributes) Styled
• Layout, Font (Typography), Color, Background
• Box Properties: Border, Margin, Padding
• Lists, Tables

8. https://Feacademy.in
CSS Framework
Presented By :Vinit Kumar Pandey
 Bootstrap
 Foundation
 Pure
 Bulma
 Semantic Ui
 UI Kit
 Materialize
 Etc.
Web Developers used to spend a lot of time creating beautiful CSS. Thanks to the CSS frameworks, we
now have a better, faster, and more effective way to build responsive websites and web applications. Some
Framework list below.
How do CSS frameworks work?
CSS framework gives web developers a basic structure, which includes grid, interactive UI patterns
web typography, tooltips, buttons, form elements, icons. This structure helps web developers to
start quickly and efficiently when they are designing a website or web applications.

9. What JS?

10. https://Feacademy.in
What Is Java Script?
• Java script is the most popular programming language in the world
• Java Script is a lightweight, interpreted or Just-in-time complied programming language.
• Interactivity with User
• Dynamic Updates in a Web Page
• JavaScript usage has now extended to mobile app development, desktop app development.
Presented By :Vinit Kumar Pandey

11. https://Feacademy.in
Java Script ?
• Angular
• React
• jQuery
• Vue.js
• Ext.js
• Ember.js
• Meteor
• Mithril
• Node.js
Presented By :Vinit Kumar Pandey
 Client side validation
 Manipulating HTML Pages
 User Notifications
 Back-end Data Loading
 Presentations
 Server Applications

12. https://Feacademy.in
HTML+ CSS + JS
HTML CSS JS
Presented By :Vinit Kumar Pandey

13. https://Feacademy.in
Hands On Session
Presented By :Vinit Kumar Pandey
Hands On

14. https://Feacademy.in
Web Development
Thank You
Presented By :Vinit Kumar Pandey
Vinitkumar.in