INDUSTRIAL INTERNSHIP TRAINING AT

CSC ACADEMY

REPORT
Submitted by

JOSEPH SAIMAN . L
2003022

In partial fulfillment of completion of mandatory courses required under Autonomous

Regulations 2018 of PSN College of Engineering and Technology (Autonomous) ,Tirune1ve1i-
627152

For the award of the degree of B.E(computer science and engineering)

PSN COLLEGE OF ENGINEERING AND

TECHNOLOGY (AUTONOMOUS)
Melathediyoor,Tirunelveli—627152
 INDUSTRY/ORGANISATIONLETTERHEAD

Date:31-10-2022

CERTIFICATE

This is to certify that Mr, JOSEPH SAIMAN.L , studying Third Year B.E- Computer Science and
Engineering in PSN College of Engineering and Technology (Autonomous), Tirunelveli has undergone
Industrial
InternshipTraining in our organization froml 7-10-2022 to 31-10-2022 (Both days inclusive).

CSC ACADEMY
PLAN tÆS.G%
219 Eus St"
Dnarapvtan

SIGNATUREWITHSEAL
 INDUSTRIALINTERNSHIPTRAINING

BONAFIDECERTIFICATE

Certified that this Industrial Internship Training Report titled WEB DEVELOPMENT FOUNDATION is a

Bonafide work done by Mr.L.JOSEPH SAIMAN for the successful completion of his mandatory Course

under

Autonomous Regulations 2018 of PSN College of Engineering and Technology (Autonomous),Tirunelveli

Mrs.J.YAMUNA BEE
DrM.VARGHEESEB.E.,M.Tech., Ph.D., Coordinator
Head of the Department, (Industrial Internship
Computer Science and Engineering Training)
CSE Department
INDUSTRIALINTERNSHIPTRAINING

DECLARATION

1 affirm that the Industrial Internship Training report titled "WEB DEVELOPMENT FOUNDATION "is
Submitted in partial fulfillment of completion of mandatory courses required under Autonomous
Regulations 2018 of PSN College of Engineering and Technology (Autonomous), Tirunelveli — 627152
for the award of the degree of B.E. Computer Science and Engineering is the original work carried out by
me at Csc academy.
Plays Software from (17-10-2022 to 31-10-2022.)

JOSEPH
SAIMAN.L
Regno:2003022
 Abstract
Web development is the work involved in developing a website for the Internet (World Wide Web) or
an intranet (a private network). Web development can range from developing a simple single static
page of plain text to complex web applications, electronic businesses, and social network
services.There are three types of web development roles are there front-end,back-end,full stack.

UI/UX Design is the practice of designing digital products with a user-first approach.ln other words,
the point of UI/UX design is to create a product that will be both visually appealing and highly
pleasant to interact with. A common misconception is that UI and UX come down to the same thing
and that they are just one discipline, but that is not entirely true. They are separate disciplines that
focus on different aspects of the user's journey with a digital product. However, they overlap in many
ways and are so closely connected that they've largely merged into one profession.

UI design relates to the appearance and feel of a digital product. It focuses on visual
factors like buttons, fonts, colour schemes, images, interactive elements, etc. UX is the experience a
user has interacting with the product. Its main focus is enabling seamless goal achievement for users.
We can look at the difference through the example of a car. The UX would be the mechanics of your
car, like engine power, transmission type or fuel consumption. The UI would be the aesthetics, such as
the livery, paint, rims, dashboard or seats.

UX design is responsible for making sure that the user's interaction with a digital product is
as fast, easy and efficient as possible. They are not concerned with visuals; they map out the user
journey and strategise to solve users' pain points and meet their needs. The outcome of that is a
wireframe — a blueprint of the product.UI design pick up where UX designers leave off. Their role is
to bring the digital product to life based on the wireframe provided. As for UI, the point is to make the
interface aesthetically pleasant for users, but also to add to the efficiency and ease that the UX
designer has planned out.
 TABLEOFCONTENT
