COURSE HANDOUT

PART-A
Name of Course Instructor: Mr. J Nagaraju
Course Name & Code : FULL STACK DEVELOPMENT-I (23CSS2)
L-T-P Structure : 0-1-2 Credits: 2
Program/Sem/Sec : II B.Tech IV Sem AI & DS - A A.Y.: 2024-25

PRE-REQUISITE: INTRODUCTION TO PROGRAMMING IN C.

COURSE EDUCATIONAL OBJECTIVES (CEOs): The main objectives of the course are to make use of
HTML for designing static webpages.
COURSE OUTCOMES (COs): After successful completion of the course the students are able to

CO 1 Design static webpages by using HTML elements. (Apply-L3)

CO 2 Develop a webpage by applying appropriate CSS styles to HTML elements. (Apply-L3)

CO 3 Develop dynamic web pages and validate forms using JavaScript. (Apply-L3)
Improve individual / teamwork skills, communication & report writing skills with ethical values.
CO 4

COURSE ARTICULATION MATRIX (Correlation between COs, POs & PSOs):

COs PO1 PO2 PO3 PO4 PO5 PO6 PO7 PO8 PO9 PO10 PO11 PO12 PSO1 PSO2 PSO3
CO1 3 2 2 - 3 - - - - - - 2 2 - 1
CO2 3 2 2 - 3 - - - - - - 2 2 - 1
CO3 3 2 2 - 3 - - - - - - 2 2 - 1
CO4 - - - - - - - 2 2 2 - - - - -

Note: Enter Correlation Levels 1 or 2 or 3. If there is no correlation, put ‘-’

1- Slight (Low), 2 – Moderate (Medium), 3 - Substantial (High).
PART-B
COURSE DELIVERY PLAN (LESSON PLAN): Section-A
Tentative
No. of Actual Date Teaching HOD
Date of
S.No. Topics to be covered Classes of Learning Sign
Completi Completion
Required Methods Weekly
on
Lists, Links and Images a. Write
a HTML program to explain the
working of lists. Write a HTML
1 3 13-12-2024 TLM4
program to explain the working
of hyperlinks using<a>tag and
href, target Attributes.
 HTML Tables, Forms and Frames Write
a HTML program to explain the
working of tables. (use tags:
<table>,<tr>,<th>, <td> and attributes:
border, rowspan, colspan)
2 Write a HTML program to explain the 3 20.12.2024 TLM4
working of tables by preparing a
timetable (Note: Use <caption>tag to
set the caption to the table & also use
cell spacing, cell padding, border, row
span, col span etc.).
HTML5 and Cascading Style
Sheets, Types of CSS Write a
HTML program that makes use
of <article>, <aside>, <figure>,
<figcaption>,
<footer>,<header>,<main>,<nav>
, <section>, <div>,<span>tags.
3 Write a HTML program, to embed 3 27.12.2024 TLM4
audio and video into HTML web
page. Write a program to apply
different types (or levels of styles
or style specification formats)
-in line, internal, external styles
to HTML elements (identify
selector, property and value).
Selector forms:Write a program
to apply different types of
selector forms. Simples elector
(element, id, class, group,
4 universal). Combinator selector 3 03.01.2024 TLM4
(descendant, child, adjacent
sibling, general sibling). Pseudo-
class selector. Pseudo-element
selector. Attribute selector
CSS with Color, Background,
Font, Text and CSS Box Model.
Write a program to demonstrate
the various ways you can
reference a color in CSS. Write a
5 CSS rule that places a back 3 10.01.2024 TLM4
ground image half way down the
page, tilting it horizontally. The
image should remain in place
when the user scrolls up or
down.
Applying JavaScript-internal and
external, I/O, Type Conversion.
Write a program to embed
6 internal and external JavaScript 3 24.01.2024 TLM4
in a webpage. Write a program to
explain the different ways for
displaying output.
JavaScript Pre-defined and User-
defined Objects. Write a program
using document object properties
and methods. Write a program 07.02.2024
7 3 14.02.2024 TLM4
using window object properties
and methods. Write a program
using array object properties and
methods.
 JavaScript Conditional
