SHORT - TERM

INTERNSHIP
(Local Virtual)

ANDHRA
PRADESH
STATE COUNCIL 1 OF HIGHER
EDUCATION GOVERNMENT OF ANDHRA
(A STATUTORY BODY OF ) PRADESH
 SHORT-TERM INTERNSHIP
(Local Virtual)

Name of the student: S Ajay Kumar

Name of the college: Lingayas Institute of Management and Technology

Registration number: 22NA1A0558.

Period of internship: 6 weeks From: 28-05-2024 To: 01-08-2024

Name and address of the organization: EXCELR EdTech Pvt. Ltd.

Jawaharlal Nehru Technological University Kakinada, Kakinada .

An Internship Report on
WEB DEVELOPMENT/JAVA SCRIPT.

Submitted in accordance with the requirement for the degree of

Bachelor of Technology

Under the Faculty Guide-ship of

Prof ch.srinivasRao

Department of

2
 COMPUTER SCIENCE AND ENGINEERING.

Lingayas Institute of Management & Technology

Submitted By:

S Ajay Kumar.

Reg. No: 22NA1A0558.

Department of computer Science and Engineering.

LINGAYAS INSTITUE OF MANAGEMENT AND TECHNOLGY.

Student’s Declaration

I, S AJAY KUMAR a student of Bachelor of Technology Program, Reg. No.

22NA1A0558.of the Department of COMPUTER SCIENCE AND ENGNEERING,

Lingayas Institute of Management & Technology, do hereby declare that I have

completed the mandatory internship from 28-05-2024 to 01-08-2024 in EXCELR

EdTech Pvt. Ltd. under the Faculty Guide-ship of Prof Ch.srinivasRao, Professor,

Department of COMPUTER SCIENCE AND ENGNEERING, LINGAYA’S INSTITUTE

OF MANAGEMENT AND TECHNOLOGIES.

3
 (Signature and Date)

Official Certification

This is to certify that S AJAY KUMAR. Reg.No.22NA1A0558 has completed his

Internship in EXCELR EdTech PVT. LTD under my supervision as a part of partial
fulfilment of the requirement for the Degree of Bachelor of Technology in Department of
CSE, Lingayas Institute of Management & Technology.

This is accepted for evaluation

(Signatory with Date &

Seal)

Endorsements

Faculty Guide

Prof Ch.srinivasRao. Head of the Department DR.Chinnarao Sir.

Principal

4
5
 Acknowledgements

It gives me immense pleasure and, I feel indebted to my parents, friends and relatives for their
physical, psychological and moral support extended by them at all time.
I wish to place on record my profound gratitude to Dr MORTHA CHINNA RAO sir, Head of the
Department and Mentor of the internship, Department of Computer Science and Engineering for
providing valuable suggestions, guidance and having given me the opportunities to
complete this internship successfully.
I wish to extend my gratitude for R&C Department for providing able guidance and support to
complete internship successfully.
I thank our Honourable chairman, Mr. Gadde Rajling sir for his moral support and the
excellent facilities provided.
I feel happy to share my experience and time spent with my classmates during the internship and
for their support as well.

S AJAY KUMAR

(22NA1A0558)

6
 INDEX
S.NO DESCRIPTION PAGE NO

1 EXECUTIVE SUMMARY

2 OVERVIEW OF THE ORGANIZATION

3 INTERNSHIP PART

4 ACTIVITY LOG FOR THE WEEKS

5 OUTCOMES DESCRIPTION

6 STUDENT SELF-EVALUATION TERM

INTERNSHIP

7 EVALUATION BY THE
SUPERVISOR OF THE INTERN
ORGANIZATION

8 PHOTOS & VIDEO LINKS

9 INTERNAL EVALUATION FOR SHORT

TERM INTERNSHIP

10 INTERNAL ASSESSMENT STATEMENT

 CHAPTER 1
EXECUTIVE SUMMARY

ExcelR EdTech Pvt Ltd is an education technology company that specializes in providing
professional training and skill development programs. They offer a range of courses in areas
such as data science, artificial intelligence, digital marketing, project management, and more.
ExcelR focuses on both online and offline learning formats, catering to various learners, from
beginners to advanced professionals.The company is known for its industry-relevant curriculum,
experienced instructors, and emphasis on practical learning. ExcelR also collaborates with
industry partners to ensure that their programs align with current market needs, helping

students enhance their employability and career prospects.

