1OX22MC055 Full Stack Web Development

1. Objective of Organization
Dotch Endeavours Private Limited, established in 2023, stands as a privately held company
operating under non-governmental classification headquartered in Saraswathipuram, Mysore.
Our firm is duly registered at the Registrar of Companies, Bangalore, solidifying our
commitment to legal compliance and operational transparency within the industry.As a leading
software company, we specialize in crafting cutting-edge technology solutions tailored to meet
diverse business needs. Our commitment to excellence drives us to deliver robust software
products and services, empowering businesses to thrive in the digital landscape.
At Dotch Endeavours, we merge expertise with creativity to redefine possibilities and drive
tangible outcomes for our clients. Dotch Endeavours initiated InternLeap, an independent
platform designed to provide students with immersive training opportunities and engagement
in real-time industrial projects.
Additionally, through InternLeap, we offer skill-focused, hands-on training. Our expertise
spans across multiple domains including Full-Stack Web Development, Industrial Automation,
Product Design, Python & Deep Learning, Embedded Systems, Android/iOS Development,
and Cloud Computing, ensuring a comprehensive approach to skill enrichment and
professional development.
Dotch Endeavours offers an immersive internship program tailored for aspiring computer
science enthusiasts. Rooted in hands-on experiences, this program blurs the lines between
theory and practice, inviting students to frequent their offices for real industry-based projects.
Under the guidance of seasoned mentors and industry experts, participants delve into the
complexities of computer science through firsthand encounters. Emphasizing real-world
applications, the program ensures a deep understanding of concepts, empowering interns to
apply theoretical knowledge to tangible, industry-centric projects.

This holistic learning experience combines traditional office visits with contemporary remote
learning aids, providing access to offline training sessions and recorded videos for enhanced
flexibility and continuous growth.

Department of MCA, TOCE 2023-24 1

1OX22MC055 Full Stack Web Development

Products/Services by Dotch Endeavours:

Services Offered:
● End to end payment integration solutions (Razorpay, PayTm, PhonePe)
● Custom software development
● E-commerce solutions
● Quality Assurance and Testing
● Video calling API integration solutions

Products:
● MoneyLeap - Skill-Based online gaming platform.
● UserMetrics - Real time user testing software.
● Blue Collar Excellence - Availing global opportunities for skilled workforce.

Our Mission
Our mission is to achieve the leading position as a distinguished & absolute end-to-end
information technology infrastructure & service provider. We want to develop with profitable
growth through superior Customer service, Innovation, Quality and Commitment.
Building solid fundamentals in the Computer Science domain is the first step to landing a full
stack internship. One of the priorities is to improve your Math skills since Computer Science
depends on mathematical concepts like logic, arithmetic, probability, etc. Next, you need solid
programming skills.

Department of MCA, TOCE 2023-24 2

1OX22MC055 Full Stack Web Development

2. Scope and Objective of Internship

Full stack developer is one of the most promising career choices in this modern era of
digitalization. And internships are a great way to gain work experience during your academic
career. It will help you to gain first-hand practical skills that will be very useful to demonstrate
your proficiency in full stack development.
Before you start a Full Stack Software Developer course and apply for a full stack developer
internship online, read the following blog to learn about the tips and best practices to land a
full stack developer internship.

Full Stack Development - An Overview

Full stack development refers to the development of a website or an application on the front
end and back end (also known as client end and server end). A full stack developer intern's
salary $1,02,911 per year. The exact pay for a full stack developer intern depends on many
factors like the company, experience, skillset, etc.

Training Program
Dotch Endeavours offers an immersive internship program tailored for aspiring computer
science enthusiasts. Rooted in hands-on experiences, this program blurs the lines between
theory and practice, inviting students to frequent their offices for real industry-based projects.
Under the guidance of seasoned mentors and industry experts, participants delve into the
complexities of computer science through firsthand encounters. Emphasizing real-world
applications, the program ensures a deep understanding of concepts, empowering interns to
apply theoretical knowledge to tangible, industry-centric projects.
This holistic learning experience combines traditional office visits with contemporary remote
learning aids, providing access to offline training sessions and recorded videos for enhanced
flexibility and continuous growth.
Throughout this enriching journey, interns bridge the gap between academia and industry
realities, gaining invaluable insights and practical skills vital for their future careers.

Work Culture
At Dotch Endeavours Pvt Ltd, our distinctive work culture fosters autonomy and trust among
team members, irrespective of their hierarchical standing. Managers and supervisors empower
subordinates, instilling confidence in their ability to independently accomplish tasks. This

Department of MCA, TOCE 2023-24 3

1OX22MC055 Full Stack Web Development

culture of trust permeates throughout the organization, defining interactions not only with
interns but also with senior executives and all employees.

Moreover, our company embraces a friendly and supportive atmosphere, evident in the
guidance and attention provided by mentors committed to assisting in problem resolution. An
open culture prevails at every desk, encouraging interns to absorb knowledge through
observation and fostering an environment where doubts are promptly addressed by mentors.
To facilitate comprehensive learning, we offer recorded videos for offline reference,
complemented by live demonstrations and practical, hands-on sessions that prove instrumental
throughout the internship tenure.

A generalist approach is considered as mandatory, opportunities for specialism and the

application of prior learning and specialist skills exist in the project stream, evidenced in the
portfolio, and in the final presentations. The design stream aims to develop designing skills and
awareness in a series of constrained design briefs, culminating in a design of choice, allowing
the intern to focus on a site in mind, or one chosen to represent their interests from local, defined
Concurrent learning streams:
• Taught elements –course extension learning on key elements of Software design.
• Practical elements – workshops for skills and methods used in areas of web
Technolgies taught elements.
• Taught specialist courses – certificated independent courses covering key
professional areas of expertise.
• Interest elements – project work drawing on workshop skills, applied to areas of
need or development on the Software .
• Reflective learning – self guided, with assistance of facilitators, to track and exhibit
progress through the portfolio.

Department of MCA, TOCE 2023-24 4

1OX22MC055 Full Stack Web Development

Scope of the Internship

This system is designed to provide multiple techniques and optimized working in a
simultaneous fashion from a single interface so that the organizations will be having a cost
effective way of working and analysis. All that it fundamentals are properly organized and even
the customization provisions are provided for better work orientation. In the proposed system
all the related perceptions are provided in an inbuilt format so that the considerations can be
accessed on a faster mode.