Statements and Loops. Write a
program which asks the user to
enter three integers, obtains the
numbers from the user and
outputs HTML text that displays
the larger number followed by 21.02.2024
8 3 28.02.2024
TLM4
the words “LARGER NUMBER”
in an information message
dialog. If the numbers are equal,
output HTML text as “EQUAL
NUMBERS”. Write a program to
display weekdays using switch
case.
JavaScript Functions and
Events. Design an appropriate
function should be called to
14.03.2024
9 display. Factorial of that 3 21.03.2024 TLM4
number. Fibonacci series upto
that number. Prime numbers
upto that number
Project implementation 28.03.2024
Internal Exam 04.04.2024

Teaching Learning Methods

TLM1 Chalk and Talk TLM4 Demonstration (Lab/Field Visit)
ICT (NPTEL/Swayam
TLM2 PPT TLM5
Prabha/MOOCS)
TLM3 Tutorial TLM6 Group Discussion/Project

PART-C
EVALUATION PROCESS (R23 Regulation):

Evaluation Task Marks

Day to Day Work: 15

Internal Test 15
Continuous Internal Assessment 30

Procedure 20

Execution & Results 30

Viva-voce 20

Semester End Examination (SEE) 70

Total Marks = CIE + SEE 100
 PART-D
PROGRAMME OUTCOMES (POs):

Engineering knowledge: Apply the knowledge of mathematics, science, engineering

PO 1 fundamentals, and an engineering specialization to the solution of complex engineering
problems.
Problem analysis: Identify, formulate, review research literature, and analyze complex
PO 2 engineering problems reaching substantiated conclusions using first principles of
mathematics, natural sciences, and engineering sciences.
Design/development of solutions: Design solutions for complex engineering problems and
design system components or processes that meet the specified needs with appropriate
PO 3
consideration for the public health and safety, and the cultural, societal, and environmental
considerations.
Conduct investigations of complex problems: Use research-based knowledge and research
PO 4 methods including design of experiments, analysis and interpretation of data, and synthesis
of the information to provide valid conclusions.
Modern tool usage: Create, select, and apply appropriate techniques, resources, and modern
PO 5 engineering and IT tools including prediction and modelling to complex engineering
activities with an understanding of the limitations
The engineer and society: Apply reasoning informed by the contextual knowledge to assess
PO 6 societal, health, safety, legal and cultural issues and the consequent responsibilities relevant
to the professional engineering practice
Environment and sustainability: Understand the impact of the professional engineering
PO 7 solutions in societal and environmental contexts, and demonstrate the knowledge of, and
need for sustainable development.
Ethics: Apply ethical principles and commit to professional ethics and responsibilities and
PO 8
norms of the engineering practice.
Individual and teamwork: Function effectively as an individual, and as a member or leader
PO 9
in diverse teams, and in multidisciplinary settings.
Communication: Communicate effectively on complex engineering activities with the
engineering community and with society at large, such as, being able to comprehend and
PO 10
write effective reports and design documentation, make effective presentations, and give and
receive clear instructions.
Project management and finance: Demonstrate knowledge and understanding of the
PO 11 engineering and management principles and apply these to one’s own work, as a member
and leader in a team, to manage projects and in multidisciplinary environments.
Life-long learning: Recognize the need for and have the preparation and ability to engage
PO 12
in independent and life-long learning in the broadest context of technological change.
PROGRAMME SPECIFIC OUTCOMES (PSOs):

To apply the fundamental engineering knowledge, computational principles, and methods for
PSO 1 extracting knowledge from data to identify, formulate and solve real time problems.
To develop multidisciplinary projects with advanced technologies and tools to address social
PSO 2 and environmental issues.
To provide a concrete foundation and enrich their abilities for Employment and Higher
PSO 3 studies in Artificial Intelligence and Data science with ethical values.

Module Head of the

Title Course Instructor Course Coordinator
Coordinator Department
Name of the Mr. Mr.A.Sudhakar Mr. S. Siva Rama
Dr. O. Rama Devi
Faculty J.Nagaraju Krishna

Signature