S.NO TITLE PAGENO
ABSTRACT i

1 INTRODUCTION 2
i Company Background 2

ii Training Objective 2

iii Student's Work Assignment 2

2 TECHNICALSECTION 3
i Html 3

ii Css 3

iii Node.js. 3

iv Features of Node.js. 4

v The Node.js run time. 5

3 CONCLUSIONANDRECOMMENDATION 6

4 STUDENT'SFEEDBACK 6

5 REFERENCE 8
 TABLE OF ABBREVIATIONS

ABBREVAT ION MEANING

HTML Hyper Text Markup Language
css Cascading Style Sheet
URL Uniform Resources Locators
Node .js Node JavaScript
Operating System X
LINUX Lovable Intellect Not Using XP
API Application Programming Interface
SunOS SUN Operating System
Mac OSX Macintosh Operating System X
 1
INTRODUCTION
1.1 CompanyBackground:
"CODERPLAYS TECHNOLOGIES"is a leading technological organizationin Thiruppur utterly for
Real Time Project training &Technology Training in the IT industry. Coder plays technologies an India
based mid-sized company that offers abroad range of applications development customization,
consultancy services, and training. We specialize in helping business and enterprise companies get them
out from their application customization and business processes of they run at their stay running and are
built to adapt tone directions.

1.2 TrainingObjective:
InternshipTraining for theWEB DEVELOPMENT FOUNDATION technology in
Computer Science Department Students.During from 17-10-2022t031-10-
2022.Thestudentshaveparticipated and complete the min clarification his session.

1.3 Student's Work Assignment:

Date Class Assignment

17-10-2022 Introduction of UI/UX Basic work

18-10-2022 Software Installation Installation

 19-10-2022 Introduction of html Basic work in html

20-10-2022 Tags,Elements,Attributes Design a website using tags,

elements, attributes
21-10-2022 Styles and formatting Design a website using styles
and formatting

22-10-2022 Introduction of CSS Basic works in CSS

26-10-2022 Types of Style sheets Design a website using style

sheet

27-102022 Link and image Design a website using

links&image

28-10-2022 Design a website using div,

class,id
29-10-2022 File path and responsive Design a website file path &
responsive
31-10-2022 Simple website creation Design a complete website
 2

2 TECHNICALSECTION

2.1 HTML
HTML is the code that is used to structure a web page and its content. HTML elements as the
building blocks of a web page. Elements are defined by their opening and closing tags and can be nested
within other elements. Web developers use elements to structure a web page into sections, headings, and
other content blocks.ln the HTML <div>tag is used to wraps around the other elements. Div is one of the
most common HTML elements and is a simple way to separate a page into sections.
Nested inside the div, we see an <hl> element. HI elements define the main heading of a web
page. The text within a heading will usually be larger and bolder, depending on the styles applied to the
page. The <p> tag creates a paragraph element. There will usually be a margin after the element, again,
depending on the styles. feature of HTML is that it can interact with your operating system, not just with
your web browser. These features make it possible to drag files onto a web page to upload them,
fullscreen a video, and more.

2.2 css
CSS is used for defining the styles for web pages. It describes the look and formatting of a document
which is written in a markup language. It provides an additional feature to HTML. It is generally
used with HTML to change the style of web pages and user interfaces.lt is easier to make the web
 pages presentable using CSS. It is easy to learn and understand and used to control the presentation
of an HTML document. CSS helps us to control the text color, font style, the spacing between
paragraphs, sizing of columns, layout designs, and many more. It is independent of HTML

The HTML <img> tag is used to embed an image in a web page. The <img> Tag has
required two attributes that are src and alt .Responsive is used to set the image automatically resize
itself to fit the size of its container. The <link> tag defines the relationship between the current
document and an external resource (URL).

An internal style sheet may be used if one single HTML page has a unique style. The
internal style is defined inside the <style> element, inside the head section. An inline style may be
used to apply a unique style for a single element. To use inline styles, add the style attribute to the
relevant element. The style attribute can contain any CSS property. An external style sheet can be
written in any text editor, and must be saved with a . css extension.HTML and CSS is used to design
a frontend of the website.