This internship has paved a way to plan for few learning objectives that include,
• get exposed to a particular task or job role in an organization and gain hands
on experience
• develop both technical and communication skills in the field of work chosen
• achieve working experience with the team and individually
• gain real time project experience and gain sufficient knowledge on on-demand market
demands.
The following are the learning outcomes, which include
• this internship helped in choosing a particular task and gain sufficient hands on
experience on the task chosen
• this internship helped me to effectively communicate and develop short technical
reports
• has aided in developing networking contacts in the organization
• has gained sufficient experience to search for real time projects and on-demand market
opportunities.
Overall, the internship at Excelr has helped me to develop learning experience and explore
software development skills and aided to improve my communication and teamwork abilities.
This internship also helped in exploring new, real time cutting edge and on-demand projects,
which would be helpful in choosing a relevant project .

8
 CHAPTER 2

OVERVIEW OF THE ORGANIZATION

ExcelR EdTech Pvt Ltd is an education technology company that specializes in providing
professional training and skill development programs. They offer a range of courses in areas
such as data science, artificial intelligence, digital marketing, project management, and more.
ExcelR focuses on both online and offline learning formats, catering to various learners, from
beginners to advanced professionals.The company is known for its industry-relevant curriculum,
experienced instructors, and emphasis on practical learning. ExcelR also collaborates with
industry partners to ensure that their programs align with current market needs, helping

students enhance their employability and career prospects.

Vision, Mission, and Values of the Organization:

Vision:
To be a global leader in professional education, empowering individuals and organizations to
achieve their full potential through innovative learning solutions.
Mission:
To provide high-quality, industry-relevant training programs that equip learners with the skills
necessary for success in the ever-evolving job market.
Values:
• 1. Integrity: Upholding ethical standards in all dealings.
• 2. Innovation: Continuously improving and adapting learning methodologies.
• 3. Excellence: Striving for the highest quality in education and training.
• 4. Collaboration: Building strong partnerships with industry and educational
institutions.
Policy of the Organization, in relation to the intern role:
• Objective: To provide interns with practical experience in the edtech field, enhancing
their skills and employability.
• Eligibility: Typically open to students or recent graduates in relevant fields such as
education, business, data science, or marketing.
• Duration: Internships may vary in length, often ranging from a few months to a
semester.

9
 • Work Environment: Interns may be expected to work in a collaborative team
environment, either remotely or in-office.
• Training and Development: Interns usually receive training, mentorship, and regular
feedback to foster their professional growth.
• Responsibilities: Intern roles can involve tasks such as assisting with course
development, marketing efforts, research, and administrative support, depending on the
department.
• Compensation: Some internships may be paid, while others could offer academic credit
or stipends.
• Evaluation: Interns are often assessed based on their performance, contribution to
projects, and feedback from supervisors.
Overall, I trust that this organization would definitely help me to reach and fulfil my learning
objectives and chose a fine career opportunity to excel well in my future endeavors.

10
 CHAPTER 3

INTERNSHIP PART

Description of the Activities/Responsibilities in the Intern Organization during Internship,

which shall include - details of working conditions, weekly work schedule, equipment used,
and tasks performed. This part could end by reflecting on what kind of skills the intern
acquired. During the 2-month internship tenure Excelr Edtech pvt.Ltd, we were have gained
knowledge on Web development/Java script. The following is a detailed description of the
activities and responsibilities:

Web development refers to the creating, building, and maintaining of websites. It includes
aspects such as web design, web publishing, web programming, and database management.
It is the creation of an application that works over the internet i.e. websites.

The word Web Development is made up of two words, that is:

• Web: It refers to websites, web pages or anything that works over the internet.

• Development: It refers to building the application from scratch.

Web Development can be classified into two ways:

• Front-End Development.

• Back-End Development.

Database plays a critical role in web app development. It is one of the most important aspects
of building an application. Database design plays a key role in the operation of your website
and provides you with information regarding transactions, data integrity, and security issues.
In this article, you will learn the role of databases in web application development. You will
also learn about the most popular web app databases and how to connect databases to the
web applications.

It is also known as the scripting language for webpages. It is well-known for the development
of web pages, and many non-browser environments also use it.

Frontend development in web development refers to the part of a website or web

application that users interact with directly. It involves creating the visual elements and
user interfaces that provide a seamless and engaging user experience. It requires staying

11
updated with the latest trends and technologies to create modern, user-friendly web
experiences.

key aspects in frontend development:

HTML (Hyper-Text Markup Language):

• The backbone of web content; used to structure the content on the web.

CSS (Cascading Style Sheets):

• Used for styling the visual presentation of web pages, including layout, colors, fonts,
and animations.

JavaScript:
• A programming language that adds interactivity and dynamic features to websites, such
as form validation, animations, and user interaction handling.

Frameworks and Libraries used in Front-end Development:

React:
• A JavaScript library for building user interfaces, particularly single-page applications.
It allows for the creation of reusable UI components.

Angular:
• A platform for building mobile and desktop web applications. It provides a
comprehensive solution with a powerful framework.
Tools and Resources we use in front-end development:
Version Control (Git):
• Essential for managing code changes and collaborating with other developers.
Package Managers (npm, Yarn):
• Tools to manage libraries and dependencies for projects.

Responsive Design:
• Techniques such as media queries to ensure that websites work well on various devices
and screen sizes.

Hypertext Markup Language:

12
 It is the standard markup language for creating the websites. It describes the structure
of a Web page. HTML elements tell the browser how to display the content. HTML
elements label pieces of content such as "this is a heading", "this is a paragraph", "this
is a link", etc.

HTML Element:

An HTML element is defined by a start tag, some content, and an end tag:

<tagname> Content goes here... </tagname>

The HTML element is everything from the start tag to the end tag:

<h1>My First Heading</h1>

<p>My first paragraph.</p>

For Example:

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

• The <!DOCTYPE html> declaration defines that this document is an HTML5

document

• The <html> element is the root element of an HTML page

• The <head> element contains meta information about the HTML page

• The <title> element specifies a title for the HTML page (which is shown in the
browser's title bar or in the page's tab)
14
•
The <body> element defines the document's body, and is a container for all the
• The <h1> element defines a large heading

• The <p> element defines a paragraph

Cascading style sheet(CSS):

Cascading Style Sheets, or CSS, is what gives our HTML visual appeal and draws in

the user. To put it simply, style sheets dictate the presentation of HTML elements on

a page. CSS is what makes everything not look like a white background with a bunch

of Times New Roman texts and blue hyperlinks Styles are what transition beautiful

designs onto a site. CSS describes how HTML elements are to be displayed

Example:

<style>

body {background-color:lightblue; text-

align:center;} h1 {color:blue; font-size:40px;} p
{font-family:verdana; font-size:20px;}

</style>

CSS Syntax

A CSS rule consists of a selector and a declaration block:

The selector points to the HTML element to style (h1).

The declaration block (in curly braces) contains one or more declarations separated
by semicolons.Each declaration includes a CSS property name and a value,
separated by a colon.
16
In the following example all <p> elements will be center-aligned, red and have a
There are 2 types in CSS which we can write our code:

1.External style sheet

2.Inline Style

1.External Style Sheet:

It Is A CSS style sheet can be stored in an external file.In which we link our css
code in our html code with a link tag. External style sheets are linked to
HTML pages with <link> tags

CSS File Sheet: mystyle.css

