|
|
Line 67: |
Line 67: |
| | style="width: 60%" | | | | style="width: 60%" | |
| | style="width: 15%" | Practical No. 3 || | | | style="width: 15%" | Practical No. 3 || |
− | |}
| |
− |
| |
− | == '''Lab 3:''' ( week of 15<sup>th</sup> August 2022 ) ==
| |
− | {| class="wikitable" style="text-align: justify; width: 100%";
| |
− | |-
| |
− | ! Q. NO.
| |
− | ! Program
| |
− | ! Practical No.
| |
− | ! Remarks
| |
− | |-
| |
− | | style="width: 8%" | 1
| |
− | | style="width: 60%" |
| |
− | 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]
| |
− | |}
| |
− |
| |
− | == '''Lab 4:''' ( week of 22<sup>nd</sup> August 2022 ) ==
| |
− | {| class="wikitable" style="text-align: justify; width: 100%";
| |
− | |-
| |
− | ! Q. NO.
| |
− | ! Program
| |
− | ! Practical No.
| |
− | ! Remarks
| |
− | |-
| |
− | | style="width: 8%" | 1
| |
− | | style="width: 60%"|
| |
− | 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.
| |
− | | style="width: 15%" | Practice Set No. 1 ||
| |
− | |}
| |
− |
| |
− | == '''Lab 5 & 6:''' ( week of 29<sup>th</sup> August & 05<sup>th</sup> September 2022 ) ==
| |
− | {| class="wikitable" style="text-align: justify; width: 100%";
| |
− | |-
| |
− | ! Q. NO.
| |
− | ! Program
| |
− | ! Practical No.
| |
− | ! Remarks
| |
− | |-
| |
− | | style="width: 8%" | 1
| |
− | | style="width: 60%"|
| |
− | 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 || 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 19<sup>th</sup> September 2022 ) ==
| |
− | {| class="wikitable" style="text-align: justify; width: 100%";
| |
− | |-
| |
− | ! Q. NO.
| |
− | ! Program
| |
− | ! Practical No.
| |
− | ! Remarks
| |
− | |-
| |
− | | style="width: 8%" |
| |
− | | style="width: 60%"| Execute DOM examples from the book
| |
− | | style="width: 15%" | ||
| |
− | |}
| |
− |
| |
− | == '''Lab 8:''' ( week of 26<sup>th</sup> September 2022 ) ==
| |
− | {| class="wikitable" style="text-align: justify; width: 100%";
| |
− | |-
| |
− | ! Q. NO.
| |
− | ! Program
| |
− | ! Practical No.
| |
− | ! Remarks
| |
− | |-
| |
− | | style="width: 8%" | 1
| |
− | | 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%" | Practical No. 8 ||
| |
− | |}
| |
− |
| |
− | == '''Lab 9''' ( week of 10<sup>th</sup> October 2022 ) ==
| |
− | {| class="wikitable" style="text-align: justify; width: 100%";
| |
− | |-
| |
− | ! Q. NO.
| |
− | ! Program
| |
− | ! Practical No.
| |
− | ! Remarks
| |
− | |-
| |
− | | style="width: 8%" | 1
| |
− | | 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%" | Practical No. 7 ||
| |
− | |}
| |
− |
| |
− | == '''Lab10''' ( week of 31<sup>st</sup> October 2022 ) ==
| |
− | {| class="wikitable" style="text-align: justify; width: 100%";
| |
− | |-
| |
− | ! Q. NO.
| |
− | ! Program
| |
− | ! Practical No.
| |
− | ! Remarks
| |
− | |-
| |
− | | style="width: 8%" | 1
| |
− | | 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%" | Practical No. 9 ||
| |
− | |}
| |
− |
| |
− | == '''Final Lab''' ( week of 14<sup>th</sup> November 2022 ) ==
| |
− | {| class="wikitable" style="text-align: justify; width: 100%";
| |
− | |-
| |
− | ! Q. NO.
| |
− | ! Program
| |
− | ! Practical No.
| |
− | ! Remarks
| |
− | |-
| |
− | | style="width: 8%" |
| |
− | | style="width: 60%"|
| |
− | | style="width: 15%" | 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 ||
| |
| |} | | |} |