Some of the important points of the proposed system in as following-

Collaborative working is supported so multiple analytical teams can associate at one
place in terms of the provisional research
All requirements of the information integration and extraction is associated and even
different formats are provided which can be selected and which can be incorporated
directly.
The associations that are required for the convertibility will be provided and it will be
provided in a selective mood so various options will be provided to the users.
The information that is extracted will be modeled with the help of inbuilt methodology
and even direct formulation support is provided.
All related working and acknowledgements will be organized on a central place which
will help to maintain the security of the data as suppose multiple research orientations
has been undertaken all the related research data will be automatically backed up and
saved.
In the proposed system all the related representation methods are provided so that after
the Representation the design it can be properly published which includes even the
audio.
In the proposed system multiple charting types are provided and even the related
templates system is included so the various examples are provided which can be directly
incorporated and used.
Media publish provided which can be used for the direct transfer of the related
information if required.

Department of MCA, TOCE 2023-24 5

1OX22MC055 Full Stack Web Development

3.Course Syllabus
Front and Backend Required for completing a given task based on
internship

HTML
HTML5, or HyperText Markup Language 5, is the latst version of the standard markup
language used to create and design content on the World Wide Web. It is a significant
improvement over its predecessors, especially HTML 4.01 and XHTML 1.0.
HTML5 was developed by the Web Hypertext Application Technology Working Group
(WHATWG) and the World Wide Web Consortium (W3C), which is the main international
standards organization for the World Wide Web. The development of HTML5 started in 2004,
and the final version was officially released in October 2014.

CSS
CSS, or Cascading Style Sheets, is a styling language used to describe the presentation and
layout of HTML (Hypertext Markup Language) documents. It enables web developers to
control the appearance of web pages by defining styles for various HTML elements. CSS
separates the structure and content of a document from its visual representation, allowing for
greater flexibility and maintainability in web design.

JQuery
jQuery is a fast, lightweight, and feature-rich JavaScript library designed to simplify the client-
side scripting of HTML. It was created by John Resig and first released in 2006. jQuery makes
it easier to navigate and manipulate the Document Object Model (DOM), handle events, create
animations, and perform AJAX (Asynchronous JavaScript and XML) requests.

Bootstrap
Bootstrap is an open-source front-end framework developed by Twitter. It is a powerful and
widely used toolkit for building responsive and mobile-first web projects. Bootstrap provides
a collection of pre-designed HTML, CSS, and JavaScript components, as well as a responsive
grid system, to help developers quickly and easily create consistent and visually appealing
websites and web applications.

Department of MCA, TOCE 2023-24 6

1OX22MC055 Full Stack Web Development

PHP
PHP, which stands for Hypertext Preprocessor, is a widely used server-side scripting language
designed for web development. It is an open-source language that is embedded within HTML
and executed on the server, generating dynamic content before it is sent to the client's web
browser. PHP is particularly well-suited for web development and can be easily integrated with
HTML code.

MySQL Server
MySQL is an open-source relational database management system (RDBMS) that is widely
used for managing and organizing data. It is a popular choice for web applications, and it forms
a key component of the LAMP (Linux, Apache, MySQL, PHP/Python/Perl) and MERN
(MongoDB, Express.js, React, Node.js) stacks.

Department of MCA, TOCE 2023-24 7

1OX22MC055 Full Stack Web Development

4. First Week Internship Course Details

HTML AND CSS:

HTML stands for Hypertext Markup Language. It allows the user to create and structure
sections, paragraphs, headings, links, and blockquotes for web pages and applications.

HTML is not a programming language, meaning it doesn’t have the ability to create dynamic
functionality. Instead, it makes it possible to organize and format documents, similarly to
Microsoft Word.

When working with HTML, we use simple code structures (tags and attributes) to mark up a
website page. For example, we can create a paragraph by placing the enclosed text within a
starting <p> and closing </p> tag.

Overall, HTML is a markup language that is really straightforward and easy to learn even for
complete beginners in website building. Here’s what you’ll learn by reading this article:

HTML was invented by Tim Berners-Lee, a physicist at the CERN research institute in
Switzerland. He came up with the idea of an Internet-based hypertext system.

Hypertext means a text that contains references (links) to other texts that viewers can access
immediately. He published the first version of HTML in 1991, consisting of 18 HTML tags.
Since then, each new version of the HTML language came with new tags and attributes (tag
modifiers) to the markup.

According to Mozilla Developer Network’s HTML Element Reference, currently, there are
140 HTML tags, although some of them are already obsolete (not supported by modern
browsers).

Due to a quick rise in popularity, HTML is now considered an official web standard. The
HTML specifications are maintained and developed by the World Wide Web Consortium
(W3C). You can check out the latest state of the language anytime on W3C’s website.

The biggest upgrade of the language was the introduction of HTML5 in 2014. It added several
new semantic tags to the markup, that reveal the meaning of their own content, such
as <article>, <header>, and <footer>.

Department of MCA, TOCE 2023-24 8

1OX22MC055 Full Stack Web Development

HTML documents are files that end with a .html or .htm extension. You can view then using
any web browser (such as Google Chrome, Safari, or Mozilla Firefox). The browser reads the
HTML file and renders its content so that internet users can view it.

Usually, the average website includes several different HTML pages. For instance: home
pages, about pages, contact pages would all have separate HTML documents.

Each HTML page consists of a set of tags (also called elements), which you can refer to as the
building blocks of web pages. They create a hierarchy that structures the content into sections,
paragraphs, headings, and other content blocks.

Most HTML elements have an opening and a closing that use the <tag></tag> syntax.

Below, you can see a code example of how HTML elements can be structured:

<div>

<h1>The Main Heading</h1>

<h2>A catchy subheading</h2>

<p>Paragraph one</p>

<imgsrc="/"alt="Image">

<p>Paragraph two with a <ahref="https://example.com">hyperlink</a></p>

</div>

 The outmost element is a simple division (<div></div>) you can use to mark up bigger
content sections.
 It contains a heading (<h1></h1>), a subheading (<h2></h2>), two paragraphs
(<p></p>), and an image (<img>).
 The second paragraph includes a link (<a></a>) with a href attribute that contains the
