Difference between revisions of "Fall 2022: Internet Technologies Lab"

From MKWiki
Jump to navigation Jump to search
 
(48 intermediate revisions by the same user not shown)
Line 11: Line 11:
 
*  [https://www.w3schools.com/js/default.asp JavaScript Tutorial]
 
*  [https://www.w3schools.com/js/default.asp JavaScript Tutorial]
  
−
== '''Lab 0: Getting Started''' ( week of 01<sup>st</sup> August 2022 ) ==
+
== '''Lab 1: Getting Started''' ( week of 01<sup>st</sup> August 2022 ) ==
−
{| class="wikitable" style="text-align: left; width: 100%";  
+
{| class="wikitable" style="text-align: justify; width: 100%";  
 
|-
 
|-
 
! Q. NO.   
 
! Q. NO.   
 
! Program   
 
! Program   
−
! Lab Exercise No.   
+
! Practical No.   
 
! Remarks
 
! Remarks
 
|-
 
|-
 
| style="width: 8%"  | 1  
 
| style="width: 8%"  | 1  
−
| style="width: 60%" | Have a quick recap of HTML, CSS, and JavaScript from w3schools.com (or any other your favorite source)
+
| style="width: 60%" | Have a quick recap of HTML, CSS, and JavaScript from [http://w3schools.com w3schools.com] (or from any other well known sources)
−
| style="width: 15%" |  ||
+
| style="width: 15%" |  ||  
 
|-
 
|-
−
| 2 || WAP to check whether the given year is a Leap Year or not? || Practice Set No. 2 ||
+
| 2 || Create an HTML page that shows information about you, your course, hobbies, address, and your plans. Use CSS for styling of HTML page so that looks nice.|| Practical No. 3 ||
 
|-
 
|-
−
| 3 || WAP to find the sum of any number of integers entered as command line arguments || Practice Set No. 3 ||
+
| 3 || Create an HTML page with the sole purpose to show multiplication tables of 2 to 10 (row-wise) created by JavaScript. Initially, the page is blank. With help of setInterval function print a row every 5 seconds in different colors and increasing font size. || Practical No. 4 ||
 
|-
 
|-
−
| 4 || WAP to find the factorial of a given number. || Practice Set No. 4||
+
| 4 || Create an HTML page with a paragraph written on it and under which 9 buttons are placed in a 3X3 grid. The first row is for buttons labeled with colors names Red, Green, and Blue, the second row with numbers 10, 20, 30, and the third row with different font names. Click event of each of the buttons should make the appropriate change in the style of paragraph.|| Practical No. 5||
−
|-
 
−
| 5 || WAP to print the following pattern using nested for loop:
 
−
1
 
−
2  3
 
−
4  5  6
 
−
7  8  9  10
 
−
|| Practice Set No. 5 ||
 
 
|}
 
|}
  
−
== '''Lab 1:''' ( week of 09<sup>th</sup> May 2022 ) ==
+
== '''Lab 2:''' ( week of 08<sup>th</sup> August 2022 ) ==
−
{| class="wikitable" style="text-align: left; width: 100%";  
+
{| class="wikitable" style="text-align: justify; width: 100%";  
 
|-
 
|-
 
! Q. NO.   
 
! Q. NO.   
 
! Program   
 
! Program   
−
! Lab Exercise No.   
+
! Practical No.   
 
! Remarks
 
! Remarks
 
|-
 
|-
−
| style="width: 8%"  | 1
+
| style="width: 8%"  |  
−
| style="width: 60%" | Design a class Complex having a real part (x) and an imaginary part (y). Provide methods to perform the following on complex numbers: <br>
+
| style="width: 60%" |  
−
a) Add two complex numbers. <br>
+
* Complete Lab 1 work
−
b) Multiply two complex numbers. <br>
+
* Read about JSON from [https://www.w3schools.com/js/js_json_intro.asp w3schools.com]
−
c) toString() method to display complex numbers in the form: x + i y.
+
| style="width: 15%" |   ||  
−
| style="width: 15%" | '''Lab Exercise No. 1''' || Read about toString( ) from javatpoint.com [https://www.javatpoint.com/understanding-toString()-method]
 
−
|-
 
−
| 2 || WAPJava program to read data of various types using Scanner class || Practice Set No. 1 ||  Read about Scanner class from javatpoint.com [https://www.javatpoint.com/Scanner-class]
 
−
|-
 
−
| 3 || WAP to find the n<sup>th</sup> largest number and n<sup>th</sup> samallest number in an array || Practice Set No. 2 ||
 
−
|-
 
−
| 4 || WAP to find the sum of all odd numbers at the even indexes in an array || Practice Set No. 3||
 
 
|}
 
|}
  
−
'''Lab 1b:''' ( week of 16<sup>th</sup> May 2022 ) - complete all the previous programs.
+
== '''Lab 3:''' ( week of 15<sup>th</sup> August 2022 ) ==
−
 
+
{| class="wikitable" style="text-align: justify; width: 100%";  
−
== '''Lab 2:''' ( week of 23<sup>rd</sup> May 2022 ) ==
 
−
{| class="wikitable" style="text-align: left; width: 100%";  
 
 
|-
 
|-
 
! Q. NO.   
 
! Q. NO.   
 
! Program   
 
! Program   
−
! Lab Exercise No.   
+
! Practical No.   
 
! Remarks
 
! Remarks
 
|-
 
|-
−
| style="width: 8%"  | 1  
+
| style="width: 8%"  | 1
−
| style="width: 60%" | Design a class named MobilePhone consisting of three members: name, company, and price. '''Create four objects and initialized them with four different ways''' (as discussed in the theory class). Show the usage of '''''This''''' keyword in creating any of the mentioned objects. Finally display all the four objects as output.<br>
+
| style="width: 60%" |
−
| style="width: 15%" | Practice Set No. 1 ||  
+
Create a form that takes data about a pet. The form must be well designed and should accept the pet’s name, age, weight, type, and what it likes most. At the submission of this form create a Pet object in JavaScript filled with these values and log that object and equivalent JSON on the console.
−
|-
+
| style="width: 15%" | Practical No. 6  || Read about JSON for [https://www.w3schools.com/js/js_json_intro.asp w3schools.com]
−
| 2 || WAP to demonstrate the method overloading || Practice Set No. 2 ||
 
−
|-
 
−
| 3 || WAP to demonstrate the automatic type conversion in method overloading || Practice Set No. 3 ||
 
−
|-
 
−
| 4 || WAP to demonstrate the constructor overloading, also show how copy constructor is applied in Java|| Practice Set No. 4||
 
−
|-
 
−
|5 || WAP to demonstrate the difference between public and private access control in java || Practice Set No. 5 ||
 
 
|}
 
|}
  
−
 
+
== '''Lab 4:''' ( week of 22<sup>nd</sup> August 2022 ) ==
−
== '''Lab 3:''' ( week of 30<sup>th</sup> May 2022 ) ==
+
{| class="wikitable" style="text-align: justify; width: 100%";  
−
{| class="wikitable" style="text-align: left; width: 100%";  
 
 
|-
 
|-
 
! Q. NO.   
 
! Q. NO.   
 
! Program   
 
! Program   
−
! Lab Exercise No.   
+
! Practical No.   
 
! Remarks
 
! Remarks
 
|-
 
|-
−
| style="width: 8%"  | 1  
+
| style="width: 8%"  | 1
−
| style="width: 60%" | WAP to demostrate the concept/use of Java static keyword:<br>
+
| style="width: 60%"|
−
# static variable
+
Suppose you are going to a job fair as a recruiter, and you need to collect a few important details about the candidate. Design a form consisting of all those fields and validate using JavaScript.
−
# static method
+
| style="width: 15%" | Practice Set No. 1  ||  
−
# static block
 
−
| style="width: 15%" | Practice Set No. 1 ||  Read about static keyword in Java from javatpoint.com [https://www.javatpoint.com/static-keyword-in-java]
 
−
|-
 
−
| 2 || WAP to perform following string operations: <br>
 
−
# Find the length of a string  <br> input: "Delhi University" , output: 16
 
−
# Find the location(index) of a specific character <br> input string: "Delhi University",  location of U? , output: 6
 
−
# Find the character at a specific location  <br> input string: "Delhi University",  character at 7? , output: n
 
−
# Compare two strings <br> (1) input string: "Pushpa" and "KGF" , output: 5  <br> (2) input string: "Pushpa" and "Pushpa" , output: 0  <br> (3) input string: "KGF" and "Pushpa" , output: -5
 
−
# If the string contains a substring: <br>(1) input string: "Acharya Narendra Dev College" and "Dev" , output: true <br> (2) input string: "Acharya Narendra Dev College" and "Deshbandhu" , output:  false
 
−
# Replace a part of the string with another string <br> input string: "Acharya Narendra Dev College" , replace "Acharya Narendra Dev",  with "AND", output: "AND College"
 
−
# Convert a string into lowercase and uppercase <br> input string: "New Delhi", output: "new delhi" and "NEW DELHI"
 
−
|| Practice Set No. 2 || Read about strings in Java from javatpoint.com [https://www.javatpoint.com/java-string]
 
−
|-
 
−
| 3 || WAP to demonstrate the Variable Argument (Varargs) in Java|| Practice Set No. 3 || Read about Varargs in Java from:  <br> (1) GFG [https://www.geeksforgeeks.org/variable-arguments-varargs-in-java/]  <br>  (2) javatpoint.com [https://www.javatpoint.com/varargs]
 
 
|}
 
|}
  
−
== '''Lab 4:''' ( week of 06<sup>th</sup> June 2022 ) ==
+
== '''Lab 5 & 6:''' ( week of 29<sup>th</sup> August & 05<sup>th</sup> September 2022 ) ==
−
{| class="wikitable" style="text-align: left; width: 100%";  
+
{| class="wikitable" style="text-align: justify; width: 100%";  
 
|-
 
|-
 
! Q. NO.   
 
! Q. NO.   
 
! Program   
 
! Program   
−
! Lab Exercise No.   
+
! Practical No.   
 
! Remarks
 
! Remarks
 
|-
 
|-
−
| style="width: 8%"  | 1  
+
| style="width: 8%"  | 1
−
| style="width: 60%" | WAP to demostrate the single inheritance concept  (chapter 8 ppt.,  slide no. 7-8)
+
| style="width: 60%"|
−
| style="width: 15%" | Practice Set No. 1 ||
+
Display your systems IP Address, Subnet mask using ipconfig, and find out the network address and the maximum number of systems possible on your network and range of IP addresses available to these systems.
−
|-
+
| style="width: 15%" | Practical No. 1  ||  
−
| 2 || WAP to demonstrate Member Access and Inheritance (chapter 8 ppt., slide no. 10)
 
−
|| Practice Set No. 2 ||  
 
 
|-
 
|-
−
| 3 || WAP to demonstrate the single inheritance using Box and BoxWeight example  (chapter 8 ppt., slide no. 11-12)  || Practice Set No. 3 ||
+
| 2 || With help of ping, check if you are connected to other systems of your network and find the route to connect to that system using tracert. List all the processes which are using ports for TCP protocol.|| Practical No. 2 ||
−
|-
 
−
| 4 || WAP to demonstrate how A Superclass Variable Can Reference a Subclass Object  (chapter 8 ppt.,  slide no. 15)  || Practice Set No. 4 ||
 
−
|-
 
−
| 5 || WAP to demonstrate how to use Super to Call Superclass Constructors - A complete implementation of BoxWeight. (chapter 8 ppt.,  slide no. 21-24)  || Practice Set No. 5 ||
 
−
|-
 
−
| 6 || WAP to demonstrate Using Super to access member of Superclass. (chapter 8 ppt.,  slide no. 28)  || Practice Set No. 5 ||  
 
 
|}
 
|}
  
−
== '''Lab 5:''' ( week of 13<sup>th</sup> June 2022 ) ==
+
== '''Lab 7:''' ( week of 19<sup>th</sup> September 2022 ) ==
−
{| class="wikitable" style="text-align: left; width: 100%";  
+
{| class="wikitable" style="text-align: justify; width: 100%";  
 
|-
 
|-
 
! Q. NO.   
 
! Q. NO.   
 
! Program   
 
! Program   
−
! Lab Exercise No.   
+
! Practical No.   
 
! Remarks
 
! Remarks
 
|-
 
|-
−
| style="width: 8%"  | 1
+
| style="width: 8%"  |  
−
| style="width: 60%" | Create a class TwoDim which contains private members as x and y coordinates in package P1. Define the default constructor, a parameterized constructor and override toString() method to display the co-ordinates. Now reuse this class and in package P2 create another class ThreeDim, adding a new dimension as z as its private member. Define the constructors for the subclass and override toString() method in the subclass also. Write appropriate methods to show dynamic method dispatch. The main() function should be in a package P.
+
| style="width: 60%"| Execute DOM examples from the book
−
| style="width: 15%" | '''Lab Exercise No. 2''' ||  Read about packages in java from javatpoint.com [https://www.javatpoint.com/package] 
+
| style="width: 15%" |   ||  
−
|-
 
−
| 2 || WAP to demonstrate Multi-level hierarchy in Inheritance|| Practice Set No. 1 ||
 
−
|-
 
−
| 3 || WAP to demonstrate the use of Dynamic Method Dispatch ( slide no. 48, ppt no. 6)  || Practice Set No. 2 ||
 
−
|-
 
−
|4 || WAP to demonstrate the use of Abstract classes (slide no. 58, ppt no. 6) || Practice Set No. 3 ||
 
 
|}
 
|}
  
−
== '''Lab 6:''' ( week of 20<sup>th</sup> June 2022 ) ==
+
== '''Lab 8:''' ( week of 26<sup>th</sup> September 2022 ) ==
−
{| class="wikitable" style="text-align: left; width: 100%";  
+
{| class="wikitable" style="text-align: justify; width: 100%";  
 
|-
 
|-
 
! Q. NO.   
 
! Q. NO.   
 
! Program   
 
! Program   
−
! Lab Exercise No.   
+
! Practical No.   
 
! Remarks
 
! Remarks
 
|-
 
|-
−
| style="width: 8%"  | 1  
+
| style="width: 8%"  | 1
−
| style="width: 60%" | Define an abstract class Shape in package P1. Inherit two more classes: Rectangle in package P2 and Circle in package P3. Write a program to ask the user for the type of shape and then using the concept of dynamic method dispatch, display the area of the appropriate subclass. Also write appropriate methods to read the data. The main() function should not be in any package.  
+
| style="width: 60%"| Create a plain HTML page for B.Sc. Hons CS course, mentioning details like fee, eligibility criteria, papers with names and credits, and future possibilities after the course. A button for styling should be there at bottom of the page. On clicking on this button JavaScript should redesign the complete page using jQuery in a nice presentable way.
−
| style="width: 15%" | '''Lab Exercise No. 3''' ||  Read about Inheritance from javatpoint [http://www.javatpoint.com/inheritance-in-java] <br> Read about Abstract class from javatpoint.com [https://www.javatpoint.com/abstract-class-in-java]
+
| style="width: 15%" |  Practical No. 8 ||  
−
|-
 
−
| 2 || WAP to demonstrate the concept of interfaces  (slides no. 25-29)....|| Practice Set No. 1 ||
 
−
|-
 
−
| 3 || WAP to demonstrate the Multiple implementations of an interface through an interface reference variable (slides no. 36)|| Practice Set No. 2 ||
 
−
|-
 
−
|4 || WAP to demonstrate the concept of Extending Interfaces (slides no 41-42) || Practice Set No. 3 ||
 
−
|-
 
−
|5 || WAP to demonstrate the concept of Default interface Method  || Practice Set No. 4 ||
 
−
|-
 
−
|6 || WAP to demonstrate how to achieve the concept of Multiple Inheritance  || Practice Set No. 5 ||
 
 
|}
 
|}
  
−
== '''Lab 7:''' ( week of 27<sup>th</sup> June 2022 ) ==
+
== '''Lab 9''' ( week of 10<sup>th</sup> October 2022 ) ==
−
{| class="wikitable" style="text-align: left; width: 100%";  
+
{| class="wikitable" style="text-align: justify; width: 100%";  
 
|-
 
|-
 
! Q. NO.   
 
! Q. NO.   
 
! Program   
 
! Program   
−
! Lab Exercise No.   
+
! Practical No.   
 
! Remarks
 
! Remarks
 
|-
 
|-
−
| style="width: 8%"  | 1  
+
| style="width: 8%"  | 1
−
| style="width: 60%" | WAP to demonstrate multiple catch statements. Also show the example of unreachable catch clause. (Slide no. 19-21)
+
| style="width: 60%"| Store JSON data of few pets that you created in previous practical in a JSON file (copy from console output of previous program to a .json file). Using AJAX, load data from the file and display it in a presentable way using HTML and CSS.
−
| style="width: 15%" | Practice Set No. 1 ||   
+
| style="width: 15%" |  Practical No. 7 ||  
−
|-
 
−
| 2 || WAP to demonstrate nested try statements. ( Slide no. 23-25) || Practice Set No. 2 ||
 
−
|-
 
−
| 3 || Create an Exception subclass UnderAge, which prints “Under Age” along with the age value when an object of UnderAge class is printed in the catch statement. Write a class exceptionDemo in which the method test() throws UnderAge exception if the variable age passed to it as argument is less than 18. Write main() method also to show working of the program.|| '''Lab Exercise No. 4''' || Read about Exception Handling from javatpoint.com [https://www.javatpoint.com/exception-handling-in-java]
 
−
|-
 
−
| 4 || Write a program to implement stack. Use exception handling to manage underflow and overflow conditions. || '''Lab Exercise No. 5''' ||
 
 
|}
 
|}
  
−
== '''Lab 8:''' ( week of 04<sup>th</sup> July 2022 ) ==
+
== '''Lab10''' ( week of 31<sup>st</sup> October 2022 ) ==
−
{| class="wikitable" style="text-align: left; width: 100%";  
+
{| class="wikitable" style="text-align: justify; width: 100%";  
 
|-
 
|-
 
! Q. NO.   
 
! Q. NO.   
 
! Program   
 
! Program   
−
! Lab Exercise No.   
+
! Practical No.   
 
! Remarks
 
! Remarks
 
|-
 
|-
−
| style="width: 8%"  | 1  
+
| style="width: 8%"  | 1
−
| style="width: 60%" | Write a program that copies content of one file to another. Pass the names of the files through command-line arguments.
+
| style="width: 60%"| Create an HTML page for an image gallery which shows the use of BOOTSTRAP to rearrange and resize its contents on resizing the browser.
−
| style="width: 15%" | '''Lab Exercise No. 6''' ||  Read about Java I/O and File Handling from javatpoint.com [https://www.javatpoint.com/java-io]
+
| style="width: 15%" |  Practical No. 9 ||  
−
|-
 
−
| 2 || Write a program to read a file and display only those lines that have the first two characters as '//' (Use try with resources). ||  '''Lab Exercise No. 7''' || Read about Try with Resources statement from javatpoint.com [https://www.javatpoint.com/java-try-with-resources]
 
−
|-
 
−
| 3 || Write a program to handle mouse events(Clicked, Entered, Exited, Presses, and Released). || '''Lab Exercise No. 8''' || Read about mouselistener from javatpoint.com [http://www.javatpoint.com/java-mouselistener]
 
−
|-
 
−
| 4 || Write a program to handle key events(Pressed, Released, and Typed). || '''Lab Exercise No. 9''' || Read about keylistener from javatpoint.com [http://www.javatpoint.com/java-keylistener]
 
 
|}
 
|}
  
−
 
+
== '''Final Lab''' ( week of 14<sup>th</sup> November 2022 ) ==
−
== '''Lab 9:''' ( week of 11<sup>th</sup> July 2022 ) ==
+
{| class="wikitable" style="text-align: justify; width: 100%";  
−
{| class="wikitable" style="text-align: left; width: 100%";  
 
 
|-
 
|-
 
! Q. NO.   
 
! Q. NO.   
 
! Program   
 
! Program   
−
! Lab Exercise No.   
+
! Practical No.   
 
! Remarks
 
! Remarks
 
|-
 
|-
−
| style="width: 8%"  | 1  
+
| style="width: 8%"  | 1
−
| style="width: 60%" | Using AWT, write a program to display a string in frame window with pink colour as background.
+
| style="width: 60%"| Create an HTTP server using Node.js which handles requests on port 10000 or a free port beyond 10000. Modify the server in such a way that opening localhost:10000 will display “Hello world, This is my Node.js server” on browser.
−
| style="width: 15%" | '''Lab Exercise No. 10''' ||  Read about Adapter Classes from javatpoint.com [https://www.javatpoint.com/java-adapter-classes]
+
| style="width: 15%" |  Practical No. 10 ||
−
|-
 
−
| 2 || Using AWT, write a program to create two buttons named “Red” and “Blue”. When a button is pressed the background color should be set to the color named by the button’s label.  ||  '''Lab Exercise No. 11''' ||
 
−
|-
 
−
| 3 || Using AWT, write a program which responds to KEY_TYPED event and updates the status window with message (“Typed character is: X”). Use adapter class for other two events. ||  '''Lab Exercise No. 12''' ||
 
−
|-
 
−
| 4 || Using AWT, write a program to create two buttons labelled ‘A’ and ‘B’. When button ‘A’ is pressed, it displays your personal information (Name, Course, Roll No, College) and when button ‘B’ is pressed, it displays your CGPA in previous semester. ||  '''Lab Exercise No. 13'''
 
−
|}
 
−
 
 
−
 
 
−
== '''Final Lab:''' ( week of 18<sup>th</sup> July 2022 ) ==
 
−
{| class="wikitable" style="text-align: left; width: 100%";
 
−
|-
 
−
! Q. NO. 
 
−
! Program  
 
−
! Lab Exercise No.
 
−
! Remarks
 
 
|-
 
|-
−
| style="width: 8%"  | 1 -4
+
| 2 || Create index.html file containing two forms for SignIn and SignUp. Submitting SignIn form should search for credentials in mysql database using server created in previous practical. On successful signin, a welcome page should be displayed. Submitting SignUp form should insert new entry for credentials in mysql database using server created in previous practical. On successful signup, user should be returned back to index.html. || Practical No. 11 ||
−
| style="width: 60%" | Rewrite all the above GUI programs(Lab 9) using Swing.
 
−
| style="width: 15%" | '''Lab Exercise No. 14''' ||   Read about Swing from javatpoint.com [https://www.javatpoint.com/java-swing]
 
 
|}
 
|}

Latest revision as of 14:36, 12 January 2023

Instructions

  • Please be on time to avoid the Attendance Penalty.
  • Please sign on the Attendance Register before your take a seat.
  • Please put your mobile phone in the Silent Mode.
  • Each lab assignment needs to be submitted in the Google Classroom for the evaluation(will be notified in the GC lab-wise, submit before the deadline).
  • Turn off(shut down) your assigned computer and arrange the chair before you leave the lab.

Resources

Lab 1: Getting Started ( week of 01st August 2022 )

Q. NO. Program Practical No. Remarks
1 Have a quick recap of HTML, CSS, and JavaScript from w3schools.com (or from any other well known sources)
2 Create an HTML page that shows information about you, your course, hobbies, address, and your plans. Use CSS for styling of HTML page so that looks nice. Practical No. 3
3 Create an HTML page with the sole purpose to show multiplication tables of 2 to 10 (row-wise) created by JavaScript. Initially, the page is blank. With help of setInterval function print a row every 5 seconds in different colors and increasing font size. Practical No. 4
4 Create an HTML page with a paragraph written on it and under which 9 buttons are placed in a 3X3 grid. The first row is for buttons labeled with colors names Red, Green, and Blue, the second row with numbers 10, 20, 30, and the third row with different font names. Click event of each of the buttons should make the appropriate change in the style of paragraph. Practical No. 5

Lab 2: ( week of 08th August 2022 )

Q. NO. Program Practical No. Remarks

Lab 3: ( week of 15th August 2022 )

Q. NO. Program Practical No. Remarks
1

Create a form that takes data about a pet. The form must be well designed and should accept the pet’s name, age, weight, type, and what it likes most. At the submission of this form create a Pet object in JavaScript filled with these values and log that object and equivalent JSON on the console.

Practical No. 6 Read about JSON for w3schools.com

Lab 4: ( week of 22nd August 2022 )

Q. NO. Program Practical No. Remarks
1

Suppose you are going to a job fair as a recruiter, and you need to collect a few important details about the candidate. Design a form consisting of all those fields and validate using JavaScript.

Practice Set No. 1

Lab 5 & 6: ( week of 29th August & 05th September 2022 )

Q. NO. Program Practical No. Remarks
1

Display your systems IP Address, Subnet mask using ipconfig, and find out the network address and the maximum number of systems possible on your network and range of IP addresses available to these systems.

Practical No. 1
2 With help of ping, check if you are connected to other systems of your network and find the route to connect to that system using tracert. List all the processes which are using ports for TCP protocol. Practical No. 2

Lab 7: ( week of 19th September 2022 )

Q. NO. Program Practical No. Remarks
Execute DOM examples from the book

Lab 8: ( week of 26th September 2022 )

Q. NO. Program Practical No. Remarks
1 Create a plain HTML page for B.Sc. Hons CS course, mentioning details like fee, eligibility criteria, papers with names and credits, and future possibilities after the course. A button for styling should be there at bottom of the page. On clicking on this button JavaScript should redesign the complete page using jQuery in a nice presentable way. Practical No. 8

Lab 9 ( week of 10th October 2022 )

Q. NO. Program Practical No. Remarks
1 Store JSON data of few pets that you created in previous practical in a JSON file (copy from console output of previous program to a .json file). Using AJAX, load data from the file and display it in a presentable way using HTML and CSS. Practical No. 7

Lab10 ( week of 31st October 2022 )

Q. NO. Program Practical No. Remarks
1 Create an HTML page for an image gallery which shows the use of BOOTSTRAP to rearrange and resize its contents on resizing the browser. Practical No. 9

Final Lab ( week of 14th November 2022 )

Q. NO. Program Practical No. Remarks
1 Create an HTTP server using Node.js which handles requests on port 10000 or a free port beyond 10000. Modify the server in such a way that opening localhost:10000 will display “Hello world, This is my Node.js server” on browser. Practical No. 10
2 Create index.html file containing two forms for SignIn and SignUp. Submitting SignIn form should search for credentials in mysql database using server created in previous practical. On successful signin, a welcome page should be displayed. Submitting SignUp form should insert new entry for credentials in mysql database using server created in previous practical. On successful signup, user should be returned back to index.html. Practical No. 11
Retrieved from "http://www.mkbhandari.com/mkwiki/index.php?title=Fall_2022:_Internet_Technologies_Lab&oldid=2047"