Internship

On
“WEB DEVELOPMENT”
At

“BOOSTUP DIGITAL ”

Submitted in Partial fulfilment for the Award of the degree of

Bachelor of Technology

In

“Computer Science Engineering”

Submitted to

RAJIV GANDHI PROUDYOGIKI VISHWAVIDHYALAYA, BHOPAL (M.P)

Submitted by

MAYUR BAWNE (0126CS221117)

Under the guidance of:

Prof. Kshipra Pandey

ORIENTAL COLLEGE OF TECHNOLOGY, BHOPAL

 Department of Computer Science Engineering

Approved by AICTE New Delhi & Govt. of MP

Affiliated to Rajiv Gandhi Proudyogiki Vishwavidhyalaya, Bhopal

Oriental College of Technology, Bhopal

Approved by AICTE, New Delhi & Govt. of M.P., Affiliated to Rajiv Gandhi ProudyogikiVishwavidyalaya
Address: Oriental Campus, Opp. Patel Nagar, Raisen Road, Bhopal – 462021 (M.P)

INTERNSHIP INITIATION FORM

PART 1: CONTACT INFORMATION

1.1 Student Information

Name: MAYUR BAWNE Enrollment No. : 0126CS221117

Branch: Computer Science and Engineering Sem: 5th

Student’s Phone No.: 90094 10441 Email: [email protected]

Subject Code: CS-507

1.2 Industrial Supervisor

Name: BoostUpDigital Work Phone:88151654

Mobile No.:8815165433

Physical Office Address: Indrapuri,sector C, Bhopal

State: Madhya Pradesh

1.3 Faculty Mentor

Name: Prof. Kshipra Pandey Designation: Associate Professor

Phone: 88276 81236

 1.4 Academic Credit Information Internship

Title: web development Department: Web Design

Beginning Date: 28/07/23 Ending Date: 05/08/23

Hours per Week: 35

1.5 Student’s Goals for the Internship: The student should identify one to three
professional goals explaining what s/he wants to gain from the internship experience:

• Industry Exposure

• Learning web development

• Learning cloud

Phone No.-0755-2529015, 2529016 Fax: 0755-2529472 E-mail: [email protected] Website:

http://www.oriental.ac.in/oct-bhopal/
 ORIENTAL COLLEGE OF TECHNOLOGY, BHOPAL
Approved by AICTE, New Delhi & Govt. of M.P. Affiliated to Rajiv Gandhi Proudyogiki
Vishwavidyalaya, Bhopal

Oriental Campus, Raisen Road, Bhopal-462021 (MP) INDIA

DEPARTMENT OF COMPUTER SCIENCE & ENGINEERING

CANDIDATE’S DECLARATION

I hereby declare that the Industrial training/ Internship report on web development which is being
presented here for the partial fulfillment of the requirement of a Degree of “Bachelor of Technology”
has been carried out at CRTD Technology and technologies. The technical information provided in
this report is presented with due permission of the authorities from the training organization.

Signature of Student

Name of Student- MAYUR BAWNE

Roll.No :- 0126CS221117
 ORIENTAL COLLEGE OF TECHNOLOGY, BHOPAL
Approved by AICTE, New Delhi & Govt. of M.P. Affiliated to Rajiv Gandhi Proudyogiki
Vishwavidyalaya, Bhopal

Oriental Campus, Raisen Road, Bhopal-462021 (MP) INDIA

COMPUTER SCIENCE AND ENGINEERING

CERTIFICATE OF INSTITUTE

This is to certify that Ms. MAYUR BAWNE of B.Tech Computer Science Department Enrollment No.
0126CS221117 has completed her Internship during the academic year 2022-2023 as partial
fulfilment of the Bachelor of Engineering in Computer Science Engineering.

Name of Faculty Coordinator Name of HOD

Prof. Kshipra Pandey Dr. Avinash Sharma

Assistant Professor CSE,OCT

 ACKNOWLEDGEMENT

It gives me immense pleasure to express my deepest sense of gratitude and sincere thanks to my
supervisor Prof. Priya Shrivastava (Assistant Professor) for their valuable guidance, encouragement
and help during industrial training.

NAME OF STUDENT: MAYUR BAWNE

Enrollment No: 0126CS221117

 Learning Outcomes

1.Learned to create and design html web pages

2.Learned to create and design a web page with html CSS
3.Learned how to design dashboard for website
4.Learned to create and design a backend for a website
5.Learned to create and design database
 TABLE OF CONTENTS
• Front page
• Candidate’s Declaration
• Certificate of Industry
• Certificate of Institute
• Acknowledgement
• Learning Outcomes
Content
1. Organization Overview
2. Introduction
3. Basics of HTML
4. Basics of CSS
5. Conclusion
 Self-Assessment of Industrial Training by the Student

Daily Attendance & Progress Report

PART 2: INTERNSHIP OBJECTIVES/LEARNING ACTIVITIES

2.1 Internship Objectives

1) Learn HTML
2) Learn CSS
3) Learn JAVASCRIPT
4) Created a website of DIGITAL MARKETING
2.2 List out about your learning objectives and also give brief information about internship’s
department

