1. Internship Report
on
Mini Project
Summer Internship
KIET Group of Institutions, Ghaziabad
Computer Science and Engineering
Submitted By: Shweta Yadav
Course/Branch: B.Tech(CSE-3C)
Class Roll No.- 28
21st August – 7th September
2023
2. ACKNOWLEDGEMENT
I’ve got this golden opportunity to express my kind gratitude and sincere
thanks to my Head of Institution, KIET Group of Institutions of Engineering and
Technology, and Head of Department of “CSE” for their kind support and
necessary counselling in the preparation of this project report. I’m also
indebted to each and every person responsible for the making up of this
project directly or indirectly.
I must also acknowledge or deep debt of gratitude each one of my colleague
who led this project come out in the way it is. It’s my hard work and untiring
sincere efforts and mutual cooperation to bring out the project work. Last but
not the least, I would like to thank my parents for their sound counselling and
cheerful support. They have always inspired us and kept our spirit up.
Name of Student: Shweta Yadav
Course and Branch: B.Tech(CSE)
Semester: 3rd
University Roll No: 2200290100161
3. Abstract
"In today's digital age, web development has become an indispensable skill. Whether you're a
student, educator, or professional, mastering the trioof HTML, CSS, and JavaScript is key to
creating stunning and interactive web experiences. Our presentation, 'Mastering HTML, CSS, and
JavaScript: APractical Guide,' takes you on a journey through these essential web technologies,
offering both fundamental knowledge and hands-on experience. HTML, the backbone of the web,
provides the structure for web pages with its elements and tags. CSSsteps in to enhance visual
design, allowing you to style and format content. JavaScript brings life toweb pages, adding
interactivity and dynamic behavior. We emphasize a practical approach, not just theory. As part of
this presentation, you'll embark on a real-world project that combines these technologies,
demonstrating howthey work seamlessly together. Whether you're a novice or an experienced
developer, our goal is to equip you with the skills and confidence toexcel in web development."
4. Introduction
HTML, or HypertextMarkup Language, is the standard language used to create
web pages. It forms the basic building blocks of any web content, providing the
essential structure that CSS styles and JavaScript interacts with.
CSS, or Cascading Style Sheets, is a stylesheet language used for controlling
the presentation and layout of HTML documents. CSS allows web developers
to apply styles to HTML elements. It plays a crucial role in enhancing the user
experience by making websites visually attractive and responsive.
JavaScript is a versatile and powerful programming language commonly used
in web development. It is a full-fledged scripting language that enables
interactivity and dynamic content on web pages. It is essential for providing
the logic and behaviour that make websites engaging and interactive for users.
In summary, HTML defines the structure of web content, CSS styles the
presentation, and JavaScript adds interactivity and dynamic functionality,
making them indispensable tools for web developers in creating rich and
immersive online experiences.
5. Tasks assigned:-
§ This course was aimed at learning all the basic concepts of
HTML (Hyper Text Markup Language) and CSS (Cascading
Style Sheets).
§ HTML learning included all the basic tags, elements,
attributes, tables, lists, form, media, APIs, links, semantics,
styles.
§ CSS learning included basic syntax, selectors, borders,
margins, padding, height, width, box-model, text, icons,
links, position, display, overflow, pseudo class, dropdowns,
gradients, shadows, 2D transforms, transitions.
§ HTML provides the structure, while CSS (Cascading Style
Sheets) is used for styling the web pages. You can link
Ø
Advance your skills in HTML :
•
Continued…….
6. § This course was aimed at learning the javascript language for assigning
the functionality to a HTML webpage. It is a programming language of the
web.
§ This learning included javascript statements, syntax, variables, let,
const, datatypes, functions, objects, strings, events, arrays, if…else…,
loops, iterables, maps, classes, modules, JSON, style guides, objects,
classes, async, await, prototypes, closures, ajax, fetch.
§ JavaScript is a versatile and widely used programming language that can
be employed in a variety of contexts.
§ It can be used in web development, mobile app development, game
development, web servers and APIs, data visualization, real-time
applications, machine learning, artificial intelligence, IOT (Internet of
Ø
Become a Javacript Developer :
7. CONCLUSION:
HTML (Hyper Text Markup Language): HTML is the standard language for
creating web pages. It provides the basic structure of a site, which includes
headings, paragraphs, lists, links, images, and more. You can learn HTML tags
and how to structure content on a web page.
CSS (Cascading Style Sheets): CSS is used for styling web pages. It controls the
layout, colors, fonts, and other visual aspects of a website. You'll learn how to
select HTML elements and apply styles to them.
JavaScript: JavaScript is a programming language that enables interactivity on
web pages. You can use it to create dynamic content, handle events,
manipulate the DOM (Document Object Model), and more.
The LinkedIn learning courses were very informative and it helped me to gain
much information about HTML, CSS, and JavaScript which are the fundamental
building blocks of web development.
8. TECHNICAL LEARNING:
q
HTML, the foundation of web development, structures content through elements enclosed in tags. The
document comprises an <html> element, enclosing <head> for metadata and <body> for visible content.
Tags, such as <p> for paragraphs, enclose content. Elements often have attributes like href in <a> for
links. HTML5 introduced semantic elements like <header> and <footer>, enhancing document meaning
and accessibility. Hyperlinks are created with <a> tags, images with <img>, and multimedia with
<audio> and <video>. Lists utilize <ol> for ordered and <ul> for unordered, both containing <li> items.
This structured approach defines the web's visual and interactive experience.
q
CSS properties are essential directives that dictate the appearance and behaviour of HTML elements.
These properties define everything from colors and fonts to layout and animations on web pages.
Common properties include `color` for text color, `font-family` for typefaces, `margin` and `padding` for
spacing, `width` and `height` for dimensions, and `display` for layout styles. Properties like `border`,
`background`, and `box-shadow` refine element appearance, while `position` and `flex` manage layouts.
CSS properties enable responsive design via `media queries`, transitions with `transition` property`.
Understanding these properties empowers web developers to craft visually appealing and dynamic web
experiences.
q
JavaScript properties are attributes associated with objects, enabling developers to manipulate and access
object values dynamically. Objects in JavaScript can be built-in like arrays or custom-defined, containing
properties such as length in arrays or user-defined properties. For instance, in DOM manipulation,
properties like inner HTML access the HTML content, and style provides access to CSS styles. Similarly,
properties in JavaScript objects hold data, methods, or other objects. Understanding and utilizing these
properties empower developers to create interactive, responsive, and data-driven web applications.
13. Future Scope:
HTML (Hyper Text Markup Language): As long as the internet exists, HTML will be
fundamental. With advancements like Web Components and PWA (Progressive Web
Apps), HTML continues to evolve, ensuring a steady demand for web developers.
CSS (Cascading Style Sheets): CSS is crucial for responsive web design and user
experience. Future trends, such as CSS Grid and CSS Variables, enhance layout control
and customization, making CSS skills indispensable.
JavaScript: JavaScript's versatility is unparalleled. With frameworks like React, Angular,
and Vue.js, and technologies like Node.js for server-side scripting, JavaScript dominates
web development. Emerging areas like serverless architecture and IOT (Internet of
Things) further expand its scope.
These technologies form the backbone of web development, ensuring a strong demand
for skilled professionals. Additionally, as web applications become more sophisticated
and user-centric, mastering these languages opens doors to diverse career
opportunities, including front-end and full-stack development, mobile app development,
and emerging fields like web-based AR/VR experiences. Continuous learning and
adapting to evolving standards and frameworks will be key in harnessing the future
potential of HTML, CSS, and JavaScript.
The future scope of HTML, CSS, and JavaScript remains promising and dynamic:.