Lovely Professional University, Punjab

Course Code Course Title Course Planner Lectures Tutorials Practicals Credits
CAP214 FUNDAMENTALS OF WEB PROGRAMMING 11579::Deepak Mehta 3 0 0 3
Course Weightage ATT: 5 CA: 25 MTT: 20 ETT: 50 Exam Category: 55: Mid Term Exam: All Subjective – End Term Exam: All
Subjective
Course Orientation KNOWLEDGE ENHANCEMENT

TextBooks ( T )
Sr No Title Author Publisher Name
T-1 HTML: THE COMPLETE THOMAS A. POWELL, MCGRAW HILL EDUCATION
REFERENCE OSBORNE
Reference Books ( R )
Sr No Title Author Publisher Name
R-1 WEB ENABLE COMMERCIAL IVAN BAYROSS BPB PUBLICATIONS
APPLICATION DEVELOPMENT
USING HTML, DHTML,
JAVASCRIPT, PERL, CGI, BPB
PUBLICATIONS, 2000.
Other Reading ( OR )

Sr No Journals articles as Compulsary reading (specific articles, complete reference)

OR-1 http://www.computer.org/web/computingnow ,

Relevant Websites ( RW )
Sr No (Web address) (only if relevant to the course) Salient Features
RW-1 http://www.w3schools.com/html/html5_intro.asp Overview of HTML 5 components

RW-2 http://www.tutorialspoint.com/javascript/ Overview of Javascript programming

RW-3 http://www.jquery-tutorial.net/ Overview of JQuery implementation

Audio Visual Aids ( AV )

Sr No (AV aids) (only if relevant to the course) Salient Features
AV-1 https://www.youtube.com/watch?v=hMxGhHNOkCU Online videos for learning JQuery, HTML, Javascript

Software/Equipments/Databases
Sr No (S/E/D) (only if relevant to the course) Salient Features
SW-1 Text Editor (Notepad++), Web browser (Mozilla Firefox, Google Chrome) Text editor for writing script and web browser for viewing output

An instruction plan is only a tentative plan. The teacher may make some changes in his/her teaching plan. The students are advised to use syllabus for preparation of all examinations. The students are expected to keep themselves
updated on the contemporary issues related to the course. Upto 20% of the questions in any examination/Academic tasks can be asked from such issues even if not explicitly mentioned in the instruction plan.
 LTP week distribution: (LTP Weeks)
Weeks before MTE 7
Weeks After MTE 7
Spill Over (Lecture) 7

Detailed Plan For Lectures

Week Lecture Broad Topic(Sub Topic) Chapters/Sections of Other Readings, Lecture Description Learning Outcomes Pedagogical Tool Live Examples
Number Number Text/reference Relevant Websites, Demonstration/
books Audio Visual Aids, Case Study /
software and Virtual Images /
Labs animation / ppt
etc. Planned
Week 1 Lecture 1 Basics of HTML T-1 OR-1 L1: Introductory lecture L1: Students will be Discussion Various
(introduction to html) R-1 (Zero Lecture) introduced with websites
L2: Introduction to course and course developed using
HTML and world wide content HTML, CSS
web L2: Students will get and JavaScript
an overview of
HTML and world
wide web
Basics of HTML(world wide T-1 OR-1 L1: Introductory lecture L1: Students will be Discussion Various
web) (Zero Lecture) introduced with websites
L2: Introduction to course and course developed using
HTML and world wide content HTML, CSS
web L2: Students will get and JavaScript
an overview of
HTML and world
wide web
Lecture 2 Basics of HTML T-1 OR-1 L1: Introductory lecture L1: Students will be Discussion Various
(introduction to html) R-1 (Zero Lecture) introduced with websites
L2: Introduction to course and course developed using
HTML and world wide content HTML, CSS
web L2: Students will get and JavaScript
an overview of
HTML and world
wide web
Basics of HTML(world wide T-1 OR-1 L1: Introductory lecture L1: Students will be Discussion Various
web) (Zero Lecture) introduced with websites
L2: Introduction to course and course developed using
HTML and world wide content HTML, CSS
web L2: Students will get and JavaScript
an overview of
HTML and world
wide web

An instruction plan is only a tentative plan. The teacher may make some changes in his/her teaching plan. The students are advised to use syllabus for preparation of all examinations. The students are expected to keep themselves
updated on the contemporary issues related to the course. Upto 20% of the questions in any examination/Academic tasks can be asked from such issues even if not explicitly mentioned in the instruction plan.
Week 1 Lecture 3 Basics of HTML(world wide R-1 OR-1 Introduction to Students will get Discussion Various
web consortium) RW-1 W3C, HTML tags and familiar with W3C, websites
their attributes tags and attributes for developed using
web pages HTML, CSS
and JavaScript
web sites

