About Me

header ads



Course Code-18CS63
CIE Marks-40
Number of Contact Hours/Week-3:2:0
SEE Marks-60
Total Number of Contact Hours-50
Exam Hours-03

Course Learning Objectives: This course (18CS63) will enable students to:

 Illustrate the Semantic Structure of HTML and CSS
 Compose forms and tables using HTML and CSS
 Design Client-Side programs using JavaScript and Server-Side programs using PHP
 Infer Object-Oriented Programming capabilities of PHP
 Examine JavaScript frameworks such as jQuery and Backbone

Module 1

Introduction to HTML, What is HTML and Where did it come from?, HTML Syntax, Semantic Markup, Structure of HTML Documents, Quick Tour of HTML Elements, HTML5 Semantic Structure Elements, Introduction to CSS, What is CSS, CSS Syntax, Location of Styles, Selectors, The Cascade: How Styles Interact, The Box Model, CSS Text Styling.
Textbook 1: Ch. 2, 3
RBT: L1, L2, L3

Click here to download Module-1

Module 2

HTML Tables and Forms, Introducing Tables, Styling Tables, Introducing Forms, Form Control Elements, Table and Form Accessibility, Microformats, Advanced CSS: Layout, Normal Flow, Positioning Elements, Floating Elements, Constructing Multicolumn Layouts, Approaches to CSS Layout, Responsive Design, CSS Frameworks.
Textbook 1: Ch. 4,5
RBT: L1, L2, L3

Click here to download Module-2

Module 3

JavaScript: Client-Side Scripting, What is JavaScript and What can it do?, JavaScript Design Principles, Where does JavaScript Go?, Syntax, JavaScript Objects, The Document Object Model (DOM), JavaScript Events, Forms, Introduction to Server-Side Development with PHP, What is Server-Side Development, A Web Server‟s Responsibilities, Quick Tour of PHP, Program Control, Functions
Textbook 1: Ch. 6, 8
RBT: L1, L2, L3

Click here to download Module-3

Module 4

PHP Arrays and Superglobals, Arrays, $_GET and $_POST Superglobal Arrays, $_SERVER Array, $_Files Array, Reading/Writing Files, PHP Classes and Objects, Object-Oriented Overview, Classes and Objects in PHP, Object Oriented Design, Error Handling and Validation, What are Errors and Exceptions?, PHP Error Reporting, PHP Error and Exception Handling
Textbook 1: Ch. 9, 10
RBT: L1, L2, L3

Click here to download Module-4

Module 5

Managing State, The Problem of State in Web Applications, Passing Information via Query Strings, Passing Information via the URL Path, Cookies, Serialization, Session State, HTML5 Web Storage, Caching, Advanced JavaScript and jQuery, JavaScript Pseudo-Classes, jQuery Foundations, AJAX, Asynchronous File Transmission, Animation, Backbone
MVC Frameworks, XML Processing and Web Services, XML Processing, JSON, Overview of Web Services.
Textbook 1: Ch. 13, 15,17
RBT: L1, L2, L3

Click here to download Module-5

Course Outcomes: The student will be able to :

 Adapt HTML and CSS syntax and semantics to build web pages.
 Construct and visually format tables and forms using HTML and CSS
 Develop Client-Side Scripts using JavaScript and Server-Side Scripts using PHP to generate and display the contents dynamically.
 Appraise the principles of object oriented development using PHP
 Inspect JavaScript frameworks like jQuery and Backbone which facilitates developer to focus on core features.

Click here to download the complete 5 module notes

Question Paper Pattern:

 The question paper will have ten questions.
 Each full Question consisting of 20 marks
 There will be 2 full questions (with a maximum of four sub questions) from each module.
 Each full question will have sub questions covering all the topics under a module.
 The students will have to answer 5 full questions, selecting one full question from each module.


1. Randy Connolly, Ricardo Hoar, "Fundamentals of Web Development”, 1stEdition, Pearson Education India. (ISBN:978-9332575271)

Reference Books:

1. Robin Nixon, “Learning PHP, MySQL &JavaScript with jQuery, CSS and HTML5”, 4thEdition, O‟Reilly Publications, 2015. (ISBN:978-9352130153)
2. Luke Welling, Laura Thomson, “PHP and MySQL Web Development”, 5th Edition, Pearson Education, 2016. (ISBN:978-9332582736)
3. Nicholas C Zakas, “Professional JavaScript for Web Developers”, 3rd Edition, Wrox/Wiley India, 2012. (ISBN:978-8126535088)
4. David Sawyer Mcfarland, “JavaScript & jQuery: The Missing Manual”, 1st Edition, O‟Reilly/Shroff Publishers & Distributors Pvt Ltd, 2014

Mandatory Note:

Distribution of CIE Marks is a follows (Total 40 Marks):

 20 Marks through IA Tests
 20 Marks through practical assessmen
Maintain a copy of the report for verification during LIC visit.

Posssible list of practicals:

1. Write a JavaScript to design a simple calculator to perform the following operations: sum, product, difference and quotient.

2. Write a JavaScript that calculates the squares and cubes of the numbers from 0 to 10 and outputs HTML text that displays the resulting values in an HTML table format.

3. Write a JavaScript code that displays text “TEXT-GROWING” with increasing font size in the interval of 100ms in RED COLOR, when the font size reaches 50pt it displays “TEXT-SHRINKING” in BLUE color. Then the font size decreases to 5pt.

4. Develop and demonstrate a HTML5 file that includes JavaScript script that uses functions for the following problems:
a. Parameter: A string
b. Output: The position in the string of the left-most vowel
c. Parameter: A number
d. Output: The number with its digits in the reverse order

5. Design an XML document to store information about a student in an engineering college affiliated to VTU. The information must include USN, Name, and Name of the College, Programme, Year of Joining, and email id. Make up sample data for 3 students. Create a CSS style sheet and use it to display the document.

6. Write a PHP program to keep track of the number of visitors visiting the web page and to display this count of visitors, with proper headings.

7. Write a PHP program to display a digital clock which displays the current time of the server.

8. Write the PHP programs to do the following:
a. Implement simple calculator operations.
b. Find the transpose of a matrix.
c. Multiplication of two matrices.
d. Addition of two matrices.

9. Write a PHP program named states.py that declares a variable states with value "Mississippi Alabama Texas Massachusetts Kansas". write a PHP program that does the following:
a. Search for a word in variable states that ends in xas. Store this word in element 0 of a list named statesList.
b. Search for a word in states that begins with k and ends in s. Perform a case-insensitive comparison. [Note: Passing re.Ias a second parameter to method compile performs a case-insensitive comparison.] Store this word in element1 of statesList.
c. Search for a word in states that begins with M and ends in s. Store this word in element 2 of the list.
d. Search for a word in states that ends in a. Store this word in element 3 of the list.

10. Write a PHP program to sort the student records which are stored in the database using selection sort.