destination URL.
 The image tag also has two attributes: src for the image path and alt for the image
description.

Department of MCA, TOCE 2023-24 9

1OX22MC055 Full Stack Web Development

CSS:
CSS stands for Cascading Style Sheets with an emphasis placed on “Style.” While HTML is
used to structure a web document (defining things like headlines and paragraphs, and allowing
you to embed images, video, and other media), CSS comes through and specifies your
document’s style—page layouts, colors, and fonts are all determined with CSS. Think of
HTML as the foundation (every house has one), and CSS as the aesthetic choices (there’s a big
difference between a Victorian mansion and a mid-century modern home).

As we have mentioned before, CSS is a language for specifying how documents are presented
to users — how they are styled, laid out, etc.

A document is usually a text file structured using a markup language — HTML is the most
common markup language, but you may also come across other markup languages such
as SVG or XML.

Presenting a document to a user means converting it into a form usable by your

audience. Browsers, like Firefox, Chrome, or Edge , are designed to present documents
visually, for example, on a computer screen, projector or printer.

CSS is a rule-based language — you define rules specifying groups of styles that should be
applied to particular elements or groups of elements on your web page. For example "I want
the main heading on my page to be shown as large red text."

The following code shows a very simple CSS rule that would achieve the styling described
above:

h1 {

color: red;

font-size: 5em;}

The rule opens with a selector . This selects the HTML element that we are going to style. In
this case we are styling level one headings (<h1>).

!DOCTYPE html>

Department of MCA, TOCE 2023-24 10

1OX22MC055 Full Stack Web Development

<html>

<head>

<title>Basic structure of html</title>

</head>

<body>

<h1> FACEBOOK</h1>

<img src="facebook.png" alt="FACEBOOK">

<ahref="https://www.amazon.in/?&ext_vrnc=hi&tag=googhydrabk1-
21&ref=pd_sl_5szpgfto9i_e&adgrpid=58075519359&hvpone=&hvptwo=&hvadid=6788023
59320&hvpos=&hvnetw=g&hvrand=1008048523578373076&hvqmt=e&hvdev=c&hvdvcm
dl=&hvlocint=&hvlocphy=9062008&hvtargid=kwd-
64107830&hydadcr=14452_2371560">VISIT AMAZON</a>

<nav>

<ul>

<li><a href="home.html">HOME</a></li>

<li><a href="about.html">ABOUT</a></li>

<li><a href="contact.html">CONTACT</a></li>

</ul>

</nav>

</body>

</html>
We then have a set of curly braces { }. Inside those will be one or more declarations, which
take the form of property and value pairs. Each pair specifies a property of the element(s) we
are selecting, then a value that we'd like to give the property.

Before the colon, we have the property, and after the colon, the value. CSS properties have
different allowable values, depending on which property is being specified. In our example, we

Department of MCA, TOCE 2023-24 11

1OX22MC055 Full Stack Web Development

have the color property, which can take various color values. We also have the font-
size property. This property can take various size units as a value.

As there are so many things that you could style using CSS, the language is broken down
into modules. You'll see reference to these modules as you explore MDN and many of the
documentation pages are organized around a particular module. For example, you could take a
look at the MDN reference to the Backgrounds and Borders module to find out what its purpose
is, and

what different properties and other features it contains. You will also find links to the CSS
Specification that defines the technology (see below).

At this stage you don't need to worry too much about how CSS is structured, however it can
make it easier to find information if, for example, you are aware that a certain property is likely
to be found among other similar things and are therefore probably in the same specification.

For a specific example, let's go back to the Backgrounds and Borders module — you might
think that it makes logical sense for the background-color and border-color properties to be
defined in this module. And you'd be right.

Department of MCA, TOCE 2023-24 12

1OX22MC055 Full Stack Web Development

5.Second Week Internship Course Details

Bootstrap
Bootstrap is an open source framework used to develop the responsive web applications or
responsive designs. Responsive means application should be runs on smaller screens like
mobile phones and tablets.Every element of the HTML document get stacked when the page
get smaller or minimized. By default bootstrap takes 12 columns of width with equal separation
of the columns that means every column having same size. But you can alter the default values
and you can make layouts,design according to your requirements using <span> tag.

<div class="jumbotron text-center">

<h1>My First Bootstrap Page</h1>
<p>Resize this responsive page to see the effect!</p>
</div>
<div class="container">
<div class="row">
<div class="col-sm-4">
<h3>Column 1</h3>
<p>Lorem ipsum dolor..</p>
</div>
<div class="col-sm-4">
<h3>Column 2</h3>
<p>Lorem ipsum dolor..</p>
</div>
<div class="col-sm-4">
<h3>Column 3</h3>
<p>Lorem ipsum dolor..</p>
</div>
</div>
</div>

Bootstrap 5 is evolving with each release to better utilize CSS variables for global theme styles,
individual components, and even utilities. We provide dozens of variables for colors, font

Department of MCA, TOCE 2023-24 13

1OX22MC055 Full Stack Web Development

styles, and more at a :root level for use anywhere. On components and utilities, CSS variables
are scoped to the relevant class and can easily be modified.
Use any of our global :root variables to write new styles. CSS variables use the var(--bs-
variableName) syntax and can be inherited by children elements.

background-color: var(--bs-gray-100);
border: 1px solid var(--bs-gray-200);
border-radius: .25rem;
}

.component-header {
color: var(--bs-purple);
}

Bootstrap 4 Grid System

Bootstrap's grid system allows up to 12 columns across the page.

If you do not want to use all 12 column individually, you can group the columns together to
create wider columns:

span span span span span span span span span span span span
1 1 1 1 1 1 1 1 1 1 1 1

span 4 span 4 span 4

span 4 span 8

span 6 span 6

span 12

Bootstrap's grid system is responsive, and the columns will re-arrange depending on the screen
size: On a big screen it might look better with the content organized in three columns, but on a
small screen it would be better if the content items were stacked on top of each other.

Department of MCA, TOCE 2023-24 14

1OX22MC055 Full Stack Web Development

Grid Classes

