A

TRAINING REPORT
OF
SUMMER INTERNSHIP PROJECT
AT
DEVTOWN ON
FULL STACK WEB DEVELOPER

SUBMITTED IN THE PARTIAL FULFILLMENT FOR AWARD OF

THE DEGREE OF
(BACHELOR OF COMPUTER APPLICATION)
AT

AFFILIATED TO CCS UNIVERSITY, MEERUT

SESSION: BCA 2021-2024

Submitted By: Under the Guidance of:

Name: Chirag Garg Faculty Name: Mr. Surya Saxena

Semester : Vth Designation: Assistant Professor
Roll No. : R210935106073

INSTITUTE OF MANAGEMENT STUDIES GHAZIABAD

(UNIVERSITY COURSES CAMPUS)
NH 24, ADHYATAMIK NAGAR, GHAZIABAD
Ph.: 0120-4980000 (30 Lines), Email: director@imsuc.ac.in
www.imsuc.ac.in
CERTIFICATE OF COMPLETION
 DECLARATION

I hereby declare that this Project Report is my own work and that, to the
best of my knowledge and belief, it reproduces no material previously
published or written that has been accepted for the award of my any
other degree of diploma, except where due acknowledgement has been
made in the text.

Student Name: Chirag Garg

Roll No: 210935106073
Date:
 ACKNOWLEDGEMENT

Every Summer Training big or small is successful largely due to the

effort of a number of wonderful people who have always given their
valuable advice or lent a helping hand. I sincerely appreciate the
inspiration; support and guidance of all those people who have been
instrumental in making this project a success.

I Chirag Garg, the student of Institute of Management Studies,

Ghaziabad University Courses Campus, am extremely grateful to
Aradhana Kund & DevTown for the confidence bestowed in me and
entrusting my training entitled “Web Development – Front & Back
end” with special reference to DevTown. At this juncture I feel deeply
honored in expressing my sincere thanks to Aradhana Kund for making
the resources available at right time and providing valuable insights
leading to the successful completion of my training. I also extend my
gratitude to my course Guide Ms. Aradhana Kund (Frontend
Developer,Devtown) who assisted me in completing the project. I
would also like to thank all the Computer Science faculty members of
Institute of Management Studies, Ghaziabad for their critical advice and
guidance without which this training would not have been possible. Last
but not the least I place a deep sense of gratitude to my family
members and my friends who have been constant source of
inspiration during the preparation of this training report.
 INDEX

Sno. Tittle PageNo.

1. Introduction

2. Introduction Enterprises

3. Internship Roles and

Responsibilities

4. Internship Outcomes

5. Conclusion and Future Scope

6. References
 Chapter 1:
INTRODUCTION

Objective:

Internship is thought on addition a few encounters from the

different a few associations which will encourage bounty to
make a connection between the hypothetical and reasonable
data. It includes profitable ability like usable working
environment or pc instrumentation, taking care of a spread
of things in the meantime, sorting out or dissecting learning,
spending plans or rising collaboration, composing, and
talking gifts. Usable work environment or pc
instrumentation, composing, and talking gifts. It’s
indispensable to get a handle on the best approach to impart
data to outsiders, managers, and companions. While doing
an undergraduate program at Institute Of Management
Studies, . Be that as it may, this is frequently not happy to
get a handle on the web developing because of it's an
extremely huge marketplace. to encourage a sound data
concerning programming which has net application style and
Development. I'm intrigued to attempt and do entry level
position in BluBird Interactive Ltd. This entry level position
report covers the whole temporary job time that I have
finished with progress concerning the coding, style and
improvement.

• Understand basic concept and structure of

HTML5, CSS, Bootstrap Framework, PHP, creating
Database & connecting with Word Press

• To get awareness about the various job opportunities.

• To perceive communicational skills and

organizational dynamics.

• To get educated about the official habitat.

• Opportunities for technical skill

.
• Improve communication skill.

• Knowing all type of official knowledge

Goals

1. Knowing practical knowledge about programming.

2. Gain knowledge about HTML5, CSS,
BootstrapFramework, PHP etc.

3. Increase communication skill with other.

4. Gain essential background knowledge.

5.Works well with others.

6. Develop research skills.

7. Improve administrative skill.

8.Increase the capability for solving the problems.

9.Knowledge of professional journals and

newsletters.

10. Knowledge of key professional.

11.Improve professional ethics and

values. 12.Improve technical skill.

 Motivation

For internship to induce the sensible expertise within the

field of technology and Engineering. It's extraordinarily vital
that knowing about hypothetical information and actualize
inside there a sonable field to broaden our gifted ability in
building work advertise. The motivation of this internship
actually came from the intention of learning more about the
job sectors and the work environment of IT farms. A desktop
base system of creating websites is easy to learn. Before
joining the internship, i knew that I am in a primary stage
and beginner level in learning web development, my first
task is to learn and create and be creative. The learning curve
of a web development is such interesting and charming. It is
very simple to build a project fully by HTML, CSS,
MYSQL and PHP when you know what you are doing.

Layout of Report

This Layout contains key points of this report as like

objective details of the kind of paper selected, the margins,
line spacing, pagination, and equation illustrations, and
references, incorporation. I may allocate a document format
for each report that I make. Through the document design,
Idescribe the report's template attributes, like the report's
page format and report’s data's number format. I am able of
setting parameters for the documents when I use the
functions of layout. Once I define a document format, I
explicitly specify a design for a report and I can modify are
port's default layout.

• Chapter 1: Describes the details of introduction of web

development.
Objective. In this portion, the objective of the
internship is described. It also consists of the facility,
resources, how to reduce the number of employees and load
of work on them. How to implement, inheriting the
motivational thinking of web development.

Goals:
Goals describes the aim of the internship. The key features
of this part is to analyze the learning by the internship. It
also shows the effectiveness and the choices can be made in
future
.
Report layout:
It is a over view of the chapters contain in the full report.
• Chapter 2:

This chapter is dedicated to describe the institution I am

doing the internship in. The motto and the goal of the
institution is stated in this chapter.

• Chapter 3:

This chapter consists of the responsibilities and the roles I

was given while doing the internship. This contains the
training attended, work environment, assigned roles and
responsibilities and the performed tasks.

• Chapter 4:

This chapter contains the outcomes of a project and as well

the internshipThe outcome of a project is the result, and the
problems and their solutions. For example understanding
OOP and learning about the challenges and outcomes.

• Chapter 5:
This chapter simply contains and describes the conclusion of the
report.
 CHAPTER 2:
ENTERPRISE OF THE
INTERNSHIP

Institution Information:

We at DevTown (A research and education-based startup ), are a team

with an aim to provide students with a platform to research and make
projects in the field of AI and ML,Full Stack Web Developer etc, . We
aim to provide an interactive learning platform for students where they
will be able to learn and develop projects with our support. We have
collaborated with Kesha Kaneria, Microsoft Learn Student
Ambassador(Beta Level) and no charge will be taken for the events or
webinars conducted and certified by them.

We strive to cultivate a change in the current learning strategy of

students and incorporate a reasonable learning methodology, to make
them future-prepared with good knowledge of technologies and
profound practical experience in those fields with developing projects.

We believe that you will appreciate this learning excursion and shape
your future with us at DevTown.
The Mission Behind DevTown:
 1. Make Education Accessible and Affordable

Our courses are available for all irrespective of their current level of expertise. Also

all the courses are currently available for just Rs. 500/month for 5 months and then

a free 2 month long internship.

2. Help you Grow

We have a dedicated team of Mentors, Teaching Assistant and an ever expanding

network of students who will be helping and guiding you through the entire course

and also during the internship.

3. Grow a Community

Join our course to be a part of a ever growing community of students, teachers and

mentors. Compete with them in national hackathons and help each other out.

Technologies:
1. Gmail
Email Providers
2. Google Apps
Other

3. Amazon AWS
Hosting

4. Vercel
Hosting

5. Mobile Friendly
Other

6. Google Tag Manager