1) Learn basic fundamentals and concepts of HTML and CSS

2) Designing and created web designs

3) Must be familiar with job opportunities which include Web Development

Faculty Mentor’s Name: Prof. Priya Shrivastava

Faculty Mentor Signature Student’s Name : MAYUR BAWNE

DATE: Student’s Signature :

CHAPTER - 1

Introduction

The Internet is the global system of interconnected computer networks that use the internal protocol
suite (TCP/lP) to link devices worldwide. It is a network of networks that consists of private. public.
academic. business. and government networks to“ local to global scope. linked by a broad array of
electronics. wireless and optical net 'Of king technologies

Internet »'as started as a project o1 (JS Military project named ARPANET directed by Robert

Tailor and managed by Lawrence Robin

The World Wide Web (abbreviated WWW or the Web) is an information space » here documents
and other web resources are identified by Uniform Resource Locators (trills), interlinked by hypertext
links. and accessible via the Internet

Now, to use these services, we need some softwares which can build things and hence help our work
get done on the web. Web technologies which we will be covering to build those things are HTML,
CSS, Javascript, Node.js, Express js etc. The primary focus for backend will be on Node.js which
powers a huge amount of devices and websites. Hence, this plays a vital role in the field of web
development especially because of its non-blocking IO feature which is discussed whenever people
talk about node.js.

Web programming, also known as web development, is the creation of dynamic web applications.
Examples of web applications are social networking sites like Facebook or e-commerce sites like
Amazon.

The good news is that learning web development is not that hard.

In fact, many argue it ‘s the best form of coding for beginners to learn. it's easy to set up, you get
instant results and there’s plenty of online training available

A lot of people learn web coding because they want to create the next Facebook or find a job in the
industry. But it’s also a good choice if you just want a general introduction to coding, since it's super
easy to get started. No matter whether you’re looking for a career or just want to learn coding,
learning how to develop for the web is for you. It’s one of the smartest decisions you will ever make!

“Full Stack” Developers marry both sides into one. A Full Stack developer can comfortably work with
both the front and back ends. This is what we focus on building you up to here.

things scale. Back End Developers make use of programming languages like Java, Python, and Ruby
(among many others) to work with data.

“Full Stack' Developers marry both sides into one A Full Stack developer can comfortably work with
both the front and back ends This is what we focus on building you up to here

Web design encompasses many different skills and disciplines in the production and maintenance of
websites The different areas of web design include web graphic design; interface design; authoring,
including standardised code and proprietary software user experience design; and search engine
optimization.

CHAPTER - 2

Any digital project, for example, a website, an android application, etc. at the root level is divided
Into two blocks:

• Front-end
• Back-end

Front-end
These are the two divisions of the project to help the creator develop the project smoothly. This
division helps different people work upon the things they are master in. Thus the whole load of the
project is balanced.

Front-end covers the part of the project which is visible to the user, i.e., it deals with the client side
Anything happening on the user side of the connection can be received or manipulated by the user It
concerns mostly with the user interface and user experience of the website. How the website is
presented to the user is the primary goal of the front-end. Simplicity, accessibility, proper user
experience, clarity of the actions and feedback are some of the basic features which play a vital role
in the best possible front-end.

HTML is a markup language which is used for defining the structure of the website.

These are the basic things to create the front-end of any website. While there are many things to
learn afterwards and to use them for a much highly sophisticated front-end of a website

What is Front-End Web Development?

Front-end web development is everything involved in programming the user interface of a web
application. Typically it refers to the Hypertext Markup Language (HTML), Cascading Style Sheets
(CSS) and JavaScript portion of web site production as opposed to the database or server-side
programming. It encompasses everything from building a simple page of HTML text to creating
complex, responsive HTMLS websites designed to be accessed via various different browsers, devices
and screen sizes.

The three main languages you need to know well are HTML, CSS, and JavaScript. From there you can
focus on frameworks, libraries, and other useful tools.

HTML

HTML stands for HyperText Markup Language. HTML displays the content on the page like buttons,
links, headings, paragraphs, and lists.

You should not use HTML for styling. That is what CSS is for.

CSS

CSS stands for Cascading Style Sheets. CSS is responsible for the style of your web page including
colors, layouts,

Responsive design is essential in creating websites that look good on all devices.

Accessibility is the practice of making sure that everyone can easily use your web sites. You do not
want to create web sites that cannot be used by those with assistive technologies like screen readers.

JavaScript

JavaScript allows users to interact with the web page.

For example, when I click on the Menu button at the top of the page, it will open a dropdown list of
options. Every time I click on that button, it will toggle back and forth between opening and closing
the Menu.

CHAPTER - 3

Back-end

Back-end is the part of the website which deals with the core functioning of the website and is
hidden to the user for user’s safety. Users shouldn’t know what is happening on the website, this is
the concern of the back-end developers. Having a back-end makes the website more dynamic.

