5268: Advanced Web Design Lab KL Diploma Syllabus for IT 5th Sem 2015 Revision SITTTR

Advanced Web Design Lab detailed syllabus for Information Technology (IT) for 2015 revision curriculum has been taken from the SITTTRs official website and presented for the IT students. For course code, course name, number of credits for a course and other scheme related information, do visit full semester subjects post given below.

For Information Technology 5th Sem scheme and its subjects, do visit IT 5th Sem 2015 revision scheme. The detailed syllabus of advanced web design lab is as follows.

Course Outcomes:

On completion of this course the student will be able to :

1. To understand javaScript and JSON
2. To understand javaScript and XML
3. To understand AJAX and XML
4. To understand jQuery and AJAX

SPECIFIC OUTCOMES:

CYCLE – I: javaScript and JSON

1. To understand javaScript and JSON
   1. Create a javaScript program to bind a function to on-click event of a button, the function perform and alert operation
   2. Create a javaScript program to bind a function to on-click event of a button, the function changes the colour of all paragraphs into red
   3. Create a javaScript program to bind on-click event function to all paragraphs inside a webpage such that when user clicks on a paragraph, its background colour should change to red and colour to white
   4. Create a javaScript program to create a JSON variable like a two-dimensional array that contains India’s states and districts and print then as an ordered list
   5. Create a javaScript program to implement focus and blur event to all text boxes inside a form, when user focus on the textbox set background colour to gray, when blurred set it back to white

CYCLE – II: javaScript and XML

1. To understand javaScript and XML
   1. Create a javaScript program to demonstrate timeout and time interval, which performs an alert operation 10 seconds after user clicks on a button and a repeated alert operation in each 10 seconds after user clicks on another button. Also implement stop operation in a button
   2. Create a javaScript program to create a digital clock
   3. Create a javascript program to implement show password checkbox inside a login form
   4. Create a javaScript program to implement check all check boxes for a checkbox group
   5. Create a javaScript program to create an XML text like a two-dimensional array that contains India’s states and districts and print them as an ordered list
   6. Create a javascript program to validate a registration form with field’s First name, last name, username, password, gender, district (select box), address, email

CYCLE – III: AJAX and XML

1. To understand AJAX and XML
   1. Create an AJAX Program to load a text stored in server when user clicks on a button in webpage
   2. Create an AJAX Program to load an XML file that contains India’s states and districts into webpage and fill two select boxes using the data fetched from xml. First load the State select box and load district select box corresponding to selected state
   3. Create an AJAX Program to load a student’s data from database and display it as a table. The program contains a textbox to enter roll number and a button, when user clicks on the button retrieve data from database corresponding to the roll number inside the text box. Use GET method
   4. Create an AJAX Program to perform login operation using AJAX. Use POST method

CYCLE – IV: jQuery and AJAX

1. To understand jQuery and AJAX
   1. Create a jQuery program to bind a function to on-click event of a button, the function perform and alert operation
   2. Create a jQuery program to bind a function to on-click event of a button, the function changes the colour of all paragraphs into red
   3. Create a jQuery program to implement focus and blur event to all text boxes inside a form, when user focus on the textbox set background colour to gray, when blurred set it back to white
   4. Create a jQuery program validate a login form on client side when user submits the form using attribute event method
   5. Create a jQuery program Demonstrate hide/show, fade and slide effects on a div
   6. Create a jQuery program to load a text stored in server when user clicks on a button in webpage in AJAX

For detailed syllabus of all other subjects of Information Technology, 2015 revision curriculum do visit IT 5th Sem subject syllabuses for 2015 revision.

To see the syllabus of all other branches of diploma 2015 revision curriculum do visit all branches of SITTTR diploma 2015 revision.