The Bootstrap 4 grid system has five classes:

 .col- (extra small devices - screen width less than 576px)

 .col-sm- (small devices - screen width equal to or greater than 576px)
 .col-md- (medium devices - screen width equal to or greater than 768px)
 .col-lg- (large devices - screen width equal to or greater than 992px)
 .col-xl- (xlarge devices - screen width equal to or greater than 1200px)

The classes above can be combined to create more dynamic and flexible layouts.

Tip: Each class scales up, so if you wish to set the same widths for sm and md, you only need
to specify sm.

Data attribute API

Why write more JavaScript when you can write HTML? Nearly all of Bootstrap's JavaScript
plugins feature a first-class data API, allowing you to use JavaScript just by
adding data attributes.

Dropdown
<div class="dropdown">
<button class="btn btn-primary dropdown-toggle" type="button" data-bs-
toggle="dropdown" aria-expanded="false">
Dropdown
</button>
<ul class="dropdown-menu">
<li><button class="dropdown-item" type="button">Dropdown item</button></li>
<li><button class="dropdown-item" type="button">Dropdown item</button></li>
<li><button class="dropdown-item" type="button">Dropdown item</button></li>
</ul>
</div>

Department of MCA, TOCE 2023-24 15

1OX22MC055 Full Stack Web Development

Bootstrap provide grid system for all kind of devices such as extra small, small, medium, large,
extra-large which can help to run the app on every devices. Further it provide some stylish
buttons, forms, tables and so on. Bootstrap 4 is the newest version with some additional features
compare to previous versions. In this project bootstrap 4 is used for the front development
along with the django framework.

Import one stylesheet and you're off to the races with every feature of our CSS.

// Variable overrides first

$primary: #900;
$enable-shadows: true;
$prefix: "mo-";

// Then import Bootstrap

@import "../node_modules/bootstrap/scss/bootstrap";

Using CSS variables

Use any of our global :root variables to write new styles. CSS variables use the var(--bs-
variableName) syntax and can be inherited by children elements.

.component {
color: var(--bs-gray-800);
background-color: var(--bs-gray-100);
border: 1px solid var(--bs-gray-200);
border-radius: .25rem;
}
.component-header {
color: var(--bs-purple);
}

Department of MCA, TOCE 2023-24 16

1OX22MC055 Full Stack Web Development

6. Third Week Internship Course Details

jQuery
jQuery is a JavaScript Library. jQuery greatly simplifies JavaScript programming.
jQuery is easy to learn. The purpose of jQuery is to make it much easier to use JavaScript on
your website. jQuery takes a lot of common tasks that require many lines of JavaScript code to
accomplish, and wraps them into methods that you can call with a single line of code.

jQuery is an open-source JavaScript library that simplifies the interactions between an

HTML/CSS document, or more precisely the Document Object Model (DOM), and JavaScript.
Elaborating the terms, it simplifies HTML document traversing and manipulation, browser event
handling, DOM animations, Ajax interactions, and cross-browser JavaScript development.

<!DOCTYPE html>
<html>
<head>
<script src= "https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js">
</script>
<script>
$(document).ready(function() {
$("h1").hover(function() {
$(this).css("color", "green");
}, function() {
$(this).css("color", "aliceblue");
});
});
</script>
</head>
<body>
<h1>GeeksforGeeks</h1>
</body>
</html>

Department of MCA, TOCE 2023-24 17

1OX22MC055 Full Stack Web Development

Installation
npm install jquery

jQuery hide() and show()

With jQuery, you can hide and show HTML elements with the hide() and show() methods:

Example

$("#hide").click(function(){
$("p").hide();
});

$("#show").click(function(){
$("p").show();
});

Syntax:

$(selector).hide(speed,callback);
$(selector).show(speed,callback);

The optional speed parameter specifies the speed of the hiding/showing, and can take the
following values: "slow", "fast", or milliseconds.

The optional callback parameter is a function to be executed after the hide() or show() method
completes (you will learn more about callback functions in a later chapter).

The following example demonstrates the speed parameter with hide():

Example:

$("button").click(function(){
$("p").hide(1000);
});

Department of MCA, TOCE 2023-24 18

1OX22MC055 Full Stack Web Development

jQuery Manipulating CSS

jQuery has several methods for CSS manipulation. We will look at the
following methods:

 addClass() - Adds one or more classes to the selected elements

 removeClass() - Removes one or more classes from the selected elements
 toggleClass() - Toggles between adding/removing classes from the selected elements
 css() - Sets or returns the style attribute

Example Stylesheet

The following stylesheet will be used for all the examples on this page:

.important{
font-weight: bold;

font-size:xx-large;
}

.blue{
color:blue;
}

jQuery addClass() Method

The following example shows how to add class attributes to different elements. Of course you
can select multiple elements, when adding classes

Example:

