CORE MODULE - 02.pdf

Web design and Development (Easy) 1. How will this HTML5 code be displayed? 5. What is the purpose of the and Welcome to India. Athithi Devo elements in HTML5? Bhava....

Web design and Development (Easy) 1. How will this HTML5 code be displayed? 5. What is the purpose of the and Welcome to India. Athithi Devo elements in HTML5? Bhava. A. To define self-contained content with a caption A. As a paragraph B. To create a navigation bar B. As a footer C. To display a figure in a scientific paper C. As a navigation bar D. To create a photo gallery D. As a header with large bold text ANSWER: A ANSWER: D 6. Spot the error in this HTML5 audio tag: 2. In HTML5, which element is best suited for content A. A. Incorrect MIME type for the.ogg file B. B. No error C. C. The controls attribute should be inside the D. tag ANSWER: C D. Missing src attribute in the tag ANSWER: B 3. What is the difference between IPv4 and IPv6? A. Option A 7. The default character encoding in HTML5 is_____. B. Option B A. UTF-16 C. Option C B. ISO-8859-1 D. Option D C. UTF-32 ANSWER: D D. UTF-8 ANSWER: D 4. In the following Query, which of the following can be placed in the Query's blank portion to display the 8. Which of the following is generally used for salary from highest to lowest amount, and sorting the performing tasks like creating the structure of the employs name alphabetically? relations, deleting relation? SELECT * FROM instructor A. Relational Schema ORDER BY salary ____, name ___; B. DML(Data Manipulation Language) A. All of the below C. Query B. Desc, Asc D. DDL(Data Definition Language) C. Asc, Desc ANSWER: D D. Ascending, Descending ANSWER: B Page | 1 9. Which CSS property is used to change the text color 13. Which of the following is a correct syntax to display of an element? “Hello World” in an alert box using JavaScript? A. font-color A. alertBox('Hello World'); B. text-color B. displayAlert('Hello World'); C. background-color C. msgAlert('Hello World'); D. color D. alert('Hello World'); ANSWER: D ANSWER: D 10. What is the primary purpose of CSS in web 14. Which of the following is a valid variable name in development? JavaScript? A. To store data A. $name B. To program web applications B. 2names C. To style web pages C. -name D. To create web pages D. name2 ANSWER: C ANSWER: A 11. Which of the following is a valid way to integrate 15. What does the undefined value in JavaScript CSS into a webpage? represent? A. Internal A. A null value B. Inline B. An unassigned variable C. External C. A logical false D. All of the above D. An error condition ANSWER: D ANSWER: B 12. Given the following CSS, what color will 16. Which data type in JavaScript is used to represent the text be? logical values? body { color: red; } h1 { color: blue; } A. String A. Black B. Boolean B. Red C. Undefined C. Green D. Number D. Blue ANSWER: B ANSWER: D 17. What will be the output of the following code? console.log(typeof null); A. 'null' B. 'object' C. 'undefined' D. 'number' ANSWER: B Page | 2 18. What is the purpose of JavaScript in web 22. Which one of the following given statements possibly development? contains the error? A. To structure web pages A. select empid from emp where empid = 10006; B. To style web pages B. select empid from emp; C. To add interactivity and dynamic content to web C. select empid where empid = 1009 and Lastname = pages 'GELLER'; D. To store data on the server D. select * from emp where empid = 10003; ANSWER: C ANSWER: C 19. The given Query can also be replaced with_______: 23. Ready the Query carefully: SELECT name, course_id SELECT emp_name FROM department FROM instructor, teaches WHERE dept_name LIKE ' _____ Computer Science'; WHERE instructor_ID= teaches_ID; In the above-given Query, which of the following can A. Select course_id from instructor join teaches; be placed in the Query's blank portion to select the B. Select name, course_id from instructor natural join "dept_name" that also contains Computer Science as teaches; its ending string? C. Select name, course_id from instructor; A. _ D. Select name, course_id from teaches,instructor B. & where instructor_id=course_id; C. $ ANSWER: B D. % ANSWER: D 20. What do you mean by one to many relationships? A. One class may have many teachers 24. How many phases are there in SDLC? B. One teacher can have many classes A. 5 C. Many teachers may have many classes B. 6 D. Many classes may have many teachers C. 7 ANSWER: B D. 8 ANSWER: C 21. Which of the following provides the ability to query information from the database and insert tuples into, delete tuples from, and modify tuples in the database? 25. Which model can be selected if user is involved in all the phases of SDLC? A. DML(Data Manipulation Language) A. Prototyping Model B. Query B. both b & c C. Relational Schema C. Waterfall Model D. DDL(Data Definition Language) D. RAD Model ANSWER: A ANSWER: B Page | 3 26. What is the major drawback of using RAD Model? 30. RAD Model has A. Highly specialized & skilled developers/designers A. 5 phases are required. B. 10 phases B. Both a & c. C. 3 phases C. Increases re-usability of components. D. 7 phases D. Encourages customer/client feedback. ANSWER: A ANSWER: A 31. Which of the following makes up the requirement 27. The architectural model is derived from which of analysis? these sources? A. Both (A) and (B) A) Information about the application domain for the B. Customer inputs software to be built; C. Surveys of sales departments or markets B) Specific requirements model elements such as data flow diagrams or analysis classes, their relationships D. None of the above and collaborations for the problem at hand; ANSWER: A C) The availability of architectural styles and patterns. A. Both A & C 32. Which of the following is a model of SDLC? B. All mentioned above A. Both (A) and (B) C. Both B & C B. None of the above D. Both A & B C. Agile methodology ANSWER: B D. Waterfall ANSWER: A 28. What is the major advantage of using Incremental Model? 33. How many SDLC models are there? A. Both B & C A. 2 B. It is used when there is a need to get a product to the market early B. 5 C. Customer can respond to each increment C. 3 D. Easier to test and debug D. 4 ANSWER: A ANSWER: D 29. The spiral model was originally proposed by whom? 34. SDLC stands for A. IBM A. Software Design Life Cycle B. Barry Boehm B. Software Development Life Cycle C. Pressman C. System Development Life Cycle D. Royce D. System Design Life Cycle ANSWER: B ANSWER: B Page | 4 35. Which of the following class in Bootstrap is used to 40. Which of the following class in bootstrap is used to create a dropdown menu? create a big box for calling extra attention? A..select-list A..box B..dropdown B..container C..select C..jumbotron D. None of the above D..container-fluid ANSWER: B ANSWER: C 36. How many columns are allowed in a bootstrap grid 41. What does the 'text-' prefix in Bootstrap's utility system? classes generally modify? A. 3 A. Font size B. 2 B. Text alignment C. 12 C. Font style D. 5 D. Text decoration ANSWER: C ANSWER: B 37. Is Bootstrap3 mobile-first? 42. The plugin used to create a cycle through elements as a slideshow is - A. May be A. scrollspy B. Can't say B. None of the above C. True C. slideshow D. False D. carousel ANSWER: C ANSWER: D 38. Which of the following class is used to create a black navigation bar? 43. The correct syntax of creating a standard navigation bar is - A..navbar-inverse A. B..navbar-black B. C..navbar-dark C. D..navbar-default D. ANSWER: A ANSWER: C 39. Which of the following class in Bootstrap is used to provide a responsive fixed width container? 44. Which of the following is the correct syntax of creating a standard navigation tab? A..container A. B..container-fixed B. C..container-fluid C. D. All of the above D. ANSWER: A ANSWER: A Page | 5 45. Adding a border to your image helps the visitor to 50. How will this HTML5 code be displayed in the recognize it as what? output? A. A frame A. A static image with a sound icon B. A link B. Text with a link to "sound.mp3" C. None of the above C. An audio player for "sound.mp3" with controls D. A picture D. A video player playing "sound.mp3" ANSWER: B ANSWER: C 46. In HTML, how are all tags enclosed? 51. What effect does the tag have on your webpage? A. # and # A. Boldens the text B. < and > B. Adds a horizontal line C. ? and ! C. Breaks the line and adds space D. { and } D. Changes the text color ANSWER: B ANSWER: C 47. What will this HTML5 code display as a result? 52. Why is the DOCTYPE declaration important in A. It enables JavaScript in HTML A. A static image from "movie.mp4" B. It links HTML with CSS B. A broken video link C. It defines the HTML version being used C. An audio player playing "movie.mp4" D. It is required for creating HTML forms D. A video player with a video from "movie.mp4" ANSWER: C ANSWER: D 53. Identify the mistake in this HTML5 video tag: color background to your web page? A. No error A. B. Incorrect file path in src B. C. Autoplay should not be used with controls C. D. Missing width and height attributes D. ANSWER: A ANSWER: A 54. Which tag will you add to specify a font for your 49. What is the first tag that must be placed inside the whole page? tag? A. A. B. B. C. C. D. D. ANSWER: B ANSWER: D Page | 6 55. The tag which allows you to nest other HTML tags 60. How do you select elements with the class name within the description "example"? A. A. #example B. B. *example C. C..example D. None of the above D. example ANSWER: C ANSWER: C 56. In HTML, tags that include both on and off tag are 61. Which selector is used to target an element based on called its id? A. Container tag A. *id B. Document tag B. id C. None of the above C..id D. Comment tag D. #id ANSWER: A ANSWER: D 57. What does the universal selector (*) do in CSS? 62. Why might the CSS rule.container p { color: green; } not apply to a paragraph inside a div with class A. Targets no elements "container"? B. Targets all elements in a document A. The paragraph is not a direct child C. Targets elements with a specific id B. There is a more specific rule overriding this one D. Targets the body element C. The CSS file is not linked properly ANSWER: B D. The div does not have the "container" class ANSWER: B 58. Which property is used to set the background color of an element? 63. What components make up the CSS Box Model? A. color A. Padding, Margin, Border, Shadow B. bgcolor B. Content, Margin, Border, Outline C. background C. Content, Padding, Border, Margin D. background-color D. Content, Padding, Shadow, Margin ANSWER: D ANSWER: C 59. What is the correct syntax to select all elements inside elements? 64. What will be the font size of Hello World! with the CSS.text { font-size: 20px; }? A. div > p A. 15px B. div p B. 30px C. p > div C. 20px D. div + p D. 25px ANSWER: B ANSWER: C Page | 7 65. Identify the error in the CSS code: ".class { color: 70. How can you make the total width of an element be blue; font-weight; bold; }" 100px including padding and border? A. Missing class name A. Set width to 100px without 'box-sizing' property B. Incorrect property value B. Use 'box-sizing: border-box;' with width set to 100px C. Syntax error in property declaration C. Set width, padding, and border so their sum is D. No error 100px ANSWER: C D. Use 'box-sizing: content-box;' with width set to 100px 66. Which CSS property is used to control the outer space ANSWER: B around an element? A. Content 71. What will be the output of console.log(typeof {})? B. Padding A. 'undefined' C. Border B. 'array' D. Margin C. 'object' ANSWER: D D. 'null' ANSWER: C 67. What does the 'box-sizing' property do? A. Alters the display property 72. What will be the output of this code snippet? B. Modifies the margin size numbers = 11; C. Adjusts the border thickness A. 11 D. Changes the CSS Box Model calculation B. 4 ANSWER: D C. 3 D. 10 68. Which of the following is true about the CSS selector ANSWER: A div.example? A. Selects the first div with the class "example" 73. Identify the issue in this array declaration: B. Selects all divs with the class "example" let numbers = new Array(-5); C. Selects all elements with the class "example" A. Logical error D. Selects all divs B. Syntax error ANSWER: B C. No error D. Negative size 69. How do you access the value of a property in a JavaScript object? ANSWER: D A. object{propertyName} B. Both C and D C. object[propertyName] D. object.propertyName ANSWER: B Page | 8 74. What is a method in JavaScript? 78. Consider the following code: A. A function stored as an object property "let arr = [1, 2, 3];" B. A predefined function arr = 5; C. A loop inside an object console.log(arr.filter(x => x === undefined).length); D. An external library function What is the output? ANSWER: A A. 3 B. 0 75. let fruits = ['apple', 'banana', 'mango']; C. 5 console.log(fruits); D. 2 A. apple ANSWER: D B. apple,banana C. mango 79. Which of the following keys is generally used to represent the relationships between the tables? D. banana A. Primary key ANSWER: D B. Candidate key C. Foreign key 76. Which of the following array methods in JavaScript does not change the original array? D. Secondary key A. splice() ANSWER: C B. forEach() C. push() 80. The language used in application programs to request data from the DBMS is referred to as the D. sort() A. DML ANSWER: B B. TCL C. DDL 77. Spot the mistake in this code snippet: D. DCL let data = [1, 2, 3]; ANSWER: A delete data; console.log(data); 81. Which one of the following keywords is used to find A. Syntax error out the number of values in a column? B. No error A. ADD C. 2 is not deleted B. COUNT D. undefined is logged instead of 2 C. TOTAL ANSWER: D D. SUM ANSWER: B Page | 9 82. The Database Management Query language is 87. The database environment has all of the following generally designed for the _____ components except: A. Support end-users who use English like commands A. database administrator. B. All of the above B. separate files. C. Support in the development of the complex C. database applications software D. users D. Specifying the structure of the database ANSWER: B ANSWER: B 88. The language which has recently become the de facto 83. A computer security protocol for logging in can be standard for interfacing application programs with considered as the example of the ______ component relational database systems is of an information system. A. Oracle A. Data B. Postgre SQL B. Procedure C. SQL C. Hardware D. Mongo DB D. Software ANSWER: C ANSWER: B 89. Which of the following is the correct full form of Sass 84. A logical schema in Bootstrap 4? A. is a standard way of organizing information into A. Syntactically awesome Spreadsheets accessible parts. B. Scripting awesome Stylesheets B. describes how data is actually stored on disk. C. Syntactically awesome Stylesheets C. both (A) and (C) D. None of the above D. is the entire database. ANSWER: C ANSWER: A 90. Which of the following classes indicates the 85. Related fields in a database are grouped to form a capitalized text? A. menu A..text-upper B. data table B..text-capitalize C. data file C..uppercase D. data record. D..text-uppercase ANSWER: D ANSWER: B 86. Which of the following levels is considered as the 91. Which of the following options is/are supported in level closest to the end-users? Bootstrap 4? A. Internal Level A. Both (a) and (b) B. Physical Level B. Sass C. Conceptual Level C. None of the above D. External Level D. Flexbox ANSWER: D ANSWER: A Page | 10 92. Which of the following contextual classes are used to 97. Which amongst the following versions of Bootstrap color the panels? uses the flat design? A..panel-success A. Bootstrap B..panel-primary B. Bootstrap 1 C..panel-info C. Bootstrap 4 D. All of the above D. Bootstrap 3 ANSWER: D ANSWER: C 93. How many types of container classes are there in 98. Which of the following classes amongst these options Bootstrap 4? is/are contextual? A. 1 A. All of the given options are correct B. 2 B..danger C. 4 C..info D. 3 D..warning ANSWER: B ANSWER: A 94. Can badges be used inside a button class? 99. Which of the following name was given to Bootstrap originally? A. True A. Twitter Blueprint B. None of the above B. None of the above C. False C. Twitter Bootstrap ANSWER: A D. Twitter Blueprint Bootstrap ANSWER: C 95. Is Bootstrap mainly used for the purpose of front-end development? A. True 100. Which operator is used to check both the value and the type of a variable in JavaScript? B. False A. == C. None of the above B. !== ANSWER: A C. === D. != 96. Which of the following class styles a table with strips on rows? ANSWER: C A..table-striped B..table 101. Which of the following is not a loop structure in JavaScript? C. None of the above A. if D..table-hovered B. do-while ANSWER: A C. while D. for ANSWER: A Page | 11 102. What will be the output of the following code? 105. What is the output of this code snippet? let a = 2; for (let i = 1; i < 3; i++) { if(a > 3) { console.log(i); console.log('Yes'); } } else { A. 123 console.log('No'); B. 0-1-2 } C. 12 A. Yes D. 37623 B. Undefined ANSWER: A C. Error D. No 106. Consider the following code: ANSWER: D let x = 50; let result = (x > 13) ? 'Yes' : 'No'; 103. What is the output of the following code snippet? console.log(result); let x = 'Hello'; What is the output? let y = 'World'; A. 'Yes' console.log(x + ' ' + y); B. FALSE A. 'Hello World' C. TRUE B. HelloWorld D. 'No' C. 'Hello' 'World' ANSWER: A D. Hello World ANSWER: A 107. In a switch statement, what keyword is used to terminate a case in JavaScript?" A. stop 104. What does the if statement in JavaScript do? B. break A. Declares a variable C. exit B. Executes a block of code based on a condition D. end C. Loops through a block of code ANSWER: B D. Prints a message to the console ANSWER: B 108. Which of the following is an example of a loosely typed language? A. C++ B. Java C. Python D. JavaScript ANSWER: D Page | 12 109. Identify the problem in this code: 113. Which HTML tag can be used to insert images into your web page? let j = 0; A. img while (j < 5) { B. None of the above console.log(j); C. scr } D. picture A. Logical error ANSWER: A B. Infinite loop C. No output 114. Which colors consist of equal amounts of all basic D. Syntax error colors? ANSWER: B A. purple, green and blue B. None of the above 110. What are the three optional expressions, separated C. white, black and gray by semicolons in a for loop? D. white, blue and gray A. Initializer, Condition, Incrementer ANSWER: C B. Incrementer, Initializer, Condition C. Condition, Incrementer, Initializer 115. To start a list using circles, what should be used? D. Condition, Initializer, Incrementer A. ANSWER: A B. C. 111. Find the error in the following code: D. for (let i = 0; i = 720px) {... } C. ellipse C. @media (width > 768px) {... } D. triangle D. @media screen and (width: 720px) {... } ANSWER: C ANSWER: A 198. Which JavaScript method is used to select an 194. Why is it important to use relative units like %, HTML element by its ID? vw, vh, em, or rem in responsive design? A. getElementsByTagName() A. They allow for more precise control over layout dimensions B. querySelector() B. They make it easier to calculate dimensions C. getElementById() C. They enable the layout to adjust based on the D. getElementsByClassName() parent element's size ANSWER: C D. They help the layout adapt to different screen sizes and resolutions 199. The file organization that provides very fast ANSWER: D access to any arbitrary record of a file is A. Hashed file 195. Given the following code, what is printed to the B. B-tree console? C. Unordered file let obj1 = { a: 1 }; D. Ordered file let obj2 = { a: 1 }; ANSWER: B console.log(obj1 === obj2); A. TRUE B. FALSE C. null D. Error ANSWER: B Page | 23 200. Which of the following are the properties of 205. Incase of entity integrity, the primary key may be entities? A. both Null & not Null. A. Attributes B. any value. B. Table C. Null C. Groups D. not Null D. Header ANSWER: A ANSWER: A 206. _______ produces the relation that has attributes 201. In a relation ________ of R1 and R2 A. No two rows are identical A. Difference B. Ordering of rows is immaterial B. Cartesian product C. (A) and (B) both are true C. Intersection D. None of these. D. Product ANSWER: C ANSWER: B 202. What is the function of Bootstrap's Scrollspy 207. In a Hierarchical model records are organized as component? A. List A. To update links in a navigation list based on scroll B. Tree position C. Queue B. To hide elements on scroll D. Graph C. To add animations to scrolling ANSWER: B D. To lock an element at a specific scroll position ANSWER: C 208. Model preferred to create client/server applications is 203. Which of the following is correct: A. Incremental Model A. SQL permits attribute names to be repeated in the B. Concurrent Model same relation. C. WINWIN Spiral Model B. None of these D. Spiral Model C. a SQL query will not work if there are no indexes on the relations ANSWER: B D. a SQL query automatically eliminates duplicates. ANSWER: D 209. Spiral model was developed by A. Victor Bisili 204. DBMS helps achieve B. Roger Pressman A. Data independence C. Bev Littlewood B. Neither (A) nor (C) D. Berry Boehm C. Centralized control of data ANSWER: D D. both (A) and (C) ANSWER: D Page | 24 210. How can you troubleshoot a custom Bootstrap 214. The linear sequential model of software build that fails to compile? development is also known as the A. Ensure file paths are correct A. Classical life cycle model B. Review SCSS syntax errors B. Waterfall model C. Check for missing dependencies C. Spiral model D. All of the above D. both a and b ANSWER: D ANSWER: D 211. Software evolution does not comprise: 215. Which model is not suitable for large software projects but is good for learning and experimenting? A. Re-engineering activities A. Waterfall model B. Development activities B. Iterative model C. Negotiating with client C. Spiral model D. Maintenance activities D. Big Bang model ANSWER: C ANSWER: D 212. Identify the correct statement with respect to Evolutionary development: 216. Which of the following tags is used to create a table header cell in HTML? A. "Evolutionary development usually has two flavors; exploratory development, and throw-away A. prototyping." B. B. Sometimes the construction of a throw-away C. prototype is not followed by a re-implementation of the software system using a more structured approach. D. C. It facilitates easy project management through the ANSWER: C high volume of documentation it generates. D. Very large projects are usually done using an 217. What is the default value of the BORDER evolutionary development-based approach. attribute in an HTML table? ANSWER: A A. 2 pixel B. 3 pixel 213. The linear sequential model of software C. None development is D. 1 pixel A. The best approach to use for projects with large development teams. ANSWER: D B. A reasonable approach when requirements are well defined. 218. Which tag is used to create a drop-down list in an C. A good approach when a working program is HTML form? required quickly. A. D. An old-fashioned model that cannot be used in a B. modern context. C. ANSWER: B D. ANSWER: C Page | 25 219. How can you create a label for a form element in 223. Describe the purpose of the tag in an HTML? HTML? A. A. To define the footer section of a web page, typically containing information such as copyright B. and contact information C. B. To provide information about the document, such D. as the title and meta tags ANSWER: A C. To specify the layout and design of the document D. To contain the main content of the document 220. What is the correct way to create a heading in ANSWER: A HTML? A. text 224. Which of the following HTML tag is used to add B. text video to a webpage? C. text A. D. text B. ANSWER: D C. D. 221. Which HTML tag is used to specify a section of a ANSWER: D document as a block of quoted text? A. 225. To set the color for table borders, use ______ B. A. tablecolor=#004500 C. B. bordercolor=#004500 D. C. bgcolor=#0045300 ANSWER: A D. bgimage=#004500 ANSWER: B 222. Which of the following attributes is used to uniquely identify an HTML element? 226. What is the purpose of the alt attribute in the A. id tag? B. none of them A. To specify the file type of the image C. class B. To specify the source URL of the image D. dot C. To provide a text description of the image for ANSWER: A accessibility D. To specify the width and height of the image ANSWER: C Page | 26 227. Which of the following represents the basic 231. What is the purpose of this HTML5 Canvas code: structure of an HTML document? in HTML and var canvas = document.getElementById('myCanvas'); A. head, title, body var ctx = canvas.getContext('2d'); ctx.fillRect(20, 20, B. article, section, nav 150, 100); in JavaScript? C. div, span, p A. To create an interactive form D. header, footer, article B. To create an animation ANSWER: A C. To display a static image D. To draw a rectangle on the canvas 228. To separate items in a single list, which of the ANSWER: D following should you use? A. and 232. What will this CSS media query do? @media B. All of the above (max-width: 600px) { /Unknown node type: em/ } C. and A. Apply the CSS rules to screens larger than 600px D. and B. Apply the CSS rules to screens smaller than 600px ANSWER: A C. Hide content on screens smaller than 600px D. Change the layout on all devices 229. The HTML tag used to create a hypertext ANSWER: B relationship between the current document and an external resource is? 233. In the context of HTML5's Drag and Drop API, A. what does the dataTransfer object do? B. None of the above A. Transfers data between drag and drop operations C. B. Plays a role in touch-screen interactions D. C. Changes the style of the dragged element ANSWER: D D. Controls the draggable properties of elements ANSWER: A 230. The style element holds the document for setting________. 234. What is the mobile-first approach? A. font, colour and alignment A. Exclusively designing websites for mobile devices B. colour, alignment B. Exclusively designing websites for mobile devices C. font, colour, alignment and border C. Designing a website for mobile devices before D. colour, alignment and border desktops ANSWER: C D. Prioritizing mobile functionality over desktop ANSWER: C Page | 27 235. How does this HTML5 code function for Drag 239. Spot the error in this HTML5 Canvas code: and Drop? HTML: JS: document.getElementById('canvas'); var ctx = document.getElementById("drag1").addEventListener C.getContext('2d'); ctx.fillReact(10, 10, 100, 100); ("dragstart", function(event) { A. Canvas element incorrectly referenced event.dataTransfer.setData("text/plain", event.target.id); }); B. No error A. It prevents the div from being dropped C. Incorrect method name fillReact B. It changes the style of the div when dragged D. Incorrect context retrieval C. It tracks the movement of the mouse ANSWER: C D. It makes the div draggable and stores the div's ID ANSWER: D 240. What is the purpose of the HTML5 Canvas API? A. To embed video content 236. Identify the issue in this CSS media query: B. To create draggable elements @media (min-width: 600px) { p { font-size: 18px; } } C. To add animations to text A. It incorrectly uses min?width D. To draw graphics via scripting B. No issue ANSWER: D C. The font size is too large D. It doesn't specify screen height 241. How does the element differ from ANSWER: B in HTML5? A. requires a plugin, while does not 237. What does this combination of HTML and CSS B. draws graphics with JavaScript, while achieve? HTML: CSS: uses XML.container { display: flex; flex?wrap: wrap; } C. is for interactive graphics, while A. Forces all child elements to stay in a single line is static B. Aligns all child elements to the right D. is older than C. Creates a responsive container that adjusts its child ANSWER: B elements D. Creates a fixed layout not affected by screen size 242. Spot the error in this responsive design code: ANSWER: C HTML: CSS: @media (min?width: 600px) {.desktop { display: none; } } A. The display: none; rule is wrongly applied 238. How can you troubleshoot a custom Bootstrap build that fails to compile? B. The CSS class does not match the HTML class A. Review SCSS syntax errors C. No error B. Ensure file paths are correct D. Incorrect use of min?width C. Check for missing dependencies ANSWER: B D. All of the above ANSWER: D Page | 28 243. What are the primary advantages of using 248. What is the output of this code if the HTML HTML5's Canvas API over traditional bitmap contains an element with id demo and text 'Morning'? images? document.getElementById('demo').textContent = 'Good'; A. Interactivity and programmability console.log(document.getElementById('demo').textC B. Compatibility with older browsers ontent); C. Higher quality images and transparency support A. Error D. Faster load times and smaller file sizes B. 'Good' ANSWER: A C. undefined D. 'Morning' 244. What is the result of accessing a property that ANSWER: B doesn’t exist on an object? A. 1 249. What is the difference between innerHTML and B. undefined textContent properties in DOM manipulation? C. Error A. innerHTML can include HTML tags; textContent D. null cannot ANSWER: B B. There is no difference C. textContent is faster than innerHTML 245. What is the purpose of the this keyword in D. textContent can include HTML tags; innerHTML JavaScript objects? cannot A. Duplicate an object ANSWER: A B. Refer to the current object C. Create a new object 250. How do you create a new object in JavaScript? D. Refer to the global object A. Neither A nor B ANSWER: B B. Both A and B C. new Object() 246. What is the output of the following code snippet? D. Object.create() let obj = { a: 5, b: 6 }; console.log(obj.a); ANSWER: B A. Error B. undefined 251. What will be the result of the following code if C. 6 the HTML has multiple p tags? let paragraphs = document.getElementsByTagName('p'); for(let i = 0; i D. 5 < paragraphs.length; i++) { paragraphs[i].style.color = ANSWER: D 'red'; } A. Only the first p tag turns red 247. How can you change the text content of an B. All p tags turn red HTML element in the DOM using JavaScript? C. A TypeError occurs A. element.textContent = 'new text value' D. No change in p tags B. Neither A nor B ANSWER: B C. Both A and B D. element.innerHTML = 'new text value' ANSWER: C Page | 29 252. Consider this code: let items = 257. What should you verify if a Bootstrap document.querySelectorAll('.item'); customization does not display correctly on a console.log(items.length); What does it output if there webpage? are five elements with class item in the HTML? A. The browser cache has been cleared A. 5 B. The customization uses correct syntax B. 'item' C. The CSS file is linked correctly C. undefined D. All of the above D. Error ANSWER: D ANSWER: A 258. The two dimensions of the spiral model are: 253. What is the Incremental Model a combination of? A. Radial, angular A. Waterfall Model & RAD Model B. Radial, perpendicular B. Build & Fix Model & Waterfall Model C. Diagonal, angular C. Linear Model & Prototyping Model D. Diagonal, perpendicular D. Linear Model & RAD Model ANSWER: A ANSWER: A 259. Which component is used to create a group of 254. Which is not one of the types of prototype in the buttons that can toggle between active and inactive Prototyping Model? states? A. Horizontal Prototype A. Dropdown B. Domain Prototype B. Input group C. Vertical Prototype C. Navs D. Diagonal Prototype D. Button group ANSWER: D ANSWER: D 255. What is the primary use of Bootstrap's Modal 260. In what file type is Bootstrap's source code component? primarily written? A. To organize content A..scss B. To display interactive alerts B..html C. To display additional information in a popup C..css D. To navigate between pages D..js ANSWER: C ANSWER: A 256. Which of the following models is not suitable for accommodating any change? A. Build & Fix Model B. Prototyping Model C. RAD Model D. Waterfall Model ANSWER: D Page | 30 261. The incremental model of software development 265. Which Bootstrap component should be used for is: complex form layouts that require inline arrangement of form controls? A. A good approach when a working core product is required quickly. A. Card B. A revolutionary model that is not used for B. Grid system commercial products. C. Forms C. The best approach to use for projects with large D. Input group development teams. ANSWER: D D. A reasonable approach when requirements are well defined. ANSWER: A 266. In Bootstrap, what is the purpose of the Jumbotron component? A. To enhance navigation 262. Build & Fix Model is suitable for programming exercises of ___________ LOC (Line of Code). B. To create a lightweight container for calling extra attention to content A. 400-1000 C. To display modal dialogs B. above 1000 D. To increase font size C. 200-400 ANSWER: B D. 100-200 ANSWER: D 267. How do Bootstrap Navs differ from Tabs? A. Navs are always vertical, while Tabs are horizontal 263. What does the Bootstrap Carousel component do? B. Navs offer more style options A. Rotates text C. Navs are for navigation, Tabs are for content B. Collapses content organization C. Displays a series of images or slides in a slideshow D. Tabs are clickable, while Navs are not D. Expands forms ANSWER: C ANSWER: C 268. What is the main method for customizing 264. What is the average effective global activity rate Bootstrap’s visual design? in an evolving E-type system invariant over the A. Overriding existing CSS lifetime of the product? B. Using inline styles A. Feedback systems C. Editing the source code B. Self-regulation D. Using CSS preprocessors C. Reducing quality ANSWER: D D. Organizational stability ANSWER: B Page | 31 269. Which Bootstrap component is best suited for 274. Which of the following is a critical consideration displaying a list of items with contextual background when upgrading Bootstrap versions in a heavily colors? customized project? A. Progress bar A. Reducing page size B. Tooltip B. Increasing compatibility with browsers C. Table C. Checking for deprecated features D. List group D. Rewriting all custom code ANSWER: D ANSWER: C 270. What class is used to make a navigation bar sticky 275. How does creating a custom theme differ from at the top of the viewport in Bootstrap? modifying Bootstrap’s core files? A..fixed-top A. It's more stable across updates B..top-nav B. It requires more coding skills C..nav-fixed C. It's less flexible D..sticky-top D. It's cheaper ANSWER: D ANSWER: A 271. How do you create a basic alert box in Bootstrap 276. The tags which are required for every HTML that can be dismissed by the user? page you create A. Use.alert with.alert-dismissible A. Document B. Use.alert with.alert-close B. Comment C. Use.alert with.close C. Container D. Use.alert with.dismiss-alert D. None of the above ANSWER: A ANSWER: A 272. Design phase is followed by ______. 277. Which tags and text that do not show directly on the page are placed in A. Maintenance A. Head tag B. Coding B. Body tag C. None of the above C. Title tag D. Testing D. None of the above ANSWER: B ANSWER: A 273. What is the advantage of using Bootstrap’s built- in mixins for customizations? A. Less code redundancy B. Easier debugging C. None of the above D. Faster compilation ANSWER: A Page | 32 278. How does this HTML and CSS code function? 282. How can you open a link in a new browser in HTML and window?.responsive { width: 100%; max?width: 800px; } in A. CSS B. A. It makes the div element stretch to fill 100% of the screen C. B. It limits the div width to 800px on all devices D. None of the above C. It makes the div element responsive to screen size, ANSWER: A with a max?width of 800px D. It creates a fixed?size div not affected by screen 283. Which HTML tag can add colspan=n? size A. ANSWER: C B. C. 279. To start a list at the count of 4, use D. A. ANSWER: B B. C. 284. What do you mean by increasing the cellpadding? D. A. Increase the softness of your site ANSWER: C B. Increase the space between cells C. Increase the distance between cell and content 280. Which section is used for text and tags that are shown directly on your web page? D. All of the above A. Head ANSWER: C B. Metatags C. Body 285. What is the primary purpose of responsive web design? D. title A. To make websites load faster ANSWER: C B. To enhance the security of websites C. To make websites visually appealing 281. If the background image is smaller than the screen, what will happen? D. To make websites work well on different devices A. It will be streteched ANSWER: D B. It will be repeated C. It will leave a blank space at the bottom of your 286. Explain the purpose of the viewport tag in page responsive design? D. None of the above A. To disable zooming on mobile devices ANSWER: B B. To define the width of the website C. To control the layout on different browsers D. To set the width of the viewport to match the device's width ANSWER: D Page | 33 287. What does CSS media query primarily allow you 291. What is the primary purpose of using alt text in to do in terms of responsive design? HTML images? A. Change the font size based on the device A. To provide a text alternative for search engines B. Load different images on different devices B. To increase image loading speed C. Apply different stylesheets for different devices C. To provide a text description for screen readers D. Control the display of content based on screen size D. To display text when an image link is broken or device ANSWER: C ANSWER: D 292. What role does the lang attribute in the 288. Which HTML5 element is particularly useful for tag play in web accessibility? structuring a responsive web design? A. Specifies the language of the script used in the A. document B. B. Determines the language for styling the document C. C. Specifies the primary language of the document's content D. D. Controls the language of the browser interface ANSWER: C ANSWER: C 289. The symbol used at the beginning of the HREF text is 293. How does the use of semantic HTML elements like , , , and enhance A. @ accessibility? B. & A. By making the website load faster C. $ B. By improving the website's SEO D. # C. By making it easier for screen readers to navigate ANSWER: D the content D. By changing the visual appearance of the site 290. Identify the mistake in this Drag and Drop code: ANSWER: C HTML: JS:document.getElementById("drag1").addEventListener( 294. What is the purpose of the aria-labelledby "dragstart", function(event) { attribute in HTML? event.dataTransfer.setData("text", event.target.id); }); A. To label elements for styling purposes A. The data type set in setData is incorrect B. To specify a unique ID for an element B. The draggable attribute is not set correctly C. To reference the ID of another element that C. The event listener is attached to the wrong element provides a label D. No mistake D. To automatically generate labels for elements ANSWER: A ANSWER: C Page | 34 295. What is the purpose of this HTML code in terms 299. Spot the mistake in this HTML table code: of accessibility? console.error('Fetch error:', error));" A. SyntaxError A. It logs errors to the console B. TypeError B. It redirects the user to an error page C. ReferenceError C. It retries the fetch request D. RangeError D. It sends an error report to the server ANSWER: C ANSWER: A 377. Which statement is used to manually throw an exception in JavaScript? 373. What is the purpose of the try...catch statement in JavaScript? A. throw A. To test code for errors B. error B. To speed up code execution C. exception C. To declare variables D. raise D. To loop through arrays ANSWER: A ANSWER: A Page | 45 378. What does the finally block in a try...catch 381. What will this code output? statement do? try { A. It runs only if no errors occur let x = y; B. It runs after the try and catch blocks, regardless of } catch(e) { the result" console.log(typeof e); C. It runs as a cleanup process } D. It checks for any remaining errors A. 'undefined' ANSWER: B B. 'object' C. 'string' 379. What is the difference between a SyntaxError and a ReferenceError in JavaScript? D. 'error' A. A SyntaxError occurs for mistakes in the code's ANSWER: B syntax, while a ReferenceError occurs for illegal or invalid references to variables" 382. What will happen when this code is executed? B. A SyntaxError occurs when variables are not found, while a ReferenceError occurs for syntax try { mistakes" null.foo(); C. A SyntaxError is a runtime error, while a } ReferenceError is a compile-time error" catch(e) { D. No difference console.log(e.name); ANSWER: A } finally { console.log('Done'); 380. What is the output of this code? } try { A. Logs 'TypeError' and 'Done' console.log('Start'); B. Logs 'ReferenceError' and 'Done' throw new Error('An error occurred'); C. Only logs 'Done' console.log('End'); D. Causes a fatal error } catch(e) { ANSWER: A console.log('Caught an error'); } 383. Which method is used to add an element to the A. 'Start' 'End' 'Caught an error' end of an array in JavaScript? B. 'Start' 'Caught an error' A. push() C. 'Caught an error' B. unshift() D. 'Start' 'An error occurred' C. pop() ANSWER: B D. shift() ANSWER: A Page | 46 384. Identify the error in this code: 387. What does the splice method do in an array? try { A. Copies a portion of an array let result = 'Result'; B. Concatenates arrays console.log(result); C. Changes the content of an array } catch(e) { D. Finds an element in an array console.log(e); ANSWER: C } finally { console.log(reslt); 388. In JavaScript, how can you check if a variable is an array? } A. typeof variable A. Misspelled variable in the finally block B. variable.isArray() B. Error in the try block C. Array.isArray(variable) C. Error in the catch block D. variable instanceof Array D. No error ANSWER: C ANSWER: A 389. The given Query can be replaced with 385. What is wrong with this function declaration? ____________: function power(base, exponent) {" SELECT name if (exponent == 0) return 1; FROM instructor1 "else return base * power(base, exponent - 1);" WHERE salary = 90000; } console.log(power(2)); A. SELECT name A. It doesn't handle the case when exponent is not FROM instructor1 provided WHERE salary BETWEEN 100000 AND 90000 B. It returns the wrong value B. SELECT name C. It causes an infinite loop FROM instructor| D. Syntax error WHERE salary BETWEEN 90000 AND 100000; ANSWER: A C. SELECT name FROM instructor1 386. How do you find the length of an array in JavaScript? WHERE salary BETWEEN 90000 AND 100000; A. array.size() D. SELECT name B. array.length FROM instructor! C. array.count() WHERE salary =100000; D. length(array) ANSWER: C ANSWER: B Page | 47 390. A Database Management System is a type of 395. A huge collection of the information or data _________software. accumulated form several different sources is known as ________: A. It is a type of system software A. Data Management B. It is a kind of application software B. Data Mining C. It is a kind of general software C. Data Warehouse D. Both A and C D. Both B and C ANSWER: D ANSWER: C 391. The term "FAT" stands for_____ 396. Which of the following can be used to extract or A. File Allocation Tree filter the data & information from the data B. File Allocation Table warehouse? C. File Allocation Graph A. Data redundancy D. All of the above B. Data recovery tool ANSWER: B C. Data mining D. Both B and C 392. Which of the following can be considered as the ANSWER: C maximum size that is supported by FAT? A. 8GB 397. Which one of the following refers to the copies of B. 4GB the same data (or information) occupying the memory C. 4TB space at multiple places. D. None of the above A. Data Repository ANSWER: B B. Data Inconsistency C. Data Mining 393. The term "NTFS" refers to which one of the D. Data Redundancy following? ANSWER: D A. New Technology File System B. New Tree File System 398. Which one of the following refers to the "data C. New Table type File System about data"? D. Both A and C A. Directory ANSWER: A B. Sub Data C. Warehouse 394. Which of the following can be considered as the D. Meta Data maximum size that is supported by NTFS? ANSWER: D A. 4GB B. 16TB C. 64TB D. 8TB ANSWER: C Page | 48 399. Which of the following refers to the level of data 404. What will the following JavaScript code do? abstraction that describes exactly how the data fetch('https://api.example.com/data') actually stored?.then(response => response.json()) A. Conceptual Level.then(data => console.log(data)); B. Physical Level A. Sends data to 'https://api.example.com/data' C. File Level B. Requests data from 'https://api.example.com/data' D. Logical Level and logs it ANSWER: B C. Creates a new resource at 'https://api.example.com/data' 400. To which of the following the term DBA" D. Deletes data from 'https://api.example.com/data' referred? ANSWER: B A. Data Bank Administrator B. Database Administrator 405. Which of the following refers to the number of C. Data Administrator tuples in a relation? D. None of the above A. Entity ANSWER: B B. Column C. Cardinality 401. In general, a file is basically a collection of all D. None of the above related______. ANSWER: C A. Rows & Columns B. Fields 406. Which one of the following is not an Evolutionary C. Database Process Model? D. Records A. WINWIN Spiral Model ANSWER: D B. Incremental Model C. Concurrent Development Model 402. The term Data" refers to: D. All are Evolutionary Software Models A. The electronic representation of the information( ANSWER: D or data) B. Basic information 407. The Incremental Model is a result of combination C. Row Facts and figures of elements of which two models? D. Both A and C A. Build & FIX Model & Waterfall Model ANSWER: C B. Linear Model & RAD Model C. Linear Model & Prototyping Model 403. Rows of a relation are known as the _______. D. Waterfall Model & RAD Model A. Degree ANSWER: D B. Tuples C. Entity D. All of the above ANSWER: B Page | 49 408. Which of the following commands is used to save 413. Which of the following refers collection of the any transaction permanently into the database? information stored in a database at a specific time? A. Commit A. Independence B. Rollback B. Instance of the database C. Savepoint C. Schema D. None of the above D. Data domain ANSWER: A ANSWER: B 409. Which one of the following commands is used for 414. SQL stands for removing (or deleting) a relation forms the SQL A. Standard query language database? B. Sequential query language A. Delete C. Structured query language B. Drop D. Server-side query language C. Remove ANSWER: C D. All of the above ANSWER: B 415. The term "ODBC" stands for_____ A. Open database connectivity 410. Which one of the following commands is used to restore the database to the last committed state? B. Oracle database connectivity A. Savepoint C. Oral database connectivity B. Rollback D. Object database connectivity C. Commit ANSWER: A D. Both A & B ANSWER: B 416. The term Data independence" refers to____ A. Programs are not dependent on the logical attributes of the data 411. The database management system can be considered as the collection of ______ that enables us B. Data is defined separately and not included in the to create and maintain the database. programs A. Translators C. Programs are not dependent on the physical attributes of the data B. Programs D. Both A & C C. Keys ANSWER: D D. Language activity ANSWER: B 417. Which of the following is used in the application programs to request data from the database 412. What is the full form of DFD? management system? A. Data file diagram A. Data Manipulation language B. Data flow document B. Data Definition Language C. Data flow diagram C. Data Control Language D. None of the above D. All of the above ANSWER: C ANSWER: A Page | 5