Professional Documents
Culture Documents
Front End Developer
Front End Developer
Submitted in partial fulfillment of the requirements for the award of the degree of
BACHELOR OF TECHNOLOGY
in
ELECTRONICS AND COMMUNICATION ENGINEERING
Submitted by
T.HEMA MANIKANTA
(20U91A0479)
Under the esteemed guidance of
B.HANISH CHAITHANYA M.Tech (Ph.D).,
Asst. Prof. of the ECE Department
1
SRI MITTAPALLI COLLEGE OF ENGINEERING
(Affiliated to Jawaharlal Nehru Technological University, Kakinada)
CERTIFICATE
This is to certify that summer internship report entitled “FRONT END DEVELOPER” is being
submitted by TIRUMALASETTY HEMAMANIKANTA(20U91A0479) in the partial fullfillment
of the requirement for the degree Bachelor of Technology in Electronics and Communication
Engineering for the academic year 2023-2024. This work is done under my supervision and
guidance.
2
An Internship Report on
FRONT END DEVELOPER
Under graduate
Department of
Submitted by:
Reg. No:
20U91A0479
NAME OF THE COLLEGE:
3
Student’s Declaration
5 weeks internship work at “FRONT END DEVELOPER” during a period from 5 JUNE, 2023
to 10 JULY, 2023 in partial fulfilment for the award of the Bachelor of Technology in Electronics
,Guntur(AP) . The work which is being presented in the internship report submitted to
Engineering
Endorsements :
4
OFFICIAL CERTIFICATION
This is accepted for evaluation. This is to certify that TIRUMALASETTY HEMA MANIKANTA
Reg. No: 20U91A0479 has completed internship in EDUNETS in accordance with APSCHE on
FRONT END DEVELOPER under my supervision as a part of partial fulfilment of the requirement
for the Degree of B.TECH in the Department of ELECTRONICS AND COMMUNICATION
ENGINEERING in SRI MITTAPALLI COLLEGE OF ENGINEERING. This is accepted for
evaluation. This is accepted for evaluation.
5
Certificate from Intern Organization
6
Acknowledgements
At the outset, I would like to articulate this project as small journey which was a
remarkable learning experience for me. The successful completion of this project is only
because of the extraordinary support, guidance, counselling and motivation from my
respectable staff of Sri Mittapalli College of Engineering, this journey was also could
not be completed without support of our teammate’s and our family’s.
It is great privilege for us to convey our sincere gratitude prof Dr .S. Gopi Krishna,
MTech, Ph.D. principal of our college for his encouragement and for providing excellent lab
facilities. We would like to gratefully acknowledge our head of the department of Electronics
and Communication Engineering Dr. M. Nageswara Rao, MTech Ph.D. has been abundantly
helpful and has assisted us in numerous Way.
We express our deep gratitude to B.HANISH CHAITHANYA (Mentor). Through
the support provided by her, we have imparted knowledge on the avenues which this project
has opened and explored. Her directions in making me think about unique conceptual and
practical aspects of Traditional Health Care System which has lifted this project at this stage of
successful completion.
I wish to thank all the staff members in the department for their kind cooperation and
my parents for giving support throughout the semester internship
Finally, I acknowledge sincerely the effective services rendered by one and all involved
directly and indirectly in the entire semester internship.
BY
TIRUMALASETTY HEMA MANIKANTA
(20U91A0479)
7
INDEX
Contents pg.no
CHAPTER-1: EXECUTIVE SUMMARY 1
8
CHAPTER 1: EXECUTIVE SUMMARY
A front-end developer is a professional responsible for creating the visual elements and user
interfaces of websites or web applications. They use technologies like HTML, CSS, and
JavaScript to design and implement the client-side of web projects, ensuring a user-friendly and
visually appealing experience. Front-end developers collaborate with designers and back-end
developers to bring a website's or app's user interface to life, making it responsive and
interactive. They also focus on optimizing performance and cross-browser compatibility. This
role requires a strong understanding of web design principles, responsive design, and the ability
to work with various front-end frameworks and libraries.
Professional front-end developers design and implement the user interface of web pages. Users
need this interactive interface to access and use the web application for various purposes. By
using programming languages to code, these professionals ensure that the designs they build
work well. They need to stay updated with the latest tools and technologies that are used in this
domain because the ways of creating websites keep on changing.
Design and implement the functional techniques and principles of web design
Create codes that are reusable in the future
Define the right balance between functional and aesthetic design.
Enhance the speed and scalability of the website.
Monitor the performance of the website and fix usability problems
Creating codes that can also be used in the future.
Develop tools and features that enhance customer experience
Work with the organization’s web development team ensuring accuracy in the complete
software development life cycle (SDLC)
Front-end development otherwise referred to as client-side development, uses
JavaScript, HTML, and CSS languages to build web applications that users can use and interact
with. This domain revolves around the look of a website and how the design is implemented.
9
CHAPTER 2: OVERVIEW OF THE ORGANIZATION
IBM is known for its hardware and software products, including computers, servers, storage
systems and networking equipment. It also provides consulting, technology and business
services, such as cloud computing, data analytics and artificial intelligence (AI). IBM's research
and development efforts have contributed to numerous technological innovations, including the
development of the first programmable computer, the first hard drive and the first computer
virus.
History of IBM
In its early years, IBM was widely associated with the punched card, invented by CTR
employee Herman Hollerith. In 1914, Thomas J. Watson joined the company as general
manager. CTR itself had been formed from three companies that sold grocery store scales, time
recording devices and tabulators. Over the next few decades, Watson built the business machine
company of the future, now known as International Business Machines.
As it happens, IBM tapped the management consulting ranks to run the company and hired
Louis Gerstner, a former McKinsey & Co. consultant and chairman of RJR Nabisco, to become
IBM CEO in 1993. Under Gerstner, IBM continued its service push, in addition to expanding its
role in software. In 1995, IBM acquired Lotus Development Corp. and then merged with Tivoli
Systems Inc. the following year.
By the late 2000s, IBM's hardware sales accounted for just 10% of total revenue, while
services and consulting accounted for two-thirds of revenue, with software and miscellaneous
(financing) bringing in the rest. IBM continued an aggressive acquisitions strategy in the new
century, but it was all software and services firms.
10
In the 2010s, IBM began recasting itself as a cognitive solutions and cloud computing
platform company. Virginia "Ginni" Rometty, appointed IBM CEO in 2011, emphasized a
core group of strategic imperatives for IBM: analytics, cloud, mobility and security.
In July 2019, IBM made its biggest purchase ever, spending $34 billion to acquire leading
Linux-provider Red Hat Software. It merged Red Hat's hybrid cloud OpenStack software with
IBM Cloud and on-premises services for a hybrid cloud approach to digital transformation.
11
Vision of the Organization
IBM’s vision statement is “to be the world’s most successful and important information
technology company. Successful in helping out customers apply technology to solve their
problems. Successful in introducing this extraordinary technology to new customers.
Important, because we will continue to be the basic resource of much of what is invested in this
industry.”
IBM also invests heavily in semiconductor research as it investigates chips to support cloud
computing and big data systems. But, while Big Blue conducts research on silicon, the company
exited the microelectronics manufacturing business in 2015, selling that operation to
GlobalFoundries.
12
CHAPTER 3: INTERNSHIP PART
A front-end developer is responsible for creating the part of websites and web applications that
users see and interact with. They use web languages such as HTML, CSS, and JavaScript to
build user interfaces that are functional, responsive, and attractive . The main responsibility of
a front-end developer is the user interface . They are different from web designers who create
the look and feel of the website but not the actual implementation .
The basic languages for front-end development are HTML, CSS, and JavaScript . Front-
end development focuses on the user-facing side of a website . Front-end developers ensure
that visitors can easily interact with and navigate sites by using programming languages, design
skills, and other tools
Web developers create and build websites from the ground up. Before they get started on
a design, they take the time to fully understand the requirements and expectations: how much
traffic the site will generate, what users will do with it, and what kinds of technology it needs to
be compatible with. They can use their knowledge of programming and open-source code to put
together a website that meets those needs. They often form part of a development team, working
alongside systems engineers and developers. Web development involves a lot of coding, testing,
and re-coding. Developers are constantly on the hunt for code errors and issues that could slow
performance or create data threats.
In this I have learnt about the web developing skills and how to get build the sites in websites
with using of css , java script which is associated with the IBM have given and organized the
many of the skills like technical and technological & managerial skills and skill development
classes online classes.
13
ACTIVITY LOG FOR THE FIRST WEEK
14
WEEKLY REPORT
WEEK – 1 (From Dt 06-06-2023 to Dt 12-06-2023)
For larger organizations and businesses, Web development teams can consist of hundreds
of people (Web developers) and follow standard methods like Agile methodologies while
developing Web sites. Smaller organizations may only require a single permanent or contracting
developer, or secondary assignment to related job positions such as a graphic designer or
information systems technician. Since the commercialization of the Web, the industry has boomed
and has become one of the most used technologies ever.In this same week I gathered information
to know about this platform which is offering my internship and at the end of this week I had written
the knowledge checkup exam which I have to write mandatory for every week and to get the above
70% in that to qualify for next week
15
ACTIVITY LOG FOR THE SECOND WEEK
16
WEEKLY REPORT
WEEK – 2 (From Dt 13-06-2023 to Dt 19-06-2023)
17
ACTIVITY LOG FOR THE THIRD WEEK
In this session I had performed the lab Apply Styles with CSS
Day – 4 to Create a separate CSS file or use the
(23-06-2023) element within the HTML file to apply
styles.
18
WEEKLY REPORT
WEEK – 3 (From Dt 20-06-2023 to Dt 26-06-2023)
19
ACTIVITY LOG FOR THE FORTH WEEK
20
WEEKLY REPORT
WEEK – 4 (From Dt 27-06-2023 to Dt 03-07-2023)
21
ACTIVITY LOG FOR THE FIFTH
22
WEEKLY REPORT
WEEK 5(From Dt 04-07-2023 to 10-07-2023)
Detailed Report:
In this week I had completed the knowledge checkup for the above week and in this
week, I had learned the testing and deployment in websites and content delivery. In this aspect
of respected topic Testing: it’s one of those potentially dull and yet highly contentious topics.
I’ll try to avoid the dull, but there may be some contention brewing on the horizon.
Most programmers work on software that others have created and that others
will develop after them. Sharing the code creates a community in which the team of developers
live and interact. Preserving code quality not only has a direct impact on how well a developer
can do their job, it becomes a moral obligation to their colleagues in the community. At the
last stage of the software development life cycle comes the deployment stage. This is where
the team migrates software from the controlled development and staging environments to
production (the technical term for “the real world”).
But, right before hitting production, the software must go through multiple
layers of testing, and then a set of sets known as “deployment testing” to ensure that it is bug-
free and provides true user satisfaction. Deployment testing in software testing is the final line
of defense against sneaky bugs, unidentified so far. This layer of testing prevents them from
filtering into production and ruining software quality where it really counts. It is essential to
keep users happy, maintain brand credibility and drive revenue n the absence of deployment
testing, you might reduce time-to-market, but you’ll end up with a bug-ridden app, customer
complaints, higher costs of bug fixes, and 1-star ratings. Hence, QA teams must be equipped
with the required tools, knowledge, and structure required to successfully run deployment tests
These logs contain useful information like to create a web page to from their community.
23
CHAPTER 5: OUTCOMES DESCRIPTION
The real time work experience is great and it is very positive towards our studies and it helps
me a lot in maintaining time. From one day to another I am able to transition from online
classes without falling behind schedule. Mentors are very helpful and approachable to
complete my virtual internship. It is very surprising to see how quickly I adapted to them in
this aspect of internship. This online or virtual learning provides more time flexibility. I have
a bit more time to complete my further projects and any other works. It helps me to develop
my skills and self-discipline from planning my day and to do the particular tasks to complete
my virtual internship. I am very glad to take my internship in virtual manner because of to
improve my technical skills and to be in a better position after completion of many of the
programs like this. Sometimes it bores to take the virtual classes but it made me to take class
in any situation. Mentors and guides are very helpful in this type of virtual internship. I had
learned the more technical skills from this virtual manner and it is my great experience to
complete it as per the yearly outcome. By the encouragement from my respected principal
sir and honorable HOD sir. They had played a wonderful role to complete my internship. By
this I had learned about socialization, socialization is the process through which someone
else to become a member of society individual and how to perform their social roles
internalized the norms, terms and values of the community specialization. It prepared me to
participate in a social grew by teaching me their norms and expectations. I had learned about,
teaching impulse control and developing a concern, preparing me to perform certain social
rules, and cultivating shared sources of minima
24
Technical skills I have acquired:
I have acquired the real time technical skills are gaining expertise in performing
physical or digital tasks. There are many different kinds of technical skills. Traditionally,
people working in mathematics, computer science, mechanics and information technology
have used many technical skills. Today, however, many more industries rely on employees
with technical knowledge. For example, retail and food service workers often need to know
how to use point-of-sale (POS) software. Technical skills vary widely between industry and
job type. For computer programmers, knowledge of various coding languages is considered a
technical skill. Customer service representatives may need technical skills relating to customer
management and telephone systems. Teachers might need technical skills related to
instructional technologies and software applications ranging from student behaviour
monitoring to grading. The most natural way to acquire and enhance skills is through. It is one
of the first self-initiated activities humans engage in after pure instinct, and from it the first
skills are learned. In childhood, after socialization begins, play becomes more complex leading
to the growth of other, more difficult skills. Skills acquired are the talents and abilities you've
mastered through education, practice and experience. They can help you perform your job at
a more proficient level or move to other roles in your field. Acquired skills include hard skills,
such as technical skills and job-specific knowledge. Acquired skills are abilities you learn
through practice and experience. Often, acquired skills can include both hard and soft skills,
and these abilities may help you improve your performance at work. Technical skills are the
abilities or the knowledge you need to perform a specific task. I am thankful to my
management for cooperation and I acknowledge my HOD sir for giving the best experience.
25
The managerial skills I have acquired:
I have acquired the best managerial skills from the institution which I have performed and gave
my best in as part of internship. In this I have learnt about the managerial skills that are technical
skills, conceptual skills, human management skills. In part of internship, I had learnt that defining
the abilities that can executive should possess in order to fulfill specific tasks in an organization.
They can include the capacity to perform executive duties in an organization while avoiding the
crisis situations and promptly solving problems when they occur. In this I had learnt that the main
theme is to maintain the positive energy to do any task to complete. The best leadership qualities
are acquired by the mentor of that particular internship platform. The main skills are mandatory
acquired by the students are technical skills, conceptual skills, communication skills, human
management skills. By this the requirement of technical skills are very much important in this
society to survive. I had completed all the modules with a great experience. I had improved my
skills by every week and I realized that improvement is always wins. Improvement and
development are the two keywords which are very deserved in this society. In this the managerial
skills are acquirement is very easy to learn but difficult to apply in this society. But in this society
the lack of managerial skills the number of students is not ready for getting job with good package.
I am very happy to say that I learnt that managerial skills to prevent my career.
26
Improvement on my communication skills:
In this internship training, I learnt many of the communication skills, I learnt about the oral
communication, written communication, conversational abilities, confidence levels while
communicating by the above-mentioned skills, I can make my resume powerful and to notice by
the interviewer. By listening, I learnt many of the things about the subject related topics and to
speak fluently with others and among them I learnt that to speak with others in understandable
language and in this the body language also matters. It is very important in the face-to-face
meetings and interviews and also in the video conferences. Making that the appear accessible,
that should not cross arms by making the eye contact the other person will knows the attention.
The main skill is noting the notes which is delivering by another person. It is the main to treat
every person equally, communication communicate effectively is a teachable skill, ready to
communicate, be sure that you are in right frame of mind, tiredness, frustration, sadness, and
anger, among the other range of emotions can hamper. Sometimes the direct communication is
required to maintain a good relation or to be thankful. By articulating the information in good
matter to deliver to other person then the other person appreciates and be thankful to others who
helps us to make our own way to get into it. By noticing the close conversations, I learnt many of
things from the higher officials and participating in the many of group discussions and debates
will improved me to make a right choice and made a right place to speak. Giving greetings to the
others also main theme in the communication skills. Be always thankful to others who have given
you chance to prove what you are and to stand by yourself in that particular field. Without going
with the negative information who spreads the negative more then don’t be the tail of them be
positive and maintain your ideas and strategies very secretly and appreciate others without ego tic
issues in mind. As the skill developer student, you have to be brave always to take more actions
to grew more and more.
27
Technological developments I have observed:
In this internship training, I had observed the best developments in the web Developer. They are:
Word press:
I have observed the content management system (CMS) that's great for belongs and websites.
It's user-friendly and offers a wide range of themes and plugins, users access to storage, files,
software, and servers through their internet- connected devices: computers, smartphones,
tablets, and wearables in web developer
28
Student Self Evaluation of the Short-Term Internship
1 Oral communication 1 2 3 4 5
2 Written communication 1 2 3 4 5
3 Proactiveness 1 2 3 4 5
4 Interaction ability with community 1 2 3 4 5
5 Positive Attitude 1 2 3 4 5
6 Self-confidence 1 2 3 4 5
7 Ability to learn 1 2 3 4 5
8 Work Plan and organization 1 2 3 4 5
9 Professionalism 1 2 3 4 5
10 Creativity 1 2 3 4 5
11 Quality of work done 1 2 3 4 5
12 Time Management 1 2 3 4 5
13 Understanding the Community 1 2 3 4 5
14 Achievement of Desired Outcomes 1 2 3 4 5
15 OVERALL PERFORMANCE 1 2 3 4 5
31
Evaluation by the Supervisor of the Intern Organization
Date of Evaluation :
Mobile number :
1 Oral communication 1 2 3 4 5
2 Written communication 1 2 3 4 5
3 Proactiveness 1 2 3 4 5
4 Interaction ability with community 1 2 3 4 5
5 Positive Attitude 1 2 3 4 5
6 Self-confidence 1 2 3 4 5
7 Ability to learn 1 2 3 4 5
8 Work Plan and organization 1 2 3 4 5
9 Professionalism 1 2 3 4 5
10 Creativity 1 2 3 4 5
11 Quality of work done 1 2 3 4 5
12 Time Management 1 2 3 4 5
13 Understanding the Community 1 2 3 4 5
14 Achievement of Desired Outcomes 1 2 3 4 5
15 OVERALL PERFORMANCE 1 2 3 4 5
Supervisor
32
PHOTOS & VIDEO LINKS
LINK:
The link is provided from the IBM SKILLS BUILD
https://skillsbuild.edunetworld.com/courses/fed/portfolio-site/
31
Internal Evaluation for Short Term Internship
(On-site/Virtual)
Objectives:
• To develop communication, interpersonal and other critical skills in the future job.
Assessment Model:
• The Faculty Guide assigned is in-charge of the learning activities of the students and for
the comprehensive and continuous assessment of the students.
• The number of credits assigned is 4. Later the marks shall be converted into grades and
grade points to include finally in the SGPA and CGPA.
• While evaluating the student’s Activity Log, the following shall be considered –
a. The individual student’s effort and commitment.
b. The originality and quality of the work produced by the individual student.
32
d. The completeness of the Activity Log.
• The Internship Evaluation shall include the following components and based on
Weekly Reports and Outcomes Description a. Description of the Work Environment.
e. Team Dynamics
MARKS STATEMENT
(To be used by the Examiners)
33
INTERNAL ASSESSMENT STATEMENT
3. Oral Presentation 25
GRAND TOTAL 100
Certified by,
Date: Signature of the Head of the Department/Principal