{"id":8,"date":"2026-01-28T08:10:41","date_gmt":"2026-01-28T08:10:41","guid":{"rendered":"https:\/\/staymind.shop\/?p=8"},"modified":"2026-01-28T08:42:14","modified_gmt":"2026-01-28T08:42:14","slug":"past-paper-of-web-technologies-2020-to-2021-department-of-computer-science-and-software-engineering","status":"publish","type":"post","link":"https:\/\/staymind.shop\/?p=8","title":{"rendered":"Past Paper of Web Technologies\u00a02020 To 2021 Department Of Computer Science and Software Engineering"},"content":{"rendered":"\n<p>If you\u2019ve ever felt like web development is a swirling mix of protocols, markup, scripts, and design principles\u2014you\u2019re not alone. That\u2019s exactly why the&nbsp;<strong>Web Technology<\/strong>&nbsp;past papers are more than just exam prep; they\u2019re a roadmap to what actually matters in the real world of building for the web.<\/p>\n\n\n\n<p>This paper doesn\u2019t just test your memory\u2014it asks you to connect the dots. From the foundational layers like&nbsp;<strong>HTTP\/HTTPS protocols and web server architecture<\/strong>, right through to&nbsp;<strong>client-side scripting, responsive design, and even touches of backend integration<\/strong>, the exam mirrors how modern web systems are built in practice.<\/p>\n\n\n\n<p>A quick glance through the paper shows a smart mix:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Short definitions<\/strong>\u00a0to ensure you know your terms (think cookies vs. sessions, or GET vs. POST).<\/li>\n\n\n\n<li><strong>Design and markup problems<\/strong>\u00a0where you\u2019ll write clean HTML5 and CSS3 to match a given layout\u2014useful, because that\u2019s exactly what front-end interviews ask for.<\/li>\n\n\n\n<li><strong>JavaScript\/DOM manipulation tasks<\/strong>\u00a0that test if you can make a static page interactive.<\/li>\n\n\n\n<li>Occasionally, there are questions on\u00a0<strong>security<\/strong>\u00a0(XSS, SQLi prevention) and\u00a0<strong>optimization<\/strong>\u00a0(like lazy loading or caching strategies)\u2014topics that separate casual coders from professional developers.<\/li>\n<\/ul>\n\n\n\n<p>What students often find challenging isn\u2019t the complexity of any single topic, but the integration of multiple skills into one solution. For example, a question might start with designing a form, validating it with JavaScript, and then explaining how data would be sent securely to a server.<\/p>\n\n\n\n<p><strong>How to make the most of this paper:<\/strong><br>Don\u2019t just solve it\u2014simulate the exam environment. Time yourself, write code on paper (yes, it\u2019s still required in many exams), and practice explaining your logic in clear comments. Compare your answers with official marking schemes if available\u2014they often reward methodology as much as the final output.<\/p>\n\n\n\n<p>Bottom line: This paper is your rehearsal for both the exam room and the developer\u2019s chair. The patterns you see here\u2014structured thinking, clean code, and layered problem-solving\u2014are exactly what you\u2019ll carry into your projects and career.<\/p>\n\n\n\n<p><strong>Web Technology Mid term paper in 2021<\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"930\" height=\"638\" src=\"https:\/\/staymind.shop\/wp-content\/uploads\/2026\/01\/image.png\" alt=\"\" class=\"wp-image-10\" srcset=\"https:\/\/staymind.shop\/wp-content\/uploads\/2026\/01\/image.png 930w, https:\/\/staymind.shop\/wp-content\/uploads\/2026\/01\/image-300x206.png 300w, https:\/\/staymind.shop\/wp-content\/uploads\/2026\/01\/image-768x527.png 768w\" sizes=\"auto, (max-width: 930px) 100vw, 930px\" \/><\/figure>\n<\/div>\n\n\n<p><strong>Web Technology paper II in\u00a0 2020<\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"955\" height=\"322\" src=\"https:\/\/staymind.shop\/wp-content\/uploads\/2026\/01\/image-1.png\" alt=\"\" class=\"wp-image-11\" srcset=\"https:\/\/staymind.shop\/wp-content\/uploads\/2026\/01\/image-1.png 955w, https:\/\/staymind.shop\/wp-content\/uploads\/2026\/01\/image-1-300x101.png 300w, https:\/\/staymind.shop\/wp-content\/uploads\/2026\/01\/image-1-768x259.png 768w\" sizes=\"auto, (max-width: 955px) 100vw, 955px\" \/><\/figure>\n<\/div>\n\n\n<p><strong>Web Technology Final paper in\u00a0 2020<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Write down the list of Operations occurring in the lifetime of a SqlConnection object?[2]<\/li>\n\n\n\n<li>What we have to write in Html.BeginForm in view page for uploading any file? [3]<\/li>\n\n\n\n<li>Suppose user\u00a0 uses\u00a0 the\u00a0 following\u00a0 form\u00a0 to\u00a0 get\u00a0 registered\u00a0 with\u00a0 your\u00a0 \u00a0 Create a database with\u00a0 the name\u00a0 \u201ctestdb\u201d.\u00a0 In\u00a0 this\u00a0 database\u00a0 create\u00a0 a\u00a0 table\u00a0 users\u00a0 with\u00a0 columns\u00a0 names\u00a0 user_Id,\u00a0 user_Name, user_Email, user_CNIC, user_Comments and user_Picture. Write the code that [10]<\/li>\n<\/ol>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Uploads the picture to the server (in uploads folder)<\/li>\n\n\n\n<li>Inserts the user record in the database.<\/li>\n\n\n\n<li>Write stored procedure<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"761\" height=\"518\" src=\"https:\/\/staymind.shop\/wp-content\/uploads\/2026\/01\/image-2.png\" alt=\"\" class=\"wp-image-12\" srcset=\"https:\/\/staymind.shop\/wp-content\/uploads\/2026\/01\/image-2.png 761w, https:\/\/staymind.shop\/wp-content\/uploads\/2026\/01\/image-2-300x204.png 300w\" sizes=\"auto, (max-width: 761px) 100vw, 761px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-left\">Write the HTML code using Div, that creates a form as given below. Write data annotation on model that validates the input provided by the user.[10]<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"764\" height=\"454\" src=\"https:\/\/staymind.shop\/wp-content\/uploads\/2026\/01\/image-3.png\" alt=\"\" class=\"wp-image-13\" srcset=\"https:\/\/staymind.shop\/wp-content\/uploads\/2026\/01\/image-3.png 764w, https:\/\/staymind.shop\/wp-content\/uploads\/2026\/01\/image-3-300x178.png 300w\" sizes=\"auto, (max-width: 764px) 100vw, 764px\" \/><\/figure>\n<\/div>\n\n\n<ol start=\"4\" class=\"wp-block-list\">\n<li>Project viva [5].<\/li>\n\n\n\n<li>During viva\u00a0 student are supposed to perform many different tasks live [6].<\/li>\n<\/ol>\n\n\n\n<p><strong>Web Technology Sessional II 2020<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>What is _Layout page explain the relationship between layout page and partial page. [1]<\/li>\n\n\n\n<li>What is Range validator control? explain with example.[1]<\/li>\n\n\n\n<li>How to set optional parameter in model. [1]<\/li>\n\n\n\n<li>Which elements you have to write in your Database connection string? [2]<\/li>\n<\/ol>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Write the purpose of business logic layer and data access layer?[3]<\/li>\n\n\n\n<li>Write a regular expression to validate Email and Password (password must contain a capital letter, small letter, and a number). [3]<\/li>\n\n\n\n<li>What is a Stored Procedure, write a stored procedure for the following table that insert only Email, Password and Fname value to the table? [4]<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"804\" height=\"386\" src=\"https:\/\/staymind.shop\/wp-content\/uploads\/2026\/01\/image-4.png\" alt=\"\" class=\"wp-image-14\" srcset=\"https:\/\/staymind.shop\/wp-content\/uploads\/2026\/01\/image-4.png 804w, https:\/\/staymind.shop\/wp-content\/uploads\/2026\/01\/image-4-300x144.png 300w, https:\/\/staymind.shop\/wp-content\/uploads\/2026\/01\/image-4-768x369.png 768w\" sizes=\"auto, (max-width: 804px) 100vw, 804px\" \/><\/figure>\n<\/div>\n\n\n<p><strong>Sessional 1 2020<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Write down the Difference between session and cookies? [2]<\/li>\n\n\n\n<li>Write code to print the following list [2]<img loading=\"lazy\" decoding=\"async\" width=\"154\" height=\"163\" srcset=\"https:\/\/cuitutorial.com\/wp-content\/uploads\/2021\/12\/Capture-2.png 154w, https:\/\/cuitutorial.com\/wp-content\/uploads\/2021\/12\/Capture-2-20x20.png 20w\" src=\"https:\/\/cuitutorial.com\/wp-content\/uploads\/2021\/12\/Capture-2.png\" alt=\"\"><\/li>\n\n\n\n<li>Describe Three-Layer Web Architecture using diagram [1]<\/li>\n\n\n\n<li>Write down all the attribute of table tag and name of CSS selector?[2]<\/li>\n\n\n\n<li>Write down the Difference between http and https? [2]<\/li>\n\n\n\n<li>Write Html code for the following. [6]<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"745\" height=\"447\" src=\"https:\/\/staymind.shop\/wp-content\/uploads\/2026\/01\/image-5.png\" alt=\"\" class=\"wp-image-15\" srcset=\"https:\/\/staymind.shop\/wp-content\/uploads\/2026\/01\/image-5.png 745w, https:\/\/staymind.shop\/wp-content\/uploads\/2026\/01\/image-5-300x180.png 300w\" sizes=\"auto, (max-width: 745px) 100vw, 745px\" \/><\/figure>\n<\/div>\n\n\n<p><strong>Web Technology\u00a0Final Paper in 2022<\/strong><\/p>\n\n\n\n<p><strong>Question # 01:&nbsp; &nbsp;&nbsp;<\/strong>(20 Marks)<\/p>\n\n\n\n<p>Develop a quiz game in React library with random mathematical expressions using addition, subtraction multiplication, division and modulus operators. Both the operations and operands must be shown randomly in the quiz questions. The game must have a scoring state which will be initially at Score: 0. The score gets incremented on every correct answer. Also penalize score by negative 1 for wrong answer. The game will reach winning state at the total score of 10.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"730\" src=\"https:\/\/staymind.shop\/wp-content\/uploads\/2026\/01\/1-1024x730.jpeg\" alt=\"\" class=\"wp-image-16\" srcset=\"https:\/\/staymind.shop\/wp-content\/uploads\/2026\/01\/1-1024x730.jpeg 1024w, https:\/\/staymind.shop\/wp-content\/uploads\/2026\/01\/1-300x214.jpeg 300w, https:\/\/staymind.shop\/wp-content\/uploads\/2026\/01\/1-768x548.jpeg 768w, https:\/\/staymind.shop\/wp-content\/uploads\/2026\/01\/1.jpeg 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p>Score: 4<\/p>\n\n\n\n<p>plash<\/p>\n\n\n\n<p><strong>Question # 02:&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<\/strong>(20 Marks)<\/p>\n\n\n\n<p>Design an infinite scroll app with posts expanding feature using Django and Javascript. There should be a + button on right side of the post. Clicking + button would extract the post. Also apply CSS animation while expanding the post(s). The post should not expand abruptly instead it should follow a smooth transition while appearing completely.<\/p>\n\n\n\n<p>Hint: You have to increase the height of the div to expand the post.<\/p>\n\n\n\n<p><strong>Question # 03:&nbsp; &nbsp; &nbsp; &nbsp;<\/strong>(10 Marks)<\/p>\n\n\n\n<p>Write the complete code for a Django app that takes a number input from user to display a particular string e.g your name that many times. If user enter 10 the templates should display his her name 10 times in an unordered list.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"854\" height=\"1024\" src=\"https:\/\/staymind.shop\/wp-content\/uploads\/2026\/01\/2-854x1024.jpeg\" alt=\"\" class=\"wp-image-17\" srcset=\"https:\/\/staymind.shop\/wp-content\/uploads\/2026\/01\/2-854x1024.jpeg 854w, https:\/\/staymind.shop\/wp-content\/uploads\/2026\/01\/2-250x300.jpeg 250w, https:\/\/staymind.shop\/wp-content\/uploads\/2026\/01\/2-768x920.jpeg 768w, https:\/\/staymind.shop\/wp-content\/uploads\/2026\/01\/2.jpeg 1068w\" sizes=\"auto, (max-width: 854px) 100vw, 854px\" \/><\/figure>\n<\/div>\n\n\n<p><strong>Mid term paper<\/strong><\/p>\n\n\n\n<p>Suppose you were given a document containing ten email addresses containing capital and small alphabets. (C2,3) a. Using HTML write a java script (only) code to find all email ids from the document<\/p>\n\n\n\n<p>b. Provide the code to hide email address (at least 1)<\/p>\n\n\n\n<p>2. Consider a web page is not displaying according to display screen (C 1,2,3) a. Identify the problems in this web page b. What should be added to code so that this problem might be resolved<\/p>\n\n\n\n<p>3. How to extract a sub string from a string. Discuss any two methods with example<\/p>\n\n\n\n<p>Question 5 What is Postmodernism? Is it a co major concerns that are between the terms Colonialism and Imperialis moted by Colonial Literary writings.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you\u2019ve ever felt like web development is a swirling mix of protocols, markup, scripts, and design principles\u2014you\u2019re not alone. That\u2019s exactly why the&nbsp;Web Technology&nbsp;past papers are more than just exam prep; they\u2019re a roadmap to what actually matters in the real world of building for the web. This paper doesn\u2019t just test your memory\u2014it [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":30,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[4,5,6,7,8],"class_list":["post-8","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-technologies","tag-comsats","tag-new","tag-paper","tag-past","tag-past_paper"],"_links":{"self":[{"href":"https:\/\/staymind.shop\/index.php?rest_route=\/wp\/v2\/posts\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staymind.shop\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/staymind.shop\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/staymind.shop\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/staymind.shop\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":1,"href":"https:\/\/staymind.shop\/index.php?rest_route=\/wp\/v2\/posts\/8\/revisions"}],"predecessor-version":[{"id":19,"href":"https:\/\/staymind.shop\/index.php?rest_route=\/wp\/v2\/posts\/8\/revisions\/19"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/staymind.shop\/index.php?rest_route=\/wp\/v2\/media\/30"}],"wp:attachment":[{"href":"https:\/\/staymind.shop\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/staymind.shop\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=8"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/staymind.shop\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}