Basics of HTML(tags and R-1 OR-1 Introduction to Students will get Discussion Various
their attributes) RW-1 W3C, HTML tags and familiar with W3C, websites
their attributes tags and attributes for developed using
web pages HTML, CSS
and JavaScript
web sites

Week 2 Lecture 4 Web Page Layout Using T-1 RW-1 Working with fonts Students will Discussion Various
HTML(inserting images) SW-1 and images in HTML 5 learn to modify fonts websites
and inserting images developed using
in web page HTML, CSS
and JavaScript
Web Page Layout Using T-1 AV-1 Working with fonts Students will Discussion Various
HTML(fonts in web page) and images in HTML 5 learn to modify fonts websites
and inserting images developed using
in web page HTML, CSS
and JavaScript
Lecture 5 Web Page Layout Using T-1 AV-1 .Lecture will be Students will learn Discussion Various
HTML(Working with image delivered in Working about the basics of websites
in web page (Background with image on web page images on the web developed using
image, image map and (Background image, pages HTML, CSS
image)) image map and image and JavaScript
Web Page Layout Using T-1 AV-1 Lecture will be based on Sturdents wil come to Discussion Various
HTML(Lists and Tables in a the list tags and table in know about the list websites
webpage) HTML . tags and table tags. developed using
HTML, CSS
and JavaScript
Lecture 6 Basics of HTML(structure T-1 RW-1 Lecture will be based on Students will learn Discussion Various
of html document (head, the concepts of HTML about the structure of websites
body, title) elements) HTML. developed using
HTML, CSS
and JavaScript
Week 3 Lecture 7 Web Page Layout Using R-1 RW-1 Linking among Students will Discussion Various
HTML(text and image links) different web pages learn about creating websites
hypertext, hotspots developed using
and image maps HTML, CSS
and JavaScript

An instruction plan is only a tentative plan. The teacher may make some changes in his/her teaching plan. The students are advised to use syllabus for preparation of all examinations. The students are expected to keep themselves
updated on the contemporary issues related to the course. Upto 20% of the questions in any examination/Academic tasks can be asked from such issues even if not explicitly mentioned in the instruction plan.
Week 3 Lecture 8 Advanced concepts in R-1 RW-1 L8: User input in L8: Students will Discussion Various
HTML(forms) webpage with HTML 5 learn how to read websites
forms user input using developed using
L9: Selection controls HTML5 HTML, CSS
webpage using HTML5 L9: Students will and JavaScript
form learn how to give
multiple selection to
user with HTML5

Lecture 9 Advanced concepts in R-1 RW-1 L8: User input in L8: Students will Discussion Various
HTML(forms) webpage with HTML 5 learn how to read websites
forms user input using developed using
L9: Selection controls HTML5 HTML, CSS
webpage using HTML5 L9: Students will and JavaScript
form learn how to give
multiple selection to
user with HTML5

Week 4 Lecture 10 Advanced concepts in T-1 RW-1 Frames in HTML5 Students will Discussion Various
HTML(frames) learn how to create websites
multi section web developed using
page with HTML5 HTML, CSS
and JavaScript
Lecture 11 Advanced concepts in T-1 RW-1 Overview of Students will Discussion Various
HTML(traditional html vs HTML and HTML5 get comparison of websites
xhtml) HTML and HTML5 developed using
HTML, CSS
and JavaScript
Advanced concepts in T-1 RW-1 Overview of Students will Discussion. Various
HTML(presentational HTML and HTML5 get comparison of websites
markups removed and HTML and HTML5 developed using
redefined) HTML, CSS
and JavaScript
Lecture 12 Advanced concepts in T-1 RW-1 Lecture will be based on Students will learn Discussion Various
HTML(html 5 document the basics of HTML5 about the HTML5 websites
structure thead tfoot tbody) tags. tags developed using
HTML, CSS
and JavaScript
Week 5 Lecture 13 Test 1
Lecture 14 CSS(introduction to style T-1 RW-1 Overview of style Students will Discussion Various
sheet) sheets learn concepts of websites
style sheets developed using
HTML, CSS
and JavaScript

An instruction plan is only a tentative plan. The teacher may make some changes in his/her teaching plan. The students are advised to use syllabus for preparation of all examinations. The students are expected to keep themselves
updated on the contemporary issues related to the course. Upto 20% of the questions in any examination/Academic tasks can be asked from such issues even if not explicitly mentioned in the instruction plan.
Week 5 Lecture 15 CSS(external, inline, R-1 RW-1 L15: Style attributes and L15: Students will Discussion Various
embedded css) their properties learn about different websites
L16: Implementing style attributes and developed using
different types of styles their properties. HTML, CSS
L16: Students will and JavaScript
learn to implement
different types of
styles.
Week 6 Lecture 16 CSS(external, inline, R-1 RW-1 L15: Style attributes and L15: Students will Discussion Various
embedded css) their properties learn about different websites
L16: Implementing style attributes and developed using
different types of styles their properties. HTML, CSS
L16: Students will and JavaScript
learn to implement
different types of
styles.
Lecture 17 Advanced concepts in T-1 RW-1 Lecture will describe the Students will learn Discussion Various
HTML(html 5 open media advanced concepts of about the details of websites
effort like audio video HTML5. HTML5. developed using
figure) HTML, CSS
and JavaScript
Advanced concepts in T-1 RW-1 Lecture will describe the Students will learn Discussion Demonstration
HTML(html 5 support to advanced concepts of about the details of using websites
session cookies meta tags) HTML5. HTML5.
Lecture 18 CSS(use of id and classes) R-1 RW-1 Usage of id and Students will Discussion Various
classes learn to use classes websites
and id as style sheet developed using
components HTML, CSS
and JavaScript
Week 7 Lecture 19 CSS(use of div and span) T-1 RW-1 Usage of div and Students will Discussion Various
span learn to use div and websites
span as style developed using
components HTML, CSS
and JavaScript

SPILL OVER
Week 7 Lecture 20 Spill Over
Lecture 21 Spill Over

MID-TERM
Week 8 Lecture 22 Javascript(types of script) R-1 RW-2 Concepts and types Students will Discussion Various
of scripts get an overview of websites
scripting languages developed using
HTML, CSS
and JavaScript

An instruction plan is only a tentative plan. The teacher may make some changes in his/her teaching plan. The students are advised to use syllabus for preparation of all examinations. The students are expected to keep themselves
updated on the contemporary issues related to the course. Upto 20% of the questions in any examination/Academic tasks can be asked from such issues even if not explicitly mentioned in the instruction plan.
Week 8 Lecture 23 Javascript(introduction to R-1 RW-2 Overview of Students will Discussion Various
javascript) AV-1 javascript get an overview of websites
javascript developed using
HTML, CSS
and JavaScript
Lecture 24 Javascript(variables, R-1 RW-2 Working with Students will Discussion Various
identifiers, constants in variables, identifiers and learn to use data websites
javasript) constants storage elements like developed using
variables, identifiers HTML, CSS
and constants and JavaScript
Week 9 Lecture 25 Javascript(operators in R-1 RW-2 Operators in Students will Discussion Various
javascirpts) javascript learn about operators websites
in javascript developed using
HTML, CSS
and JavaScript
Lecture 26 Javascript(control and R-1 RW-2 Working with Students will Discussion Various
looping structure) control flow and looping learn to use control websites
statements in javascript flow and looping developed using
statements in HTML, CSS
javascript and JavaScript
Lecture 27 Javascript(concepts of array) R-1 RW-2 Concepts and Students will Discussion Various
methods of array in learn to use arrays websites
javascript and its methods in developed using
javascript HTML, CSS
and JavaScript
Javascript(methods of array) R-1 RW-2 Concepts and Students will Discussion Various
methods of array in learn to use arrays websites
javascript and its methods in developed using
javascript HTML, CSS
and JavaScript
Week 10 Lecture 28 Advanced concepts in R-1 RW-2 Built in functions Students will Discussion Various
Javascript(maths and date (date, mathematical, get an overview of websites
object) string) in javascript built in functions in developed using
javascript HTML, CSS
and JavaScript
Advanced concepts in R-1 RW-2 Built in functions Students will Discussion Various
Javascript(string object) (date, mathematical, get an overview of websites
string) in javascript built in functions in developed using
javascript HTML, CSS
and JavaScript
Lecture 29 Advanced concepts in R-1 RW-2 User defined and Students will Discussion
Javascript(user defined custom functions in learn to create user
functions) javascript defined custom
functions in
javascript

An instruction plan is only a tentative plan. The teacher may make some changes in his/her teaching plan. The students are advised to use syllabus for preparation of all examinations. The students are expected to keep themselves
updated on the contemporary issues related to the course. Upto 20% of the questions in any examination/Academic tasks can be asked from such issues even if not explicitly mentioned in the instruction plan.
Week 10 Lecture 30 Advanced concepts in R-1 RW-2 Objects and Students will Discussion Various
Javascript(objects and constructors in learn to use objects websites
constructors) javascript and constructors in developed using
javascript HTML, CSS
and JavaScript
Week 11 Lecture 31 Advanced concepts in R-1 RW-2 Implementing Students will Discussion Various
Javascript(validations in validations using learn to implement websites
javascript) javascript using javascript developed using
HTML, CSS
and JavaScript
Lecture 32 Basics of JQuery T-1 RW-3 Overview of Students will Discussion Various
(Introduction to JQuery) JQuery get an overview of websites
JQuery developed using
HTML, CSS
and JavaScript
Lecture 33 Basics of JQuery(JQuery T-1 RW-3 L33: Events in Jquery L33: Students will Discussion
events) L34: Event capturing learn to use various
using Jquery events in Jquery
L34: Students will
learn to perform
event handling in
Jquery
Week 12 Lecture 34 Basics of JQuery(JQuery T-1 RW-3 L33: Events in Jquery L33: Students will Discussion
events) L34: Event capturing learn to use various
using Jquery events in Jquery
L34: Students will
learn to perform
event handling in
Jquery
Lecture 35 Basics of JQuery T-1 RW-2 Animations and Students will Discussion
(Animations and effects effects in web page learn to implements
using JQuery) using Jquery animations and
effects using Jquery
Lecture 36 Test 2
Week 13 Lecture 37 DOM using Javascript(dom T-1 RW-3 L37: DOM concepts L37: Students will Discussion
concept in javascript) overview get an overview of
L38: DOM for DOM
javascript, HTML L38: Students will
get an overview of
implementing DOM
in HTML and
Javascript

An instruction plan is only a tentative plan. The teacher may make some changes in his/her teaching plan. The students are advised to use syllabus for preparation of all examinations. The students are expected to keep themselves
updated on the contemporary issues related to the course. Upto 20% of the questions in any examination/Academic tasks can be asked from such issues even if not explicitly mentioned in the instruction plan.
Week 13 Lecture 38 DOM using Javascript(dom T-1 RW-3 L37: DOM concepts L37: Students will Discussion
concept in javascript) overview get an overview of
L38: DOM for DOM
javascript, HTML L38: Students will
get an overview of
implementing DOM
in HTML and
Javascript
Lecture 39 DOM using Javascript T-1 RW-3 Windows object of Students will Discussion Various
(windows navigator) DOM learn about methods websites
of windows object of developed using
DOM HTML, CSS
and JavaScript
Week 14 Lecture 40 DOM using Javascript T-1 RW-3 Location object of Students will Discussion Various
(locations object with DOM learn to methods of websites
methods) location object of developed using
DOM HTML, CSS
and JavaScript

SPILL OVER
Week 14 Lecture 41 Spill Over
Lecture 42 Spill Over
Week 15 Lecture 43 Spill Over
Lecture 44 Spill Over
Lecture 45 Spill Over

Scheme for CA:

CA Category of this Course Code is:A0203 (2 best out of 3)

Component Weightage (%)

Term paper 50
Test 50
Test 50

Details of Academic Task(s)

An instruction plan is only a tentative plan. The teacher may make some changes in his/her teaching plan. The students are advised to use syllabus for preparation of all examinations. The students are expected to keep themselves
updated on the contemporary issues related to the course. Upto 20% of the questions in any examination/Academic tasks can be asked from such issues even if not explicitly mentioned in the instruction plan.
Academic Task Objective Detail of Academic Task Nature of Academic Academic Task Marks Allottment /
Task Mode submission
(group/individuals) Week
Term paper To evaluate student's Each student will be given unique topic based on HTML, Javascript Individual Online 30 3 / 12
performance on and Jquery
topic assigned.
Test 1 To prepare students Basics of HTML,Web Page Layout Using HTML,Advanced Individual Offline 30 4/5
and evaluate their concepts in, HTML
learning concepts
Test 2 To prepare students Style sheet, properties, Positioning with style sheets, Introduction to Individual Offline 30 10 / 11
and evaluate their Scripting, Control Statements, functions,arrays,strings in
learning concepts JavaScript.

List of suggested topics for term paper[at least 15] (Student to spend about 15 hrs on any one specified term paper)

Sr. No. Topic

1 Design an online bulletin board for students of LPU using HTML and Javascript
2 Design a website for implementing online tutorial of course studied by you using HTML and Javascript
3 Design a website to teach Yoga using HTML & Javascript
4 Tourism website for your home state using HTML and Javascript
5 Website for Indian Cricket team using HTML and Javascript
6 Design a online Guest book of a Hotel using HTML & Javascript
7 Design a online Catalog for Electronic Goods using HTML & Javascript
8 Design a website to implement Library Management System using HTML and Javascript
9 Design a website to implement Hospital Management System using HTML and Javascript
10 Design a website to implement Online Railway Reservation using HTML and Javascript
11 Design an online student result system using HTML & Javascript
12 Online Movie Ticket Booking using HTML and Javascript
13 Design a website for campus cage of LPU using HTML and Javascript
14 Design a website to reflect Marine Life using HTML & Javascript
15 Design a website for online shopping using HTML and JavaScript

An instruction plan is only a tentative plan. The teacher may make some changes in his/her teaching plan. The students are advised to use syllabus for preparation of all examinations. The students are expected to keep themselves
updated on the contemporary issues related to the course. Upto 20% of the questions in any examination/Academic tasks can be asked from such issues even if not explicitly mentioned in the instruction plan.