2.3 Node.js
Node.js is an open source, cross-platform runtime environment for developing server-side and
networking applications. Node.js applications are written in JavaScript, and can be run within theNode.js
runtime on OSX, Microsoft Windows and Linux. Node.js also provides a rich library of various JavaScript
modules which simplifies the development of web applications using Node.js to a great extent.

3
Node.js lets developers use JavaScript to write command line tools and for server-side scripting
running scripts server-side to produce dynamic webpage content before the page is sent to the user's
web browser. Node. js uses an event-driven, non-blocking I/O model that makes it lightweight and
efficient, perfect for data-intensive real-time applications that run across distributed devices

2.4 Features of Node.js:

Following are some of the important features that make Node.js the first choice of software architects.

•Asynchronous and Event Driven :

All APIs of Node.js library are asynchronous that is, non-blocking. It essentially means a Node.js based
server never waits for an API to return data. The server moves to the next API after calling it and a
notification mechanism of Events of Node.js helps the server to get a response from the previous API
call. every Fast :
 Being built on Google Chrome's V8 JavaScript Engine, Node.js library is very fast in code
execution.
•No Buffering:
Node.js applications never buffer any data.These applications simply output the data in chunks.
•License:
Node.js is released under the MIT license

Architecture Diagram

Debugger

Streaming

DNS

Domain

Global

Net

2.5 TheNode.js Runtime

The source code written in source file is simply java script. The Node.js interpreterwill be used to

4
interpret and execute your JavaScript code. Node.js distribution comes as abinary installable for SunOS,
Linux, Mac OS X, and Windows operating systems with the32-bit (386)and64-bit (amd64) x86 processor
architecture
 5

3 CONCLUSIONANDRECOMMENDATION:

A user interface is the point of interaction between the user and a digital device or product .UI
design considers the look, feel, and interactivity of the product. It's all about making sure that the user
interface of a product is as intuitive as possible, and that means carefully considering each and every
visual, interactive element the user might encounter.

User experience design is a human-first way of designing products. Don Norman, a cognitive scientist
and co-founder of the Nielsen Norman Group Design Consultancy, describe the UX that is "User
experience encompasses all aspects of the end-user's interaction with the company, its services, and its
products". User experience design is the process of developing and improving the quality of interaction
between a user and all facets of a company.UX design is NOT about visuals; it focuses on the overall feel
of the experience.User Experience (UX) and User Interface (UI) are some of the most confused and
misused terms in our field. A UI without UX is like a painter slapping paint onto a canvas without
thought; while UX without UI is like the frame of a sculpture with no paper match on it. A great product
experience starts with
UX followed by UI. Both are essential for the product's success.

4 STUDENT'S FEEDBACK
"I thoroughly enjoyed my internship and now I have a very valuable experience under my belt. I
know this will help when looking for jobs and needing references. I was reading it in the beginning, but
now I am so happy it was required. As much as the curriculum changes. I hope that class remains
constant."
 6

This Certificate Is awarded to

Ms./Mr. JOSEPH SAIMAN.L
of PSN COLLEGE OF ENGINEERING AND
TECHNOLOGY has Successfully Completed a 15
Days Course
Web Development Foundation Course at CSC ACADEMY
From 17/10/2022 To 31/10/2022

His/Her involvement and Performance are

Highly Commendable.

Ä.ViGNES B.E(CSE) CSC ACADEMY

TRAINERSoftwares and IT Services
BC, Subhasri Complex, #8c, Subhasri Complex,
PNK SPT (OPP). Dharapuram Road, PNK SRT Road,
• 641 608
Tirupur - 641608

5 REFERENCE
"Fundamentals of Creating a Great UI/UX" by Creative Tim
"Refactoring UI" by Steve Schoger & Adam Wathan
The Design of Everyday Things" by Don Norman
8