Tag Management
 CHAPTER 4:
INTERNSHIP OUTCOMES

Problems and their Solutions

Issues based on development can be faced as the result it
requires more vocabulary of form markups, methods,
objects, modifiers, and many ways to build software or plan.
And it's not just web development issues that have more
solution that can be easy and quick.
.
Problems:
 I faced so many problems to create while working with
CSS. It's very easy, but sometimes it doesn't match my
expectations and is placed in the right place. Web design is
not a simple task. To come up with a unique web design it
takes a lot of creativity, brainstorming, cooperation of the
group and uniqueness. A web designer goes through a lot of
obstacles in regular basis. Only the web designs that were
in the process of constant development and recursive
thinking can satisfy the target market and clients. This
creates a challenging environment for designing websites.

On the opposite, web designers face some other obstacles.

Such tasks include maintaining a website that is sensitive
enough to be viewed and accessed on all phones. Websites
sometimes take time to load, so making website loading
faster is one of the toughest challenges for web design to
provide a better user experience. There is another issue that
happens most often. Clients face issues with the website and
complain it the the developer. But when developers check
the website it look absolutely fine to them. These issues can
be caused by out dated web servers or when clients make
incorrect changes to them. Finding the sources of these
issues can be time consuming and developer had to tackle
this in a daily basis.
 Solutions:

Web development really is so fascinating and at the same

time tough to me, I will learn and understand several goals
with interest through internship training as if after studying I
could understand web development and it is so interesting
then all the other languages to me. During my training
period, I solved the CSS and other problems. Clean software
eliminate sun foreseen errors that can impact the load of site.
Automated website monitoring solutions frequently enable
developers to view the websites of their customers in real
time and set alerts to notify them when potential issues arise.
Not only does this allow developers to recognisean issue
before the customer does it, it also gives them the
opportunity to address it in many situations before the
problem affects the business of the customer.

Outcomes of Learning

HTML:

• Basic HTML (Tags, Element, Attributes, Paragraphs,

Headings, Line Breaks, Horizontal Rule, Lists, Table,
Color Codes, Font, Text Linking, Email, Images,
Background, Comments, Meta, Media, Charset)
• Basic concept (WWW & HTTP, HTTPS, Client
Server Communication)

• HTML Forms (Input, Text Fields, Password,

Checkbox, Combo Box, Radio, Text Areas, Files,
Buttons)

• HTML5 features

CSS:

• Basic CSS (selector, internal, external, Inline, Class,

Id,Background, font, Text, Padding, Margin, Border, list
CSS, hovering and elements)

• Advance CSS (border-radius, opacity, cursor,

layers,position, display, float, gradient, and multiple-
column)

• Concept of Menus (single menu, dropdown menu)

• Template, design using CSS div.

Bootstrap:

• Environment Setup
• Grid System

• Typography

• Tables, Forms, Buttons, Images

• Drop down, Button group

• Navigation Element

• Bootstrap plug-ins (Transition, Modal, Drop down, Tab,

Tool tip, Alert, Button)

JavaScript:

• Basic JavaScript (Syntax, Enable, Location,

Operators,Variables, Events, Alert, Confirm, Prompt,
POP up, Date, print)

• JavaScript String (Strings, Length, Split, Search, Replace)

• JavaScript advanced (get Element by Id, Inner HTML,

Gettable, index, DOM, manipulation, Regular Expression)
 PHP BASIC:

• Control Structures (if, else, else if, while, do-while, for,

foreach, break, continue, switch) • Include (require,
include, require_ once, include_ once)

• Function (User-defined Function, Function

arguments,returning values, variables
function)

• Array (array declaration, merging, sorting,

deleting,inserting)

Challenges:

During the design of the code, different types of problems

have to be met. Also widespread:

• Syntax error.

• Fatal error.

• Find out the problem and try to solve that.

 CHAPTER 5:
CONCLUSION AND THE FUTURE SCOPE

5.1 Conclusion:

As we all know, our country is a developing country and it

