Fall 2022: Internet Technologies Lab
Jump to navigation
Jump to search
Contents
- 1 Instructions
- 2 Resources
- 3 Lab 1: Getting Started ( week of 01st August 2022 )
- 4 Lab 2: ( week of 08th August 2022 )
- 5 Lab 3: ( week of 15th August 2022 )
- 6 Lab 4: ( week of 22nd August 2022 )
- 7 Lab 5 & 6: ( week of 29th August & 05th September 2022 )
- 8 Lab 7: ( week of 19th September 2022 )
- 9 Lab 8: ( week of 26th September 2022 )
- 10 Lab 9 ( week of 10th October 2022 )
- 11 Lab10 ( week of 31st October 2022 )
- 12 Final Lab ( week of 14th November 2022 )
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 |