body {background-color: orange; font-

family:verdana} h1 {color: white;} p {font-size: 20px;

Our HTML code:

<!DOCTYPE html>
<html>
<link rel="stylesheet" href="mystyle.css">
<body>
<h1>My First CSS Example</h1>
<p>This is a paragraph.</p>
</body>
</html>

2.Inline CSS:
In which we include our css code in html file. We write our css code in html
tag .and the html code and css file will be in the same file.we can apply our
styles according to the given tags in the same file. We apply our styles in the
given tags itself. By applying styles to the elements the website looks very
attractive.
 Responsive Web Design:
Responsive Web Design is about using HTML and CSS to automatically resize a
website. Responsive Web Design is about making a website look good on all devices
(desktops, tablets, and phones):

When making responsive web pages, we should add the following <meta> element
to all your web pages:

Example:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Java Script:

JavaScript is the Programming Language for the Web. JavaScript is used in millions of
Web pages to improve the design, validate forms, detect browsers, create cookies, and
much more. JavaScript is the most popular scripting language on the Internet, and
works in all major browsers, such as Internet Explorer, Mozilla Firefox, and Opera.

What is JavaScript?

• JavaScript was designed to add interactivity to HTML pages

• JavaScript is a scripting language
• A scripting language is a lightweight programming language
• JavaScript is usually embedded directly into HTML pages
• JavaScript is an interpreted language (means that scripts execute without
preliminary compilation)
• Everyone can use JavaScript without purchasing a license
• JavaScript can update and change both HTML and CSS.
• JavaScript can calculate, manipulate and validate data.

What can a JavaScript Do ?

• JavaScript gives HTML designers a programming tool - HTML authors are

normally not programmers, but JavaScript is a scripting language with a very
simple syntax! Almost anyone can put small "snippets" of code into their HTML
pages

18
 • JavaScript can put dynamic text into an HTML page - A JavaScript statement like
this: document.write("" + name + "") can write a variable text into an HTML page
• JavaScript can react to events - A JavaScript can be set to execute when
something happens, like when a page has finished loading or when a user clicks on
an HTML element
• JavaScript can read and write HTML elements - A JavaScript can read and change
the content of an HTML element
• JavaScript can be used to validate data - A JavaScript can be used to validate form
data before it is submitted to a server. This saves the server from extra processing

• JavaScript can be used to detect the visitor's browser - A JavaScript can be used to
detect the visitor's browser, and - depending on the browser - load another
page specifically designed for that browser.

Java Script Variables: JavaScript variables are containers for storing data values.

Example: In this example, x, y, and z, are variables:

var x= 5; var
y= 6; var z =
x + y;
From the example above, you can expect:
• x stores the value 5
• y stores the value 6
• z stores the value 11

JavaScript Numbers:
JavaScript has only one type of number. Numbers can be written with or without decimals.

Example:

v
ar x = 3.14; // A number with decimals var y = 3; // A number without decimals

All numbers are stored as double precision floating point numbers.

The maximum number of decimals is 17, but floating point is not always 100% accurate:

19
 Example:

var x = 0.2 + 0.1; // x will be 0.300000000000000

JavaScript Strings:

Strings store text. Strings are written inside quotes. You can use single or double quotes:
Example:

var carname = "Volvo XC60"; // Double quotes

var carname = 'Volvo XC60' ; // Single quotes

The length of a string is found in the built in property length:

Example:

var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";

var sln = txt.length;

JavaScript Objects:

You have already learned that JavaScript variables are containers for data values.

This code assigns a simple value (Fiat) to a variable named car:

var car = "Fiat";

Objects are variables too. But objects can contain many values.

This code assigns many values (Fiat, 500, white) to a variable named car:

var car = {type:"Fiat", model:"500", color:"white"};

JavaScript Arrays:
JavaScript arrays are used to store multiple values in a single variable.
Example:
var cars = ["Saab", "Volvo" , "BMW"];

JavaScript Functions:

A JavaScript function is a block of code designed to perform a particular task.

20
A JavaScript function is executed when "something" invokes it (calls it).
Example:
function myFunction(p1, p2) {
return p1 * p2; // The function returns the product of p1 and p2 }

HTML CANVAS GRAPHICS:

The HTML <canvas> element is used to draw graphics on a web page. The <canvas> element is
only a container for graphics. You must use JavaScript to actually draw the graphics. Canvas has
several methods for drawing paths, boxes, circles, text, and adding images. Canvas is supported by all
major browsers

Canvas Example:
A canvas is a rectangular area on an HTML page. By default, a canvas has no border and no
content.
The markup looks like this:
<canvas id="myCanvas" width="200" height="100"></canvas>
Note: Always specify an id attribute (to be referred to in
a script), and a width and height attribute to define the size of the canvas. To
add a border, use the style attribute.
Here is an example of a basic, empty canvas:
Example

<canvas id="myCanvas" width="200" height="100" style="border:1px solid #000000;">

</canvas>

Add a JavaScript:
After creating the rectangular canvas area, you must add a JavaScript to do the drawing.
are some examples:
Draw Here a Line:

Example
<script>
var c = document.getElementById("myCanvas");

21
var ctx = c.getContext("2d");
ctx.moveTo(0, 0); ctx.lineTo(200,
100);
ctx.stroke();
</script>
Draw a Circle:

Example:
<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.beginPath();
ctx.arc(95, 50, 40, 0, 2 *
Math.PI); ctx.stroke(); </script>

BACK-END DEVELOPMENT:
Backend development is the creation and maintenance of the server side of a web
application. It involves managing the server, databases, and application logic to ensure
smooth functionality.
Backend developers work with languages like JavaScript (Node.js), Python, Ruby,
Java, or PHP, handling tasks such as server management, database interactions, and
security measures.
They enable communication between the front-end and back-end, ensuring the overall
performance and functionality of the web application
A Back-End developer handles servers, databases, and APIs. In short, one who stores and
organizes data communicates with the UI (Front-End) and performs server-side management.
For building the structure of a web application, a back-end developer is responsible. That
data is stored in the database which is handled by the back-end, the sign-in button you see
renders you to another page when you enter details that API call is made by the back-end, and
also the server-side rendering is handled all by the back-end developers. The web server runs
websites, it stores, processes, and delivers (response) web pages to the user’s request. An HTTP server
comprises several components which can understand HTTP and URLs.

22
We’re going to write backends with Node.JS. Its Easy to get into after learning JS (it’s JS) it is
an Event based really efficient for sending lots of quick updates to lots of clients Why not use
Node? Bad for CPU heavy stuff It’s relatively immature.
Hello World API (Flask)
This simple program creates a basic API that returns "Hello, World!" when accessed. python

Create views in views.py:

23
Run the server:

24
 CHAPTER 4

ACTIVITY LOG FOR THE FIRST WEEK

Day & Brief Discussion of the Daily Learning Outcomes Person in charge
Activity signature
Date

Day-1 Introduction on what is a website and Learned what is a website .

12-06-2024 how websites work.

Got to know how websites

work .and the differences
About web development and its b/w Front-end and
Day-2 types. Front-end vs back-end Backend.
13-06-2024 development.
Learnt in detail about the
Aim to learn about Front-end front-end development. and
development. And the languages to write the code in
Day-3 used in front-end. And on to write the notepad, VS code.
14-06-2024 code on notepad, VS code
Learnt in detail about the
Day-4 Back-end and the
Aim to learn Overview on the languages used in it.
15-06-2024 Backend and the languages used in it.
Day-5 Aim to learn Overview of javascript Learnt about of javascript
16-06-2024 and databases used in web and databases used in
development. web development..

Day-6 Aim to learn about Learnt about HTML and its

17-06-2024 HTML(Hypertext-markup- basics.
language).and some basics
about it.

WEEK ONE REPORT

WEEK – 1 From 12-06-2024 to 17-06-2024

25
This internship has aimed at gaining hands on experience on web development/java script.
In the First week we have learned about the basics of web development and about its types. We
have pursued the internship on virtual mode, during the initial starting of the internship they
have explained about basics of the concept which will be covered in this internship.
In first week.
on the 1st day - Explored Introduction on what is a website and how websites work.
On 2nd day - we have learnt on About web development and its types. Front-end vs back-end
development.
On the 3rd day - we studied about Front-end development. And the languages used in front-end.
And on to write the code on notepad, VS code.
On the 4th day - we have covered the Back-end and the languages used in it.
On the 5th day - we covered the javascript and databases used in web development.
On the 6th day - Learnt about HTML(Hyper-text-markup-language).and some basics about it.

26
 ACTIVITY LOG FOR THE SECOND WEEK
Day & Brief discussion of the Learning outcomes Person in
date daily activity charge
signature

Learnt about HTML

Aim to learn about HTML elements
Day-1 and tags used in HTML. with some elements and tags used in
examples. HTML.
22-07-2024
Aim to learn html with more Learn some more
Day-2 examples for better understanding on examples on html.
23-07-2024 creating the front of the website.
Aim to learn about how to style a Learnt about
Day-3 website using CSS(cascading-
css(cascading-stylesss
stylesheeet).
24-07-2024
Day-4 Aim to learn on CSS with some Learnt about CSS with
25-07-2024 examples on it. some examples on it.

Day-5 Aim to learn on different types of Learnt on different types

26-07-2024 CSS & selectors. of CSS & selectors.

Aim to learn pseudo element Learnt about pseudo

concept & the list-style-type- element concept & the
property & different classes in css. list-style-type-property
Day-6 & different classes in
28-07-2024 css.

WEEK TWO REPORT

WEEK – 2 From 22-07-2024 to 27-07-2024

In the second week.

On the 1st day - we learnt about HTML elements and tags used in HTML, with some examples.
On 2nd day - we learned html with more examples for better understanding on creating the
front of the website.
On 3rd day - We have learnt about how to style a website using CSS(cascading-style-sheeet).
On 4th day - we have explored CSS with some examples on it. - On
5th day - on different types of CSS & selectors.

27
On 6th day - we learnt about pseudo element concept & the list-style-type-property & different
classes in CSS.

28
 ACTIVITY LOG FOR THE THIRD WEEK
Day & date Brief discussion of the daily Learning outcomes Person in
activity charge
signature

Aim to learn about display types in Learnt display types in

Day-1 CSS and some examples on it. CSS and some examples on
29-07-2024 it.

Aim to learn about flex layout and Learnt about flex layout and
grid layout and its types with some grid layout and its types with
Day-2 examples. some examples.
30-07-2024
Learnt about javscript.
Aim to learn about javascript and its
Day-3 use in websites, and how to
31-07-2024 include .js file in html code.
Learnt JavaScript datatypes.
Aim to learn on how to create a .js
Day-4 file with some basics examples and
01-08-2024 data types in javascript.
Aim to learn about functions in Got to know about
JavaScript & types of operators in functions in JavaScript &
JavaScript. types of operators in
Day-5 JavaScript.
02-08-2024
Aim to learn about loops & Learnt the fundamentals of
array elements in JavaScript, with loops & array elements in
some examples JavaScript, with some
examples
Day-6
04-08-2024

29
 WEEK THREE REPORT

WEEK – 3 From 29-07-2024 to 04-08-2024

In the third week.

On the1st day - we have learnt about display types in CSS and some examples on it.
On 2nd day - we have learnt about flex layout and grid layout and its types with some examples.
On 3 rd day - we have discussed about about javascript and its use in websites, and how to
include .js file in html code.
On 4th day - studied on how to create a .js file with some basics examples and data types in
JavaScript.
On 5th day - we have learnt functions in JavaScript & types of operators in JavaScript.
On 6th day - we have studied about loops & array elements in JavaScript, with some
examples.

30
 ACTIVITY LOG FOR THE FOURTH WEEK
Day & Brief discussion of the daily Learning outcomes Person in
date activity charge
signature

Aim to learn about Frameworks and Got basic view

Libraries like react,angular,vue.js in Frameworks and Libraries
JavaScript. like react,angular,vue.js in
JavaScript.
Day-1
05-08-2024
Learnt on how To ensure
Aim to learn on how To ensure clean and maintainable
clean and maintainable JavaScript JavaScript code
code to use use descriptive variable
and function names, Organize code
Day-2 into functions etc..
06-08-2024

Learnt about canvas &

Day-3 Aim to learn about canvas & how it how it is used to draw the
07-08-2024 is used to draw the diagrams. diagrams
Aim to learn canvas for text in Learnt the overview of the
Day-4 images, to draw an image in canvas canvas.
with some examples.
08-08-2024
Aim to learn JavaScript Validarion, Learnt JavaScript
callback function, number Validarion, callback
Day-5 validation, password verification& function & closure in
09-08-2024 closure in JavaScript. JavaScript.
Aim to learn what is Jason with Learnt about Jason,
Day-6 some examples, and encapsulation usage in
encapsulation usage in JavaScript. JavaScript.
11-08-2024

31
 WEEK FOUR REPORT

WEEK – 4 From 05-08-2024 to 11-08-2024

In the fourth week

On 1st day - we have learnt about the Frameworks and Libraries like react,angular,vue.js in
JavaScript.

On 2nd day - we studied how To ensure clean and maintainable JavaScript code to use use
descriptive variable and function names, Organize code into functions etc..

On 3rd day - we have learnt about canvas & how it is used to draw the diagrams.

On 4th day - we have studied about canvas for text in images, to draw an image in canvas
with some examples.

On 5th day - we have learnt JavaScript Validarion, callback function, number validation,
password verification& closure in JavaScript.

On 6th day - we have studied about what is Jason with some examples, and encapsulation
usage in JavaScript.

ACTIVITY LOG FOR THE FIFTH WEEK

Day & Brief discussion of the daily Learning outcomes Person in
activity charge
date
signature

Day-1 Aim to learn about what is GIT & Learnt about GIT & GIT
12-08-2024 GIT hub. hub.

Aim to learn about databases and Learnt about databases and

its types . Relational Databases its types and its applications.
(RDBMS), NoSQL Databases,
Day-2 CRUD Operations, Database
14-08-2024 Management Tools
Day-3 Introduction on back-end
and Learnt about java and its
16-08-2024 about java which we write our history and how it works
code in back-end. and java

32
 introduction and its history
To install Java, Download and Installed java .
install the JDK (Java
Day-4 Development Kit).
17-08-2024
Aim to install and Use an Installed an ide
Integrated Development environment to run our
code.
Environment like IntelliJ IDEA or
Eclipse to write and manage your
Day-5 code.
18-08-2024
Aim to learn the datatypes in Learnt about what is a
Day-6 java, what are variables with some variable, data types with
examples examples
19-08-2024

WEEK FIVE REPORT

WEEK – 5 From 12-08-2024 to 19-08-2024

In the fifth week

On the 1st day - we have learnt about what is GIT & GIT hub..
On the 2nd day - we have learned about databases and its types . Relational
Databases (RDBMS), NoSQL Databases, CRUD Operations, Database Management Tools.
On the 3rd day - back-end and about java which we write our code in back-end. and java
introduction and its history.
On the 4th day - we install Java, Download and install the JDK (Java Development Kit). On
the 5th day - we install and Use an Integrated Development Environment like IntelliJ IDEA or
Eclipse to write and manage your code.
On the the 6th day - we have learned the datatypes in java, what are variables with some
examples.

33
 ACTIVITY LOG FOR THE SIXTH WEEK
Day & Brief discussion of the daily Learning outcomes Person in
activity charge
date
signature

Aim to learn the datatypes in Learnt about what is a

Day-1 java, what are variables with variable, data types with
some examples examples
21-08-2024
Aim to learn about what is Learnt about the classes in
a class, structure of a class java, functions and its types
and functions in java its
Day-2 declaration, body, cell and its
22-08-2024 types
Aim to learn about java Learnt about java frame
frameworks like spring works like spring boot a A
framework, Maven/Gradle popular framework for
building web applications
quickly. Create RESTful APIs
Day-3 with Spring Boot
23-08-2024
Learnt on how to connect
Java applications to databases
Aim to learn on how to connect using JDBC Learnt on how to
Java applications to databases connect Java applications to
Day-4 using JDBC databases using JDBC
24-08-2024
Aim to create restful apis, earn Learnt on how to create restful
Day-5 to define routes, handle apis.
requests, and return responses
25-08-2024

Day-6 Aim to learn on how to build Learnt on how to build

Security in Java Applications security in java applications.
26-08-2024

WEEK SIXTH REPORT

34
 WEEK – 6 From to

In the sixth week

On the 1st day we have learnt learn the datatypes in java, what are variables with some
examples.
On the 2nd day we have learned about what is a class, structure of a class and functions in java
its declaration, body, cell and its types .
On the 3rd day about java frameworks like spring framework, Maven/Gradle. On the
4th day we Aim to learn on how to connect Java applications to databases using
JDBC .
On the 5th day to create restful apis, earn to define routes, handle requests, and return
responses.
On the 6th day we learn on how to build Security in Java Applications.

CHAPTER 5: OUTCOMES DESCRIPTION

35
When completing a web development program with a focus on JavaScript, graduates are
expected to achieve a variety of competencies that prepare us for the role of web developers.

Here’s a comprehensive outline of key outcomes:

1.Proficiency in HTML, CSS, and JavaScript

Outcome: Graduates will be able to create and style web pages using HTML, CSS, and
JavaScript.

Skills Acquired:

• Understanding HTML structure and semantic elements.

• Mastery of CSS for layout, design, and responsive design.

• Proficiency in JavaScript for adding interactivity and dynamic content.

2. Frontend Development Skills

Outcome: Graduates will be capable of building user interfaces for web applications.

Skills Acquired:

• Familiarity with frontend frameworks/libraries (e.g., React, Vue.js, or Angular).

• Ability to implement responsive design principles for various devices.

• Knowledge of state management and component-based architecture.

3. Backend Integration

Outcome: Graduates will understand how to connect frontend applications to

backend services.

Skills Acquired:

• Knowledge of RESTful APIs and how to consume them using JavaScript

(e.g., fetch API, Axios).

• Understanding of asynchronous programming (callbacks, promises,

async/await).
4. Version Control and Collaboration

36
 Outcome: Graduates will be adept at using version control systems to collaborate
on projects.

Skills Acquired:

• Proficiency in Git for managing code versions and collaborating with

teams.

• Familiarity with platforms like GitHub or GitLab for project management

and code sharing.

5. Testing and Debugging

Outcome: Graduates will know how to test and debug their applications effectively.

Skills Acquired:

• Understanding of various testing methods (unit tests, integration tests,

endto-end tests).

• Familiarity with testing frameworks (e.g., Jest, Mocha) and debugging

tools (e.g., browser dev tools).

6. Understanding of Web Development Best Practices

Outcome: Graduates will be aware of best practices in web development for

performance, security, and accessibility.

Skills Acquired:

• Knowledge of performance optimization techniques (minification, lazy

loading).

• Understanding of web accessibility standards (WCAG) to create inclusive

applications.

• Familiarity with security practices to protect applications from common

vulnerabilities (e.g., XSS, CSRF).

7. Basic Knowledge of Databases

37
 Outcome: Graduates will have a foundational understanding of databases and data
management.

Skills Acquired:

• Familiarity with relational (SQL) and non-relational (NoSQL) databases.

• Understanding of how to perform CRUD operations and connect to

databases from a web application.

8. Project Development Experience

Outcome: Graduates will have practical experience through individual or group

projects.

Skills Acquired:

• Ability to apply learned concepts in real-world scenarios.

• Experience in project planning, development, and deployment.

• Skills in creating a portfolio to showcase their work.

9. User Experience (UX) and User Interface (UI) Principles

Outcome: Graduates will understand basic UX/UI principles to create user-friendly

applications.

Skills Acquired:

• Ability to design intuitive user interfaces and enhance user experience.

• Familiarity with design tools (e.g., Figma, Adobe XD) for prototyping and
mockups.

10. Lifelong Learning and Adaptability

Outcome: Graduates will be equipped with the mindset and resources to continue
learning in the rapidly evolving field of web development.

Skills Acquired:

• Ability to stay updated with the latest technologies and industry trends.

38
 • Skills in self-directed learning and using online resources effectively.
Student Self Evaluation of the Short-Term Internship
Student Name : S Ajay Kumar. Registration
Number: 22NA1A0558.
Term of Internship : From: To:
Date of Evaluation :
Organisation Name & Address :
Please rate your performance in the following areas:
Rating Scale: Letter grade of CGPA calculation to be provided

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
Self-confidence 6
1 2 3 4 5
Ability to learn
7
1 2 3 4 5
8 Work Plan and organization 1 2 3 4 5
Professionalism 9
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

Date: Signature of Student:

39
 Evaluation by the supervisor of the intern organisation
Student Name : S Ajay Kumar.
Registration Number: 22NA1A0558.
Term of Internship : From : To:
Date of Evaluation :
Name & Address of the Supervisor with mobile number:
Please rate your performance in the following areas:
Rating Scale: Letter grade of CGPA calculation to be provided

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

Date: Signature of Student:

PHOTOS AND VIDEOS

40
FIG.1

FIG.2

41
FIG.3

FIG.4

FIG.5

42
FIG.6

EVALUATION

43
 Internal Evaluation for Short Term Internship
(On-site/Virtual)
Objectives:
• To integrate theory and practice.

• To learn to appreciate work and its function towards the future.

• To develop work habits and attitudes necessary for job success.

• To develop communication, interpersonal and other critical skills in

the future job.
• To acquire additional skills required for the world of work.
Assessment Model:
• There shall only be internal evaluation.

• 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 assessment is to be conducted for 100 marks.
• 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.
• The weightings shall be:
o Activity Log 25
marks
o Internship Evaluation 50marks o Oral
Presentation 25
marks
• Activity Log is the record of the day-to-day activities. The Activity
Log is assessed on an individual basis, thus allowing for
individual members within groups to be assessed this way. The
assessment will take into consideration the individual student’s
involvement in the assigned work.
• While evaluating the student’s Activity Log, the following shall be
considered

The individual student’s effort and commitment.

44
The originality and quality of the work produced by the individual
student.
The student’s integration and co-operation with the work
assigned. The completeness of the Activity Log.

45
INTERNAL ASSESSMENT STATEMENT

46
47
Name Of the Student: S Ajay Kumar.

48
Programme of Study: BTech
Year of Study:

49
Group:

50
Register No/H.T. No: 22NA1A0558.

51
Name of the College: LINGAYAS INSTITUTE OF MANAGEMENT AND

52
TECHNOLOGIES.

53
University: KAKINADA.

54
55
Sl.No Evaluation Criterion Maximum Marks
Marks Awarded
1. Activity Log 25
2. Internship Evaluation 50
3. Oral Presentation 25
GRAND TOTAL 100

Seal:

56
 Date: Signature of the Faculty Guide

Certified by

Date: Signature of the Head of the

Department/Principal

57