When users interact with the website which involves back-end, it makes the creators easy to involve
with users for the main purpose of the website Back-end involves maintaining the database of
various users, helping them to get things done through the various tools and services developed by
the programmers of the back-end. Common objectives of the back-end are to involve users with the
website, maintaining the proper database for various users.

BACKEND DEVELOPMENT

The backend of a web application is an enabler for a frontend experience. An appLication"s frontend
may be the most beautifully crafted web page, but if the application itself doesn’t work, the
application will be a failure. The backend of an application is responsible for things like calculations,
business logic, database interactions, and performance. Most of the code that is required to make an
application work will be done on the backend. Backend code is run on the server, as opposed to the
client. This means that backend developers not only need to understand programming languages and
databases, but they must have an understanding of server architecture as well. lf an application is
slow, crashes often, or constantly throws errors at users, it’s likely because of backend problems

Backend development is not all ones and zeros though. Much like frontend development, backend
development has a human aspect to it as well Since most of the code for an application is written on
the backend, it should be easy to understand and work with. Most backend languages — like Ruby
and Python — have standardized styles and idioms that make reading and writing code more
efficient and enjoyable.

CHAPTER - 4

Project

In this Internship we have created four projects that will be mentioned below with the description
of :
1.Project 1 – I have made a E-commerce website of shopping related to clothes and other
accessories of real world. Digital is really two things. It refers to a set of technologies, everything
from artificial intelligence to the use of e-commerce. But digital is really about a different way of
working, of making decisions, of partnering and reaching your clients, and so it's also about how you
do things.

We have completed the following projects within 1 weeks under the guidance of our development
team BoostUp Digital.

S.NO DATE Department Task Performed Remarks

1 28/07/2023 Computer Science and Introduction to Web Completed

Engineering Development

2 29/07/2023 Computer Science and Introduction to HTML Completed

Engineering

3 31/07/2023 Computer Science and Basic properties of HTML Completed

Engineering

4 01/08/2023 Computer Science and Introduction to CSS Completed

Engineering

5 02/08/2023 Computer Science and Basic properties of CSS Completed

Engineering

6 03/08/2023 Computer Science and Animations and Effect’s with Completed

CSS
Engineering

7 04/08/2023 Computer Science and Understand different websites Completed

themes
Engineering

8 05/08/2023 Computer Science and Final Project Completed

Engineering

Conclusion
The internship taught us how to make a project as per client’s requirement from scratch, from
choosing the right technical stack and going for an easily adaptable user interface. We learnt the life
cycle of a software product from designing to development and to deployment.

It is a general-purpose programming language, mainly designed to run developed java code on all
platforms that support Java without recompilation. As we all know, Java is one of the most popular
and in-demand programming languages to learn and it was one of the first languages to standardise
high-level threading utilities.

Daily Attendance & Progress report

Self-assessment of Industrial Training by the student

1. Name of Student: MAYUR BAWNE

2. Name and address of Oriental College of Technology

Sponsoring Organization: Raisen Road, Bhopal- 462021 (M.P.)

3. Guide from Organization: Prof. Kshipra Pandey

(with designation) Associate Professor

4. Date of commencement 28/07/2023

of Industrial Training

5. Number of days present ___8_____days out of ___8______days

6. I hereby declare that, I have learnt following skills during my Industrial Training:
Sr. Description Weightage (%)

1 Introduction to Web Development

2 Introduction to HTML

3 Basic properties of HTML

4 Introduction to CSS

5 Basic properties of CSS

6 Animations and Effects with CSS

7 Understand different websites themes

8 Final Project

Total 100
Parameters Excellent Very Good Satisfactory Needs improvement

Behaviour ✔️

Punctuality ✔️

Cooperates with co workers ✔️

and supervis ors

Shows interest in wo rk ✔️

Learns quickly ✔️

Communicates well ✔️

Has a professional ✔️

attitude

Gives a professional ✔️
appearance

Grasp of subject ✔️

Teamwork ✔️

Quality of work ✔️

Uses technical ✔️

knowledge and

expertise

Uses time effectively ✔️

Date: Signature of Student

Place: Bhopal Name of Student: MAYUR BAWNE

 Oriental College of Technology, Bhopal
Approved by AICTE, New Delhi & Govt. of M.P., Affiliated to Rajiv Gandhi Proudyogiki
Vishwavidyalaya Address:

Oriental Campus, Opp. Patel Nagar, Raisen Road, Bhopal – 462021 (M.P)
SUPERVISOR EVALUATION OF INTERN

Student Name: MAYUR BAWNE Date: 15/12/2024

Supervisor: Prof. Kshipra Pandey Designation of supervisor: Associate Professor Contact

Detail of Supervisor: 88276 81236

Company/Organization: BoostUp Digital Company Address: Bhopal,Madhya Pradesh

Dates of Internship: From: 28/07/23 To: 05/08/23

PERFORMANCE EVALUATION

Please evaluate the intern’s performance based on the following rating key:

Overall performance of student intern (Tick one):

(Needs improvement/ Satisfactory/ Good/Excellent)

Additional comments, if any:

Signature of Industry supervisor with Date:

Name of Student: MAYUR BAWNE