$("button").click(function(){
$("h1,h2,p").addClass("blue");
$("div").addClass("important");

You can also specify multiple classes within the addClass() method:

Department of MCA, TOCE 2023-24 19

1OX22MC055 Full Stack Web Development

Example

$("button").click(function(){
$("#div1").addClass("import”);
});

jQuery Timepicker Plugin

Example 1: The following example demonstrates the instantiation of the

jQuery datetimepicker() method of the plugin.
<!DOCTYPE html>
<html lang="en"
xmlns=
"http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type"
content="text/html; charset=UTF-8" />
<title>Adding a Timepicker to
jQuery UI Datepicker</title>
<style type="text/css">

body {
margin: 0;
padding: 20px;
border: 0;
background-color: #e9e9e9;
border-top: solid 10px #7ba9b2;
font: Arial, sans-serif;
}

.wrapper {
width: 800px;

Department of MCA, TOCE 2023-24 20

1OX22MC055 Full Stack Web Development

border: solid 1px #eeeeee;

background-color: #ffffff;
padding: 20px;
margin: 0 auto;
}
</style>
<link rel="stylesheet"
media="all"
type="text/css"
href=
"http://code.jquery.com/ui/1.11.0/themes/
smoothness/jquery-ui.css" />
<link rel="stylesheet"
media="all"
type="text/css"
href=
"jquery-ui-timepicker-addon.css" />
</head>
<body>
<div class="wrapper">
<h2>Adding a Timepicker to
jQuery UI Datepicker</h2>
<div class="container">
<p>Add a simple jQuery
UI datetimepicker</p>
<div>
<input type="text"
name="dateTimePicker"
id="dateTimePicker"
value="" />
</div>
</div>
</div>

Department of MCA, TOCE 2023-24 21

1OX22MC055 Full Stack Web Development

<script type="text/javascript"
src="http://code.jquery.com/jquery-1.11.1.min.js">
</script>
<script type="text/javascript"
src=
"http://code.jquery.com/ui/1.11.0/jquery-ui.min.js">
</script>
<script type="text/javascript"
src=
"jquery-ui-timepicker-addon.js">
</script>

Department of MCA, TOCE 2023-24 22

1OX22MC055 Full Stack Web Development

7. Fourth Week Internship Course Details

PHP
PHP is a server-side scripting language designed specifically for web development. It is open-
source which means it is free to download and use. It is very simple to learn and use. The files
have the extension “.php”.
Rasmus Lerdorf inspired the first version of PHP and participated in the later versions. It is an
interpreted language and it does not require a compiler.
• PHP code is executed in the server.
• It can be integrated with many databases such as Oracle, Microsoft SQL Server, MySQL,
PostgreSQL, Sybase, and Informix.
• It is powerful to hold a content management system like WordPress and can be used to control
user access.
• It supports main protocols like HTTP Basic, HTTP Digest, IMAP, FTP, and others.
• Websites like www.facebook.com and www.yahoo.com are also built on PHP.
• One of the main reasons behind this is that PHP can be easily embedded in HTML files and
HTML codes can also be written in a PHP file.
• The thing that differentiates PHP from the client-side language like HTML is, that PHP codes
are executed on the server whereas HTML codes are directly rendered on the browser. PHP
codes are first executed on the server and then the result is returned to the browser.
• The only information that the client or browser knows is the result returned after executing
the PHP script on the server and not the actual PHP codes present in the PHP file. Also, PHP
files can support other client-side scripting languages like CSS and JavaScript.

Other characteristics of PHP are as follows.

• Simple and fast
• Efficient
• Secured
• Flexible
• Cross-platform, it works with major operating systems like Windows, Linux, and macOS.
• Open Source
• Powerful Library Support
• Database Connectivity
Why should we use PHP?

Department of MCA, TOCE 2023-24 23

1OX22MC055 Full Stack Web Development

PHP can actually do anything related to server-side scripting or more popularly known
as the backend of a website. For example, PHP can receive data from forms, generate dynamic
page content, can work with databases, create sessions, send and receive cookies, send emails,
etc. There are also many hash functions available in PHP to encrypt users’ data which makes
PHP secure and reliable to be used as a server-side scripting language. So these are some of
PHP’s abilities that make it suitable to be used as a server-side scripting language. You will
get to know more of these abilities in further tutorials.
Even if the above abilities do not convince you of PHP, there are some more features of
PHP. PHP can run on all major operating systems like Windows, Linux, Unix, Mac OS X, etc.
Almost all of the major servers available today like Apache supports PHP. PHP allows using a
wide range of databases. And the most important factor is that it is free to use and download
and anyone can download PHP from its official source: www.php.net.

PHP Variables

In PHP, a variable is declared using a $ sign followed by the variable name. Here, some
important points to know about variables:

o As PHP is a loosely typed language, so we do not need to declare the data types of the variables.
It automatically analyzes the values and makes conversions to its correct datatype.
o After declaring a variable, it can be reused throughout the code.
o Assignment Operator (=) is used to assign the value to a variable.

PHP Variable: Declaring string, integer, and float

1. <?php
2. $str="hello string";
3. $x=200;
4. $y=44.6;
5. echo "string is: $str <br/>";
6. echo "integer is: $x <br/>";
7. echo "float is: $y <br/>";
8. ?>

Output:

Department of MCA, TOCE 2023-24 24

1OX22MC055 Full Stack Web Development

string is: hello string

integer is: 200

float is: 44.6

PHP Arrays

PHP array is an ordered map (contains value on the basis of key). It is used to hold multiple
values of similar type in a single variable.

Example

File: array1.php

<?php

$season=array("summer","winter","spring","autumn");

echo "Season are: $season[0], $season[1], $season[2] and $season[3]";

?>

Output:

Season are: summer, winter, spring and autumn

PHP Switch

PHP switch statement is used to execute one statement from multiple conditions. It works
like PHP if-else-if statement.

Syntax
1. switch(expression){
2. case value1:
3. //code to be executed
4. break;
5. case value2:
6. //code to be executed
7. break;

Department of MCA, TOCE 2023-24 25

1OX22MC055 Full Stack Web Development

8. ......
9. default:
10. code to be executed if all cases are not matched;
11. }

PHP Switch

PHP switch statement is used to execute one statement from multiple conditions. It works like
PHP if-else-if statement.

Example:

<?php

class parentClass {

public function parentFunction() {

echo " Hello this is a parent class ";

trait forParentClass {

public function traitFunction() {

echo " and this is trait ";

class childClass extends parentClass {

use forParentClass;

public function childFunction() {

echo " this is the child class which inherit parent using trait ";

Department of MCA, TOCE 2023-24 26

1OX22MC055 Full Stack Web Development

$ obj = new childClass();

$ obj -> parentFunction();

$ obj -> traitFunction();

$ obj -> childFunction();

?>

Output:

Department of MCA, TOCE 2023-24 27

1OX22MC055 Full Stack Web Development

8.Fifth Week Internship Course Details

SQL

MySQL is currently the most popular database management system software used for
managing the relational database. It is open-source database software, which is supported by
Oracle Company. It is fast, scalable, and easy to use database management system in
comparison with Microsoft SQL Server and Oracle Database. It is commonly used in
conjunction with PHP scripts for creating powerful and dynamic server-side or web-based
enterprise applications.

It is developed, marketed, and supported by MySQL AB, a Swedish company, and written in
C programming language and C++ programming language. The official pronunciation of
MySQL is not the My Sequel; it is My Ess Que Ell. However, you can pronounce it in your
way. Many small and big companies use MySQL. MySQL supports many Operating Systems
like Windows, Linux, MacOS, etc. with C, C++, and Java languages.

MySQL is a Relational Database Management System (RDBMS) software that provides many
things, which are as follows:

• It allows us to implement database operations on tables, rows, columns, and indexes.

• It defines the database relationship in the form of tables (collection of rows and
columns), also known as relations.
• It provides the Referential Integrity between rows or columns of various tables.
• It allows us to updates the table indexes automatically.
• It uses many SQL queries and combines useful information from multiple tables for
the end-users.

How MySQL Works?

MySQL follows the working of Client-Server Architecture. This model is designed for the end-
users called clients to access the resources from a central computer known as a server using
network services. Here, the clients make requests through a graphical user interface (GUI), and
the server will give the desired output as soon as the instructions are matched. The process of
MySQL environment is the same as the client-server model.

Department of MCA, TOCE 2023-24 28

1OX22MC055 Full Stack Web Development

Selecting a MySQL Database Using PHP Script

PHP uses mysqli_select_db function to select the database on which queries are to be
performed. This function takes two parameters and returns TRUE on success or FALSE on
failure.

Example

Try the following example to select a database −

Copy and paste the following example as mysql_example.php −

<html>

<head>

<title>Selecting MySQL Database</title>

</head>

<body>

<?php

$dbhost = 'localhost';

$dbuser = 'root';

$dbpass = 'root@123';

$conn = mysqli_connect($dbhost, $dbuser, $dbpass);

if(! $conn ) {

die('Could not connect: ' . mysqli_error($conn));

echo 'Connected successfully<br />';

$retval = mysqli_select_db( $conn, 'TUTORIALS' );

if(! $retval ) {

die('Could not select database: ' . mysqli_error($conn));

Department of MCA, TOCE 2023-24 29

1OX22MC055 Full Stack Web Development

echo "Database TUTORIALS selected successfully\n";

mysqli_close($conn);

?>

</body>

</html>

Output

Access the mysql_example.php deployed on apache web server and verify the output.

Database TUTORIALS selected successfully

Exporting Table Contents or Definitions in SQL Format

To export a table in SQL format to a file, use the command shown below.

$ mysqldump -u root -p TUTORIALS tutorials_tbl > dump.txt

password ******

This will a create file having content as shown below.

-- MySQL dump 8.23

--

-- Host: localhost Database: TUTORIALS

---------------------------------------------------------

-- Server version 3.23.58

-- Table structure for table `tutorials_tbl`

CREATE TABLE tutorials_tbl (

Department of MCA, TOCE 2023-24 30

1OX22MC055 Full Stack Web Development

tutorial_id int(11) NOT NULL auto_increment,

tutorial_title varchar(100) NOT NULL default '',

tutorial_author varchar(40) NOT NULL default '',

submission_date date default NULL,

PRIMARY KEY (tutorial_id),

UNIQUE KEY AUTHOR_INDEX (tutorial_author)

) TYPE = MyISAM;

-- Dumping data for table `tutorials_tbl`

INSERT INTO tutorials_tbl

VALUES (1,'Learn PHP','John Poul','2007-05-24');

INSERT INTO tutorials_tbl

VALUES (2,'Learn MySQL','Abdul S','2007-05-24');

INSERT INTO tutorials_tbl

VALUES (3,'JAVA Tutorial','Sanjay','2007-05-06');

To dump multiple tables, name them all followed by the database name argument. To dump an
entire database, don't name any tables after the database as shown in the following code block.

$ mysqldump -u root -p TUTORIALS > database_dump.txt

password ******

To back up all the databases available on your host, use the following code.

Department of MCA, TOCE 2023-24 31

1OX22MC055 Full Stack Web Development

Creating a Table without NULL Values : NULL values can be inserted in any column
of a table as they are not associated with any specific data type. However, when a column is
defined with the "NOT NULL" keyword, an error is raised whenever you try to insert NULL
values into that specific column.
Syntax

The basic syntax of NOT NULL while creating a table is as follows −

CREATE TABLE table-name (
column1 datatype NOT NULL,
column2 datatype NOT NULL,
...
columnN datatype
);

Example

Let us create a table with the name CUSTOMERS in the SQL database using the CREATE
statement as shown in the query below −

CREATE TABLE CUSTOMERS(

ID INT NOT NULL,
NAME VARCHAR (20) NOT NULL,
AGE INT NOT NULL,
ADDRESS CHAR (25) ,
SALARY DECIMAL (18, 2),
PRIMARY KEY (ID)
);

Department of MCA, TOCE 2023-24 32

1OX22MC055 Full Stack Web Development

9. Sixth Week Internship Course Details

ABOUT THE PROJECT

This project is entitled Cosmetics and Beauty Product Online Store. This project was written
in PHP/OOP and data are stored in a MySQL Database. It is a web-based application that serves
as an Online Platform for the Cosmetics and Beauty Products Business. This application
provides the customers of the said business industry to explore, browser, and buy their
products. This has lots of features and functionalities including Online Payment using PayPal
API. This has a pleasant user interface using the Bootstrap Framework and the AdminLTE
Template. It has user-friendly features and functionalities.
The Cosmetics and Beauty Product Online Store Project has 2 user interfaces. Ones are for
the management which is the Admin Panel of the system. This side of the system can be
accessed by the management. The Admin is in charge of managing all the important lists or
data in the system such as the list of products and orders. The Admin can also manage the
stocks of the products according to their variant. The other side is for the client-side. This side
is accessible to all but some of the features are visible and working for registered clients only.
The possible clients can simply register their account in order to order their desired products.
The system can generate a printable date-wise sales report. The online payment feature only
supports using PayPal API.

SYSTEM CONFIGURATION
 Platform : Microsoft windows 10
 Front End : HTML, CSS, Jquery
 Back End : PHP

Module description:

1. Secure Login and Logout:

- Implements a robust authentication system to ensure secure user access.
- Provides secure logout mechanisms to protect user sessions.

2. Dashboard:
- Offers an intuitive and informative overview of key metrics and data.
- Enables users to monitor and analyze essential information at a glance.

Department of MCA, TOCE 2023-24 33

1OX22MC055 Full Stack Web Development

3. Brand Management:
- Facilitates the creation, editing, and deletion of product brands.
- Organizes and categorizes products based on their respective brands.

4. Category Management:
- Allows for the creation, modification, and removal of product categories.
- Streamlines product organization and improves navigation for users.

5. Product Management:
- Enables the addition, editing, and removal of products from the system.
- Manages product details, images, and specifications for accurate representation.

6. Inventory Management:
- Tracks and maintains real-time inventory levels.
- Alerts users on low stock, facilitating efficient inventory replenishment.

7. Order Management:
- Manages customer orders from placement to fulfillment.
- Provides tools to track order status and handle cancellations or modifications.

8. Sales:
- Records and analyzes sales transactions.
- Generates reports on sales performance, helping in strategic decision-making.

Source Code

Conf.php:

<?php
ob_start();
ini_set('date.timezone','Asia/Manila');
date_default_timezone_set('Asia/Manila');

Department of MCA, TOCE 2023-24 34

1OX22MC055 Full Stack Web Development

session_start();

require_once('initialize.php');
require_once('classes/DBConnection.php');
require_once('classes/SystemSettings.php');
$db = new DBConnection;
$conn = $db->conn;

function redirect($url=''){
if(!empty($url))
echo '<script>location.href="'.base_url .$url.'"</script>';
}
function validate_image($file){
if(!empty($file)){
// exit;
$ex = explode("?",$file);
$file = $ex[0];
$ts = isset($ex[1]) ? "?".$ex[1] : '';
if(is_file(base_app.$file)){
return base_url.$file.$ts;
}else{
return base_url.'dist/img/no-image-available.png';
}
}else{
return base_url.'dist/img/no-image-available.png';
}
}
function format_num($number = '' , $decimal = ''){
if(is_numeric($number)){
$ex = explode(".",$number);
$decLen = isset($ex[1]) ? strlen($ex[1]) : 0;
if(is_numeric($decimal)){
return number_format($number,$decimal);

Department of MCA, TOCE 2023-24 35

1OX22MC055 Full Stack Web Development

}else{
return number_format($number,$decLen);
}
}else{
return "Invalid Input";
}
}
function isMobileDevice(){
$aMobileUA = array(
'/iphone/i' => 'iPhone',
'/ipod/i' => 'iPod',
'/ipad/i' => 'iPad',
'/android/i' => 'Android',
'/blackberry/i' => 'BlackBerry',
'/webos/i' => 'Mobile'
);

//Return true if Mobile User Agent is detected

foreach($aMobileUA as $sMobileKey => $sMobileOS){
if(preg_match($sMobileKey, $_SERVER['HTTP_USER_AGENT'])){
return true;
}
}
//Otherwise return false..
return false;
}
ob_end_flush();
?>

Department of MCA, TOCE 2023-24 36

1OX22MC055 Full Stack Web Development

10. Outcome of the Internship Program

The exact nature, activities and emphasis within each internship will vary according to the
context, resources and expertise of a school and its staff, as well as the experience, qualities
and aspirations of the intern. The details of each internship can be negotiated by the placement
school and intern with the University, often through conversations with the University’s
Tertiary Mentor. Across the six- or nine-week period of an internship, the following
expectations generally apply:

Various perceptions and understanding for the future enhancement will be considered as we
require a descriptive understanding where we have to consolidate the related work perception
in a way that in the future it can cope up with the requirements of the clients.
Under the guidance of seasoned mentors and industry experts, participants delveinto the
complexities of computer science through first hand encounters.Emphasizing real-world
applications, the program ensures a deep understanding of concepts, empowering interns to
apply theoretical knowledge to tangible, industry-centric projects. This holistic learning
experience combines traditional office visits with contemporary remote learning aids,
providing access to offline training sessions and recorded videos for enhanced flexibility and
continuous growth.
Throughout this enriching journey, interns bridge the gap between academia and industry
realities, gaining invaluable insights and practical skills vital for their future careers.

Moreover, our company embraces a friendly and supportive atmosphere, evident in the
guidance and attention provided by mentors committed to assisting in problem resolution. An
open culture prevails at every desk, encouraging interns to absorb knowledge through
observation and fostering an environment where doubts are promptly addressed by mentors.
To facilitate comprehensive learning, we offer recorded videos for offline reference,
complemented by live demonstrations and
practical, hands-on sessions that prove instrumental throughout the internship tenure.
Weeks 1 and 2 – Orientation to school and class, establishment of co-teaching and progressive
uptake of internship responsibilities. Intern will assume increasing responsibility for teaching
up to 0.6 load. Mentor teacher will be guiding and assessing informally against the AITSL
illustrations of practice at graduate level and as well as the relevant Internship.
Report form [report for Early Childhood programs (interactive pdf, 415kB) or reports for all

Department of MCA, TOCE 2023-24 37

1OX22MC055 Full Stack Web Development

other programs (interactive pdf, 654kB)]. This stage gives the opportunity for the intern to
demonstrate the level of teaching capacity required for undertaking an internship within the
context of the placement school. During this stage the mentor teacher needs to confirm the
intern’s capacity to assume the level of responsibility expected. Note: Should the mentor
teacher assess that this level is not being reached, contact should be made with the Director of
Professional Experience who may advise that "Student in need of additional support"
procedures be commenced.

Weeks 3–9 (MTeach); Weeks 3–6 (BEd) – Intern to assume teaching responsibility at a 0.6
level across this period of the internship. Planning, in particular for extended units of work,
needs to be undertaken in collaboration with the mentor teacher. Clear assessment strategies
need to be incorporated so that interns experience the full assessment cycle, including analysis
and reporting of assessment results. Interns need to be part of stage and whole-school planning
and working groups as much as possible and to take responsibility within a broad range of
whole-school programs. Interns need to provide evidence of consistent evaluation of their
teaching practice and practical responses to this professional reflection. They should be
developing an awareness of how their teaching and the life of the school interacts within
broader spheres of influence including the community as well as institutional bodies.

 Explore career alternatives prior to graduation.

 Integrate theory and practice.

 Assess interests and abilities in their field of study.

 Learn to appreciate work and its function in the economy.

 Develop work habits and attitudes necessary for job success.

 Develop communication, interpersonal and other critical skills in the job interview process.

 Build a record of work experience.

 Acquire employment contacts leading directly to a full-time job following graduation from
college.

 Identify, write down, and carry out performance objectives (mutually agreed upon by the
employer, the MCC experiential learning supervisor, and the student) related to their job
assignment.

Department of MCA, TOCE 2023-24 38

1OX22MC055 Full Stack Web Development

11. Assignment Based on Internship

Simple Calculator:
“Simple Calculator” is an app that will make us learn more depth about HTML, CSS and
basics of JS and we implement all these together to make a beautiful responsive calculator.

Fig:2.0

<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<link rel=”stylesheet” type=”text/css” href=”css/styles.css”>
<title>Calculator</title>
</head>
<body>
The Actual Code for Creating the Calculator Outline
(
<!– calculator –>
<div class=”calculator”>
<!– display –>

Department of MCA, TOCE 2023-24 39

1OX22MC055 Full Stack Web Development

<input type=”text” class=”display” disabled>

<!– keys –>
<div class=”keys”>
<!– 4 rows of keys –>
<div class=”row”>
<button value=”7″>7</button>
<button value=”8″>8</button>
<button value=”9″>9</button>
<button value=”+” class=”operator”>+</button>
</div>
<div class=”row”>
<button value=”4″>4</button>
<button value=”5″>5</button>
<button value=”6″>6</button>
<button value=”-” class=”operator”>-</button>
</div>
<div class=”row”>
<button value=”1″>1</button>
<button value=”2″>2</button>
<button value=”3″>3</button>
<button value=”*” class=”operator”>*</button>
</div>
<div class=”row”>
<button value=”C” class=”operator”>C</button>
<button value=”0″>0</button>
<button value=”/” class=”operator”>/</button>
<button value=”=” class=”operator”>=</button>
</div>
</div>
</div>
<!– calculator body ends –>
<script type=”text/javascript” src=”js/script.js”></script>
</body>

Department of MCA, TOCE 2023-24 40

1OX22MC055 Full Stack Web Development

</html>
Source code:
index.php:
<?php require_once('config.php'); ?>
<!DOCTYPE html>
<html lang="en">
<?php require_once('inc/header.php') ?>
<?php if($_settings->chk_flashdata('success')): ?>
<script>
$(function(){
alert_toast("<?php echo $_settings->flashdata('success') ?>",'success')
})
</script>
<?php endif;?>
<body>
<?php require_once('inc/topBarNav.php') ?>
<?php $page = isset($_GET['p']) ? $_GET['p'] : 'home'; ?>
<?php
if(!file_exists($page.".php") && !is_dir($page)){
include '404.html';
}else{
if(is_dir($page))
include $page.'/index.php';
else
include $page.'.php';
}
?>
<?php require_once('inc/footer.php') ?>

<div class="modal fade" id="uni_modal" role='dialog'>

<div class="modal-dialog rounded-0 modal-md modal-dialog-centered" role="document">
<div class="modal-content rounded-0">
<div class="modal-header">

Department of MCA, TOCE 2023-24 41

1OX22MC055 Full Stack Web Development

<h5 class="modal-title"></h5>
</div>
<div class="modal-body">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" id='submit' onclick="$('#uni_modal
form').submit()">Save</button>
<button type="button" class="btn btn-secondary" data-
dismiss="modal">Cancel</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="uni_modal_right" role='dialog'>
<div class="modal-dialog rounded-0 modal-full-height modal-md" role="document">
<div class="modal-content rounded-0">
<div class="modal-header">
<h5 class="modal-title"></h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span class="fa fa-arrow-right"></span>
</button>
</div>
<div class="modal-body">
</div>
</div>
</div>
</div>
<div class="modal fade" id="viewer_modal" role='dialog'>
<div class="modal-dialog modal-md" role="document">
<div class="modal-content">
<button type="button" class="btn-close" data-dismiss="modal"><span class="fa fa-
times"></span></button>
<img src="" alt="">

Department of MCA, TOCE 2023-24 42

1OX22MC055 Full Stack Web Development

</div>
</div>
</div>
<div class="modal fade" id="confirm_modal" role='dialog'>
<div class="modal-dialog modal-md modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Confirmation</h5>
</div>
<div class="modal-body">
<div id="delete_content"></div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" id='confirm'
onclick="">Continue</button>
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</body>
</html>

Department of MCA, TOCE 2023-24 43

1OX22MC055 Full Stack Web Development

Screenshots:

 Home Page:

Fig:2.1

 Product View Page:

Fig:2.2

Department of MCA, TOCE 2023-24 44

1OX22MC055 Full Stack Web Development

 Admin Dashboard:

Fig:2.3

 Admin Order Details:

Fig:2.4

Department of MCA, TOCE 2023-24 45

1OX22MC055 Full Stack Web Development

 Sales Report Page:

Fig:2.5

Department of MCA, TOCE 2023-24 46

1OX22MC055 Full Stack Web Development

12. Conclusion

In conclusion, the cosmetics and beauty product online store project represents a dynamic
venture in the ever-expanding digital marketplace. With a user-friendly interface, diverse
product offerings, and seamless transactions, the platform aims to cater to the evolving beauty
needs of consumers. Emphasizing the fusion of technology and beauty, this project seeks to
redefine the online shopping experience, fostering customer satisfaction and brand loyalty. As
the beauty industry continues to thrive, the success of this venture hinges on adaptability,
marketing strategies, and a commitment to delivering quality products to an eager and
discerning audience.
the cosmetics and beauty product online store project aims to provide a seamless and enjoyable
shopping experience for customers seeking quality beauty products. With user-friendly
interface, diverse product offerings, and secure transactions, our platform strives to cater to the
evolving beauty needs of our clientele, fostering trust and satisfaction in every purchase.

Department of MCA, TOCE 2023-24 47

1OX22MC055 Full Stack Web Development

13. Bibliography

 Servlet & JSP: A Tutorial, Second Edition

 Head First Servlet and JSP - Bryan Basham (Author), Kathy Sierra (Author), Bert
Bates (Author)

 HTML and CSS QuickStart Guide by David DuRocher

 Learning Web Design: A Beginner’s Guide to HTML, CSS, JavaScript, and Web
Graphics by Jennifer Robbin

 Head First Java by Kathy Sierra 2nd edition published by O′Reilly

Website Referred

 https://www.guru99.com/jsp-tutorial.html

 https://www.w3schools.com/html/html_css.asp

 https://www.javatpoint.com/exception-handling-in-jsp

 https://www.tutorialspoint.com/servlets/servlets-exception-handling.html

Department of MCA, TOCE 2023-24 48