CHADALAWADA RAMANAMMA ENGINEERING COLLEGE

(UGC -AUTONOMOUS)
Approved By AICTE , Accredited by NAAC with ‘A’ Grade, Affiliated to JNTUA
DEPARTMENT OF ELECTRONICS & COMMUNICATION ENGINEERING

INTERNSHIP
ON
WEB DEVELOPMENT

Internal Review
20.12.2023

PRESENTED BY:- Under Supervision of

M. CHARAN TEJA Mr. Radha Krishna
(21P11A0458) Professor
 CONTENTS
o Abstract
o Objectives
o Introduction to web development
o Hypertext Markup Language(HTML) and
Cascading Style Sheets (CSS)
o JavaScript
o Creating Simple Webpage
o Visual studio code
o Bootstrap Framework
o Version control with git
o Conclusion
 ABSTRACT

Web development is the process of designing and creating websites. It

encompasses various aspects such as frontend development using Hypertext
Markup language (HTML), Cascading style sheet (CSS), and JavaScript (Js), as
well as integrating frameworks like Bootstrap for responsive designs. Additionally,
version control systems like Git and development tools like Visual Studio Code
play a crucial role in managing and deploying web projects.
 OBJECTIVE

To provide a comprehensive understanding of essential web development

concepts, including HTML, CSS, and JavaScript, as well as practical skills in
utilizing Bootstrap framework, version control with Git, and development tools like
Visual Studio Code.
OVERVIEW OF INTERNSHIP ACTIVITIES
Date Name of the topic completed

30/08/23
Week -1 To Created Netflix clone with html,css
4/09/23
6/09/23
Week -2 To Developed an online code editor and finalized Netflix clone
11/09/23
13/09/23
Week -2 To personal portfolio websites using html css and javascript
18/09/23
20/09/23
Week -4 To Creating of url shortner application
25/09/23
 INTRODUCTION TO WEB DEVELOPMENT
Web development involves creating and maintaining websites . It includes designing, coding, and
optimizing websites for functionality and visual appeal.

It uses programming languages like :

 Hypertext Markup Language (HTML)
 Cascading style sheets (CSS)
 JavaScript (JS)
 HTML AND CSS
Imagine a blueprint for a web page. That’s Hypertext markup language (HTML), HTML is the
foundation of any web page. It provides the structure and content of the page.

 Start by creating an HTML file and adding a

doctype declaration.
 Add a title tag to the page, which will appear
in the browser's title bar.
 Add headings and paragraphs to the page,
which will display the content.
 HTML AND CSS
Imagine a stylist for your HTML. Cascading Style Sheets (CSS) adds style, like colors, fonts,
and layouts, to your Web Page. CSS is used to style the page and make it visually appealing.

 Add a link to the CSS file in the HTML file.

 Use selectors to target specific elements on the

page and apply styles to them.

 JAVASCRIPT
Imagine a web page with superpowers, JavaScript adds interactivity and dynamic
behavior, making things move and respond.

 Think of scripts like spells you cast on your

page elements.
 They can react to user clicks, change
content, or even run animations.
 By combining JavaScript with HTML and
CSS, you create dynamic web experiences,
from interactive forms to real-time updates.
 Creating simple web page
To create a simple web page, follow these steps:

 Create an HTML file with the basic structure

of a web page.
 Use HTML tags to add content to the page,
such as headings, paragraphs, and images.
 Link a CSS file to the HTML file to style the
page.
 Use CSS selectors and properties to
customize the appearance of the page
 Link a SCRIPT file to the HTML file to
interaction in the page
 VISUAL STUDIO CODE
Visual Studio Code, also commonly referred to as VS Code, is a source-code
editor .Features include support for debugging, syntax highlighting, code completion,
and embedded Git
Representation of HTML, CSS and JavaScript in Visual studio code :
 BOOTSTRAP FRAMEWORK
Bootstrap is a free and open-source front-end
framework for developing responsive, mobile-first
websites.

Think of it as a toolbox containing pre-built

components like
 buttons
 forms
 navigation bars
All styled with a consistent look and feel.
After adding Bootstrap to our HTML,CSS and JavaScript, the final output is here :
 VERSION CONTROL WITH GIT
Git is a version control used for tracking changes in files. It enables
collaboration among developers by allowing them to work on the same
codebase

 Git is a version control system used in web

development to track changes in source code.
 It enables collaboration, branching for different
features
 Provides history tracking of code changes.
 CONCLUSION
In conclusion, the web development intern has successfully demonstrated a strong

understanding of HTML, CSS, basic JavaScript, Visual Studio Code, Bootstrap framework, and Git

version control. The intern has proven to be a valuable asset, displaying proficiency in fundamental

web development skills and a willingness to learn and adapt to new tools and technologies