NIRMA UNIVERSITY

Institute: Institute of Technology

Name of Programme: B. Tech Semester – I
Course Code: 1CS201
Course Title: Introduction to Web Programming
Course Type: Core
Year of Introduction: 2023-24

L T Practical Component C
LPW PW W S
2 - 2 - - - 3

Course Learning Outcomes (CLO):

At the end of the course, students will be able to –

1. Apply the concepts of HTML and CSS to design static web pages. (BL-3)
2. Understand various concepts related to dynamic web pages and validate them using JavaScript.
(BL-2)
3. Outline the concepts of jQuery and implement the web applications. (BL-4)
4. Design and deploy web applications on web servers. (BL-5)

Syllabus: Total Teaching hours: 30

Unit Syllabus Teaching

hours
Unit-I Web Development Basics: Introduction to Web, Client and Server 3
Concepts, Types of Web Developers, Requirements and Process of
Web Development
Unit-II HTML & CSS: Basic formatting tags, List, Tables, images, forms, 8
Types of cascading style sheets, Style Specification Formats.
Unit-III JavaScript: Introduction to JavaScript, Variables and Objects, 6
Decision Making Statement, Loops, Arrays, Functions, Document
Object Model (DOM), Event Model
Unit-IV jQuery: jQuery Introduction, jQuery Syntax, jQuery Selectors, jQuery 5
Events, jQuery Effects.
Unit-V AngularJS: Introduction, Modules, Directives, Model, Data binding, 5
Controllers, Filters, Events and Forms.
Unit-VI Web Servers: Configuration, Web Hosting and Deployment, 3
Introduction to Server Side Scripting, Securing Websites

Self-Study: The self-study contents will be declared at the commencement of semester.

Around 10% of the questions will be asked from self-study contents.
Suggested 1. Harvey M. Deitel, Paul J. Deitel & Abbey Deitel, “Internet and World
Readings/ Wide Web: How to Program”, 5th Edition, Pearson Education, 2012,
References: 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)

Suggested Sr. Title Hours

List of No.
Experiment 1 a. Design an HTML page using text level tags and block level 2
s: tags. Demonstrate an image map in HTML.
b. Design an HTML page using different types of lists to
demonstrate nesting of the lists. Design a home page to
display your resume using the HTML table tag.
2 Write CSS code to demonstrate Inline, Internal and external 2
cascading style sheet.
3 A) Write a script that reads in two integers and
determines and outputs HTML text displays whether
the first in a multiple of the second.
B) Create a JavaScript that merge two arrays without
duplicating elements. 4
C) Implement a JavaScript function that takes a string as
an argument which has lower and upper-case letters
and converts upper case letters to lower case, and
lower-case letters to upper case.
4 A) Write a JavaScript code to display the denomination of
the amount deposited in the bank in terms of 100’s, 50’s,
20’s, 10’s, 5’s, 2’s and 1’s (eg. If deposited amount is Rs.163,
the output should be 1-100’s, 1-50’s, 1-2’s and 1-1’s). 4
B) Design a web page which have simple guessing number
game. Write a JavaScript function which generate random
number in between 1 to 200. Give user 5 attempts to
guess the random number. If user guess it correctly then
change the background color of web page to yellow and if
user fail to guess the number after the 5 attempts, then
change the background color of web page to orange.

5 Design a shopping website that provides information about

various products to the visitor. A visitor can register to the
shopping website if he wishes to purchase some item(s)
now or in future. The registration form should collect 4
necessary information of a visitor in order to deliver the
product if order placed. Moreover, design a web page to
place orders by the registered user. Validate all the fields of
the registration form and order form.
6 Write programs/scripts for implementing basics of jQuery 2
Syntax and jQuery Selectors.
7 Write programs/scripts for implementing jQuery Events and 4
jQuery Effects.
8 Write an AngularJS script to display list of courses stored in
an array on click of button using ng-click. Also demonstrate 2
 ng-init, ng-bind, directives in AngularJS.
9 Create a Single page application using AngularJS for
customer registration visiting a departmental store. Form
should consist of fields such as name, contact no., gender, 4
favourite item (to be selected from list of items with
quantity) and suggestions. Display the bill with total number
of items selected and total amount to be paid.
10 Web application deployment on open source (Apache, 2
Nginx) web servers.

Suggested -NA-
Case List: