Work of 4 Pages
Work of 4 Pages
CERTIFICATE
i
FRONTEND WEB DEVELOPMENT
ACKNOWLEDGEMENT
I would like to extend my heartfelt thanks to my trainers and mentors (MS. NEHA
MAHICHA) for their expert guidance and support throughout the program. Their clear
explanations and hands-on approach helped me grasp key concepts in HTML and CSS, which
are essential for building modern websites.
The knowledge and skills I gained during this training will undoubtedly aid in my personal
and professional growth, and I am confident that I will be able to apply them effectively in
future projects.
Thank you all for making this training a memorable and valuable experience.
ii
FRONTEND WEB DEVELOPMENT
ABSTRACT
HTML, CSS, and JavaScript are the foundational technologies used in web development to
create interactive, responsive, and visually appealing websites. Each of these technologies
serves a specific purpose, but when combined, they form the backbone of modern web
applications.
HTML (Hypertext Markup Language) is responsible for the structure of a web page. It
organizes content into elements such as headings, paragraphs, images, and links, forming the
basic skeleton of the website. HTML provides the necessary foundation for presenting
information, but on its own, it lacks aesthetic appeal and interactivity.
CSS (Cascading Style Sheets) enhances HTML by providing styling and layout options.
Through CSS, developers can control the look of a web page, including color schemes, fonts,
spacing, positioning, and overall layout. CSS also enables responsive design, allowing
websites to adapt to different screen sizes, from desktop monitors to mobile devices. This
adaptability ensures that users have a seamless experience across various devices.
JavaScript adds interactivity and dynamic functionality to the website. Unlike HTML and
CSS, which focus on structure and presentation, JavaScript allows developers to create
responsive features like real-time updates, form validation, animations, and event handling.
This makes websites more engaging and responsive to user actions, offering a dynamic user
experience.
iii
FRONTEND WEB DEVELOPMENT
LIST OF CONTENTS
1 INTRODUCTION 1
1.1 Introduction……………………………………………………………...1
1.2 Frontend Roadmap……………………………………………………....2
2 HTML 4
2.1 Basic structure of Html……………………………………………….....4
2.2 Html Tags…………………………………………………………………………….6
2.3 Attributes of Html……………………………………………………….6
3 CSS 9
3.1 Types & Structure of CSS………………………………………………10
3.2 Why CSS………………………………………………………………..10
4 JAVA SCRIPT 12
4.1 Why JavaScript designed………………………………………………..13
4.2 JavaScript Front End & Back End………………………………………13
5 SETUP OF CODE EDITOR
5.1 V.S Code……………………………………………………………..….15
5.2 Why V.S Code………………………………………………..…………15
5.3 V.S Code Welcome Tab…………………………………………………16
5.4 V.S Code File Explorer………………………………………………….16
5.5 V.S Code Extension……………………………………………………..18
6 PROJECT 19
7 PROS & CONS 21
8 REFRENCE 24
iv