dreams to be a developed country soon. Hence the
government of Bangladesh has taken many necessary project
to fulfilling the concept of digital Bangladesh. Day by day
our job sector is getting more and more competitive. As a
result every other company is searching for experienced
candidates. Finally, I can claim it's internship that helps me
gain experience. Thanks to DevTown, I gained so much
more in-depth knowledge of technical skills and personal
skills This project helped me gather theoretical and practical
knowledge about HTML4/5, CSS, PHP, MYSQL and other
programming language. Beforehand I was confident about
designing and developing frontend of websites. Now I am
also confident and competent in backends. For those
students who are willing to work in web development, there
are huge opportunities available. To give them the scope for
online work and development of website, most private and
public organizations employ web designers. With the rapid
emergence of the digital industry, web development
professionals ' demand is growing, and in the coming days
this has already availed so many job opportunity for
newcomers. My internship company gave me a good scope
to learn and discover my potentials. I am very grateful to
them. Now I am able to develop web and mobile
applications. I was fortunate forgetting the chance to meet
the real life software development environment. 5.2 Future
Scopes I gained so much experience from this Internship. If
I did not had this experience it would bevery hard for me to
find a suitable job. As we know finding work can be a
challenge in this competitive world. In my career
opportunity, this internship will support me. And my future
scopes will be after a good internship:

• I can work in an IT farm.

• Working as a software engineer is possible.

• Can persue career in web design.

• Woking as a web developer is a possibility.

• Can persue Mobile app developing.

• Can work as a QA
 CHAPTER 6:
ROLES AND RESPONSIBILITY OF
THE INTERNSHIP

Introduction :

This chapter secured the approach of internship program

and gives the data about Where internship has been
connected to accept accountability this program.

Training Attended:

We know that there are many languages and skills needed to

build a project, i used all the languages like JavaScript,
HTML, CSS . The server combines the result and execute
PHP codes containing various form of data like Image, Text
etc. PHPcodecanalso be implemented using a command-line
interface (CLI) is used to apply the independent applications
for graphical use.

• HTML5
• JavaScript
• CSS3

• Bootstrap
• PHP

Delegated Responsibilities:

• UI/UX design. Designing UI/UX for Websites

and Mobileapplications.

• Web design. Designing websites.

• Frontend development. Developing the frontend

of variouswebsites.

• Android app development. Designing

and developingAndroid applications.

Environment of Work:

Frontend Developer:
The main job of a frontend developer is to work at the
client side designing web pages and graphics that is s
accessible by the user.

Backend Developer:
 The responsibility of a back end developer is to develop
the rear end of a website that interacts with the server. This
type of web developer specializes in the languages like PHP,
ruby, ASP.Net, Java, Cold Fusion, and Perl [6].

The job profiles for the web developer includes:

• Frontend web developer.

• Backend web developer.

• Developer of web applications

• Analyst for Design and layout Analyst for.

• Senior web analyst.

• Web marketing analyst.

Performed Tasks:

The name of the project is the design and implementation of

the Online ShoppingE- Commerce Website. An online store
is a web-based virtual store where customers can browse the
catalog and select interesting products. The selected items
will be gathered in shopping cart. The items will be
presented as an order when the customer wants to check out
from the site. This time the website will ask for more
information for the transaction. The customer will fill a
billing from containing billing address, shipping address,
options for shipping and his or her payment information like
credit card number. The customer will receive ane-mail
notification when the order is placed [4].

Web Pages details:

• Home
• About Us
• Shoes
•Grossery
• Contact Us
• Login
• Register

Home Page:
In this page the home screen of the website is showed. Users
can surf through this page to access all the products the
website contains. The overview the website is also present in
this page.
Login:
This page can be accessed by both user and admin to login to
the site.
Grocery:
 References:

This project is done under the guidance of Ms. Aradhana

Kund mam , helped me in this project. Aradhana Kund
mam provides me daily training sessions during the whole
internship, also she always provides some other sessions
for doubts so that we can easily resolve problems. For
making web pages we have used many as references and
we have used many templates for good web page. This
project is very easy to understand and compile.