Web Programming Practicals

Practical 1

Practical 2

  • Design your class timetable using HTML and display it in tabular format
  • See Practical 2

Practical 3

Practical 4

Practical 5 - 1

Practical 5 - 2

Practical 5 - 3

Practical 6 - 1

  • Write javascript to validate the following fields of the above registrtion page.
  • See Practical 6 - 1

Practical 6 - 2

Practical 6 - 3

  • Write a JavaScript that calculates the squares and cubes of the numbers from 0 to 10.
  • See Practical 6 - 3

Practical 6 - 4

  • Write a HTML page that has one input, which can take multi-line text and a submit button. Once the user clicks the submit button, it should show the number of characters, words and lines in the text entered using an alert message.
  • See Practical 6 - 4

Practical 6 - 5

  • Write an HTML page that contains a selection box with a list of 5 countries. When the user selects a country, its capital should be printed next to the list.
  • See Practical 6 - 5

Practical 7 - 1

  • Create an image viewer with the following buttons. Next, Previous, First, Last.
  • See Practical 7 - 1

Practical 7 - 2

  • Write a program that changes the Size of an image when you mouse over the Image and when mouse out image will be in original size.
  • See Practical 7 - 2

Practical 7 - 3

  • Image when you mouse over the Image and when mouse out image will be in original size.
  • See Practical 7 - 3

Practical 8 - 1

Practical 8 - 2

Practical 8 - 3

  • Make a login form having following fields: Username, Password, Remember Me and submit button.
  • See Practical 8 - 3

Practical 9

  • Create a Student Registration form, add the data into it, submit it to the database, display the data in the same page, update the data and delete it by connecting it to MySQL database using PHP.
  • See Practical 9

Practical 10

  • Create a Simple XMLHttpRequest, and retrieve data from TXT file.
  • Create a XMLHttpRequest with callback function and retrieve data from TXT file.
  • See Practical 10

Practical 11

  • Write a jQuery program that demonstrates the use of jQuery Selector and Events.
  • See Practical 11