Fall 2022: Internet Technologies Lab

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

• HTML Tutorial
• CSS Tutorial
• JavaScript Tutorial

Lab 1: Getting Started ( week of 01^st 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 08^th August 2022 )

Q. NO.	Program	Practical No.	Remarks
	Complete Lab 1 work Read about JSON from w3schools.com

Lab 3: ( week of 15^th 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 22^nd 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 29^th August & 05^th 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 8: ( week of 19^th September 2022 )

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

Lab 9: ( week of 26^th 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 10: ( week of 10^th 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