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

Aryan Jain(0126CS221048)
Under the guidance of:
Prof. Priya Shrivastava

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: Aryan Jain Enrollment No. : 0126CS221048
Branch: Computer Science and Engineering Sem: 3rd
Student’s Phone No.:9977448612 Email: tanwaraayush8@gmail.com
Subject Code: BT-107

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. Priya Shrivastava Designation: Associate Professor
Phone: 8109756945

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, 2529016Fax: 0755-2529472 E-mail: directoroct@oriental.ac.in

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- Aryan Jain
Roll.No.- 0126CS221048
 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 Mr. Aryan Jain of B.Tech Computer Science Department Enrollment
No. 0126CS221048 has completed his Internship during the academic year 2022-2023 as
partial fulfillment of the Bachelor of Engineering in Computer Science Engineering.

Name of Faculty Coordinator Name of HOD

Prof. Priya Shrivastava 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 : Aryan Jain

ENROLLMENT NO. : 0126CS221048

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

Date: Student’s Name: Aryan Jain

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 –In this presentation, we will take a deep dive into A new shopping website
development using HTML, CSS, and JavaScript.

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

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

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 30/07/2023 Computer Science and Basic properties of HTML Completed
Engineering
4 31/07/2023 Computer Science and Introduction to CSS Completed
Engineering
5 01/08/2023 Computer Science and Basic properties of CSS Completed
Engineering
6 02/08/2023 Computer Science and Animations with CSS Completed
Engineering
7 03/08/2023 Computer Science and Effects with CSS Completed
Engineering
8 04/08/2023 Computer Science and Understand different websites Completed
Engineering themes
9 05/08/2023 Computer Science and Final Project Completed
Engineering

Self-assessment of Industrial Training by the student

1. Name of Student: Aryan Jain
2. Name and address of Oriental College of Technology

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

3. Guide from Organization: Prof. Priya Shrivastava

(with designation) Associate Professor

4. Date of commencement 28/07/2023

of Industrial Training

5. Number of days present ____7____days out of ____7_____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 with CSS

7 Effects with CSS

8 Understand different websites themes

9 Final Project

Total 100

Date: Signature of Student

Place: Bhopal Name of Student: Aryan Jain

 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: Aryan Jain Date: 09/12/2023
Supervisor: Prof. Priya Shrivastava Designation of supervisor: Associate Professor
Contact Detail of Supervisor: 8815165433
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:
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

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: Aryan Jain