1CS201 CDP
1CS201 CDP
Batch 2023-24
Term/Semester 2nd
E-mail ID malaram.kumhar@nirmauni.ac.in
Office Hours Mon, Thu and Fri: 11:00 am to 6:00 pm, Tue and
Wed: 9:00 am to 4:00 pm, Sat: 9:00 am to 3:00 pm
Moodle Details (as and when
available)
*****************************************************************************
1. Course Overview
• The main focus of offering this course is to teach fundamentals for web
designing using HTML, CSS, Java Script jQuery & AngularJS and to make them
aware of various web technologies.
• This course will provide a platform for students to design static as well as
interactive webpages incorporating validation techniques.
4. Laboratory Details
Laboratory experiments/ exercises should be completed as per the given schedule. It
is expected that a student does the same with full understanding of the concept,
procedure and application involved.
Laboratory work will be based on the syllabus with the following 10 experiments to
beperformed.
Suggested Sr. Title Hours
List of No.
Experiments: 1 a. Design a home page to display your resume using the HTML
table tag.
b. Design an HTML page using different types of lists to 4
demonstrate nesting of the lists.
c. Demonstrate an image map for country India in HTML.
Once we click on specific state, it will open another page
which one the map of the state.
2 Design web pages for the followings:
A. Table as given below:
4
Suggested -NA-
Case List:
5. Assessment Policy
5.1 Component wise Continuous Evaluation (CE), Laboratory and Lab Practical Work (LPW)
& Semester End Examination (SEE) weightage
SEE CE LPW
0.4 0.3 0.3
1 Overview of the Text Book Harvey M. Deitel, Paul J. Deitel & Abbey
course, Discussion Deitel, “Internet and World Wide Web: How
on Course Policy, to Program”, 5th Edition, Pearson Education,
Course Website 2012, ISBN: 9780273764021.
and Blog, Reading ---
Importance of the
course, Evaluation, (Reference)
Linkages of the Pedagogy Recap lecture, Open discussion.
course with other
Course ---
courses and
learning
Professional outcome
relevance
(CLO)
Session Understand importance, scope and policy of
Learning the course
Outcome
(SLO)
URL
2 Introduction to Web, Text Book Harvey M. Deitel, Paul J. Deitel & Abbey
Client and Server Deitel, “Internet and World Wide Web:
Concepts How to Program”, 5th Edition, Pearson
Types of Web Education, 2012, ISBN: 9780273764021.
Developers Reading Harvey M. Deitel, Paul J. Deitel &
Abbey Deitel, “Internet and World
(Reference) Wide Web: How to Program”, 5th
Edition, Pearson Education, 2012, ISBN:
9780273764021.
Pedagogy Chalk and board lecture, Power Point
Presentation (PPT)
CLO 1
SLO 1. Understand the concept of WWW,
Internet.
2. Understand different types of web
developer
URL
3 Requirements and Text Book Harvey M. Deitel, Paul J. Deitel & Abbey
Process of Web Deitel, “Internet and World Wide Web:
Development How to Program”, 5th Edition, Pearson
Education, 2012, ISBN: 9780273764021.
Reading Harvey M. Deitel, Paul J. Deitel &
Abbey Deitel, “Internet and World
(Reference) Wide Web: How to Program”, 5th
Edition, Pearson Education, 2012, ISBN:
9780273764021.
Pedagogy Chalk and board lecture, Powerpoint
Presentation (PPT)
CLO 1
SLO Understand the process of web design and
development step by step
URL
4 Basic formatting Text Book Kogent Learning Solutions Inc (2013).
tags: HTML tags HTML 5 Black Book: CSS3, Javasvript,
XML, XHTML, AJAX, PHP and jQuery.
Wiley India
Reading https://www.w3schools.com/html/
(Reference)
Pedagogy Chalk and board lecture, Power Point
Presentation (PPT), Web Browser, Notepad
CLO 1,2
SLO Knowing the basic HTML tags format and
understanding their use (tags like, HTML,
head, body, paragraph<p>, etc.
URL
5 HTML tag: List, types Text Book Kogent Learning Solutions Inc (2013).
of lists: ordered list, HTML 5 Black Book: CSS3, Javasvript,
unordered list and XML, XHTML, AJAX, PHP and jQuery.
definition list Wiley India
Reading https://www.w3schools.com/html/
(Reference)
Pedagogy Chalk and board lecture, Power Point
Presentation (PPT), Web Browser, Notepad
CLO 1,2
SLO Understand the list tag and different types of
lists, its use while designing a website
URL
6 HTML tag: Tables Text Book Kogent Learning Solutions Inc (2013).
-nested table, various HTML 5 Black Book: CSS3, Javasvript,
table properties XML, XHTML, AJAX, PHP and jQuery.
Wiley India
Reading(Refe https://www.w3schools.com/html/
rence)
Pedagogy Chalk and board lecture, Power Point
Presentation (PPT), Web Browser, Notepad
CLO 1,2
SLO 1. Understand the Table tag and
different properties of table tags
2. Understand its use while designing
a website
URL
7 HTML tag: Images Text Book Kogent Learning Solutions Inc (2013).
-various properties HTML 5 Black Book: CSS3, Javasvript,
of image tag XML, XHTML, AJAX, PHP and jQuery.
Wiley India
Reading(Refe https://www.w3schools.com/html/
rence)
Pedagogy Chalk and board lecture, Power Point
Presentation (PPT), Web Browser,
Notepad
CLO 1, 2
SLO 1. Understand the image tag and different
properties of image tags
2. Understand imagemap and area tags
URL
8 HTML tag: Form - Text Book Kogent Learning Solutions Inc (2013).
various fields HTML 5 Black Book: CSS3, Javasvript,
of form tag XML, XHTML, AJAX, PHP and jQuery.
Wiley India
Reading(Refe https://www.w3schools.com/html/
rence)
Pedagogy Chalk and board lecture, Power Point
Presentation (PPT), Web Browser,
Notepad
CLO 1, 2
SLO 1. Understand the form tag and different
fields of form tags
2. Understand button and its click
events
URL
9 CCS: Types of Text Book Kogent Learning Solutions Inc (2013).
cascading style sheets HTML 5 Black Book: CSS3, Javasvript,
XML, XHTML, AJAX, PHP and jQuery.
Wiley India
Reading(Refe https://www.w3schools.com/html/
rence)
Pedagogy Chalk and board lecture, Power Point
Presentation (PPT), Web Browser, Notepad
CLO 1, 2
SLO 1. Understand the basic of Cascading
style sheet.
2. Understand the different types of
its inclusion in web designing.
URL
10 Style Specification Text Book Kogent Learning Solutions Inc (2013).
Formats : Selector HTML 5 Black Book: CSS3, Javasvript,
Forms. XML, XHTML, AJAX, PHP and jQuery.
Wiley India
Reading(Refe https://www.w3schools.com/w3css/defaulT.a
rence) sp
Pedagogy Chalk and board lecture, Power Point
Presentation (PPT), Web Browser, Notepad,
VS Code
CLO 1, 2
SLO Understand the different selectors in CSS
URL
11 Style Specification Text Book Kogent Learning Solutions Inc (2013).
Formats: Selector HTML 5 Black Book: CSS3, Javasvript,
Forms implementation XML, XHTML, AJAX, PHP and jQuery.
for different Wiley India
applications Reading(Refe https://www.w3schools.com/w3css/defaulT.a
rence) sp
Pedagogy Chalk and board lecture, Power Point
Presentation (PPT), Web Browser, Notepad,
VS Code
CLO 1, 2
SLO Understand the implementation of
different selectors and their usages
URL
12 Introduction to Text Book Kogent Learning Solutions Inc (2013).
JavaScript, Variables HTML 5 Black Book: CSS3, Javasvript,
and Objects XML, XHTML, AJAX, PHP and jQuery.
Wiley India
Reading(Refe Nixon, R. (2015). Learning PHP, MySQL &
rence) JavaScript: with jQuery, CSS & HTML5 (4. ed)
Beijing: O’Reilly
https://www.w3schools.com/js/
URL
14 Text Book Kogent Learning Solutions Inc (2013).
Loops in JavaScript HTML 5 Black Book: CSS3, Javasvript,
XML, XHTML, AJAX, PHP and jQuery.
Wiley India
Reading(Refe Nixon, R. (2015). Learning PHP, MySQL &
rence) JavaScript: with jQuery, CSS & HTML5 (4. ed)
Beijing: O’Reilly
https://www.w3schools.com/js/
Pedagogy Chalk and board lecture, Power Point
Presentation (PPT), Notepad, VS Code
CLO 1, 2
SLO Understand the Looping construct in
JavaScript
URL
URL
17 Document Object Text Book Kogent Learning Solutions Inc (2013).
Model (DOM), Event HTML 5 Black Book: CSS3, Javasvript,
Model XML, XHTML, AJAX, PHP and jQuery.
Wiley India
Reading(Refe Nixon, R. (2015). Learning PHP, MySQL &
rence) JavaScript: with jQuery, CSS & HTML5 (4. ed)
Beijing: O’Reilly
https://www.w3schools.com/js/
Pedagogy Chalk and board lecture, Power Point
Presentation (PPT), VS Code.
CLO 1,2
SLO Understand the concept of Document Object
Model (DOM) and Event Model
URL
18 jQuery Introduction Text Book Kogent Learning Solutions Inc (2013).
HTML 5 Black Book: CSS3, Javasvript,
XML, XHTML, AJAX, PHP and jQuery.
Wiley India
URL
19 jQuery Syntax Text Book Kogent Learning Solutions Inc (2013).
HTML 5 Black Book: CSS3, Javasvript,
XML, XHTML, AJAX, PHP and jQuery.
Wiley India
Reading(Refe Nixon, R. (2015). Learning PHP, MySQL &
rence) JavaScript: with jQuery, CSS & HTML5 (4. ed)
Beijing: O’Reilly
https://www.w3schools.com/jquery/defa
ult.asp
Pedagogy Chalk and board lecture, Power Point
Presentation (PPT), VS Code.
CLO 1,2,3
SLO Understand the jQuery Syntax for selecting
HTML elements and performing some action on
the element(s).
URL
20 jQuery Selectors Text Book Kogent Learning Solutions Inc (2013).
HTML 5 Black Book: CSS3, Javasvript,
XML, XHTML, AJAX, PHP and jQuery.
Wiley India
Reading(Refe Nixon, R. (2015). Learning PHP, MySQL &
rence) JavaScript: with jQuery, CSS & HTML5 (4. ed)
Beijing: O’Reilly
https://www.w3schools.com/jquery/defa
ult.asp
Pedagogy Chalk and board lecture, Power Point
Presentation (PPT), VS Code.
CLO 1,2,3
SLO Understand the jQuery Selectors to select and
manipulate HTML element(s).
URL
21 jQuery Events Text Book Kogent Learning Solutions Inc (2013).
HTML 5 Black Book: CSS3, Javasvript,
XML, XHTML, AJAX, PHP and jQuery.
Wiley India
Reading(Refe Nixon, R. (2015). Learning PHP, MySQL &
rence) JavaScript: with jQuery, CSS & HTML5 (4. ed)
Beijing: O’Reilly
https://www.w3schools.com/jquery/defa
ult.asp
Pedagogy Chalk and board lecture, Power Point
Presentation (PPT), VS Code.
CLO 1,2,3
SLO Understand the jQuery Selectors to select and
manipulate HTML element(s).
URL
22 jQuery Effects Text Book Kogent Learning Solutions Inc (2013).
HTML 5 Black Book: CSS3, Javasvript,
XML, XHTML, AJAX, PHP and jQuery.
Wiley India
Reading(Refe Nixon, R. (2015). Learning PHP, MySQL &
rence) JavaScript: with jQuery, CSS & HTML5 (4. ed)
Beijing: O’Reilly
https://www.w3schools.com/jquery/defa
ult.asp
Pedagogy Chalk and board lecture, Power Point
Presentation (PPT), VS Code.
CLO 1,2,3
SLO Understand the jQuery Effects.
URL
23 AngularJS: Text Book Professional AngularJS by Valeri Karpov and
Introduction, Diego Netto(June 2015).
Modules
Reading(Refe https://www.w3schools.com/angular/
rence)
Pedagogy Chalk and board lecture, Power Point
Presentation (PPT), VS Code.
CLO 1,2,3
SLO 1. Introduction to AngularJS ( a
JavaScript framework).
2. Understand the Modules of AngularJS
URL
24 AngularJS: Directives, Text Book Professional AngularJS by Valeri Karpov and
Model Diego Netto(June 2015).
Reading(Refe https://www.w3schools.com/angular/
rence)
Pedagogy Chalk and board lecture, Power Point
Presentation (PPT), VS Code.
CLO 1,2,3
SLO Understand the Directives of AngularJS and
AngularJS Model
URL
28 Web Servers: Text Book Scott Parker, The Web Designer's 1’1 Most
Configuration, Web Important Decisions Professional Secrets for a
Hosting and Winning Website, Adams Media.
Deployment Reading(Refe ---
rence)
Pedagogy Chalk and board lecture, Power Point
Presentation (PPT), Web Browser, Notepad,
VS Code
CLO 1,2,3,4
SLO Understand the Web Server configuration,
Web Hosting and Deployment
URL
URL
References:
1. Harvey M. Deitel, Paul J. Deitel & Abbey Deitel, “Internet and World Wide Web: How to
Program”, 5th Edition, Pearson Education, 2012, ISBN: 9780273764021.
2. Kogent Learning Solutions Inc (2013). HTML 5 Black Book: CSS3, Javasvript, XML, XHTML,
AJAX, PHP and jQuery. Wiley India
3. Nixon, R. (2015). Learning PHP, MySQL & JavaScript: with jQuery, CSS & HTML5 (4. ed) Beijing:
O’Reilly.
4. Professional AngularJS by Valeri Karpov and Diego Netto(June 2015).
5. Scott Parker, The Web Designer's 1’1 Most Important DecisionsProfessional Secrets for a
Winning Website, Adams Media.
6. Jon Duckett, Beginning Web Programming with Html, XHTML and CSS,Wiley India Pvt
Ltd.
Nirma University
Institute of Technology
Office : Mon, Thu and Fri: 11:00 am to 6:00 pm, Tue and Wed:
9:00 am to 4:00 pm, Sat: 9:00 am to 3:00 pm
Course Faculty:
Institute:
Name of Instructor:……………………………….…………………………………………….
Course:………………………………………….………………………………………………
8. Course Material
Following course material is uploaded on Moodle:
https://lms.nirmauni.ac.in/course/view.php?id=3426
● Course Policy
● Lecture Notes
● Books / Reference Books / NPTEL video lectures
● Assignments, Lab Manuals
● Web-links, Blogs, Video Lectures, Journals
● Software
● Advanced topics
Index
Total
Marks (as per
Sr. Title of experiment Date Marks Sign
rubrics)
No. (10)
2 2 2 2 2
Experiment based on basic
1. HTML tag like, link, list,
image and image mapping.
Experiment based on
2. HTML table tags and form
tags to design a form.
Experiment to demonstrate
3.
types of CSS and text and
box model properties.
Write a JavaScript to
4.
understand basic working
of JavaScript and arrays.
Design a shopping website
5.
that provides information
about various products to
the visitor and validate each
field using JavaScript.
Write programs/scripts for
6. implementing basics jQuery
Syntax and jQuery
Selectors.
Write programs/scripts for
7.
implementing jQuery
Events and jQuery Effects.
Write an AngularJS script
8. to display list of courses
stored in an array on click
of button using ng-click.
Also demonstrate ng-init,
ng-bind, directives in
AngularJS.
Create a Single page
9. application using AngularJS
for customer registration
visiting a departmental
store.
10 Web application deployment
. on open source (Apache,
Nginx) web servers.