Web Programming Multiple Choice Questions

Lesson 1: Introduction to Software Development Tools

1. Which of the following is an example of an IDE? a) GitHub b) Visual Studio Code c) Google
Chrome d) Apache

2. What is the primary function of version control systems? a) Manage databases b) Track and
manage changes in code c) Debug applications d) Compile code

3. Which of the following is not an example of a software development framework? a) Django

b) React c) VS Code d) Angular

4. What is GitHub primarily used for? a) Writing programming books b) Storing and managing
code repositories c) Debugging software d) Running SQL queries

5. What is the purpose of setting up a GitHub repository? a) To store and manage project code
b) To run programs in an IDE c) To host a database server d) To design front-end applications

6. When creating a project, why is it important to choose a simple idea? a) To avoid using Git b)
To understand the development process better c) To skip the debugging process d) To deploy
it faster

Lesson 2: Version Control with Git and GitHub

7. Which of the following commands is used to save changes in Git? a) git save b) git push c) git
commit d) git store

8. What does git pull do? a) Sends updates to a remote repository b) Merges changes from the
remote repository into the local repository c) Creates a new branch d) Deletes a repository

9. What is a Git branch used for? a) To store secret files b) To work on separate features without
affecting the main code c) To delete old commits d) To deploy a website

10. What is a pull request on GitHub? a) A request to delete a repository b) A proposal to merge
changes from one branch to another c) A command to push changes to a branch d) A way to
update an IDE

11. Which command is used to push changes to a remote repository? a) git send b) git commit c)
git push d) git upload

12. Which tool is commonly used for version control in web development? (from the first set,
Q46) a) Docker b) Git c) npm d) Webpack

13. What does git clone do? a) Creates a new branch b) Copies a repository from GitHub to a
local machine c) Deletes a repository d) Pushes changes to a remote repository

Lesson 3: Agile Development Methodologies with Scrum

14. What is Scrum? a) A database system b) An Agile project management framework c) A

programming language d) A version control system

15. What is the role of the Scrum Master? a) Assigns coding tasks b) Ensures Scrum principles are
followed and removes roadblocks c) Designs the website d) Writes SQL queries
 16. What is a Sprint in Scrum? a) A short, time-boxed development cycle b) A software
deployment tool c) A GitHub feature d) A frontend development framework

17. What is the purpose of a Scrum Board? a) To visualize work progress b) To host a website c)
To store database records d) To merge Git branches

18. What tool can be used to create a Scrum board? a) XAMPP b) MySQL c) Taiga d) Git

19. What happens at the end of a Sprint? a) Code is deleted b) The project is completed c) A
Sprint Review and Sprint Retrospective are held d) Developers switch roles

Lesson 4: Integrated Development Environment (IDE) - VS Code

20. What is VS Code? a) A database management system b) A cloud storage service c) A free
source code editor d) A project management tool

21. Which extension is used for JavaScript development in VS Code? a) Live Server b) Python c)
Node.js d) HTML Formatter

22. What shortcut runs JavaScript code in VS Code? a) Ctrl + R b) F5 c) Alt + S d) Shift + E

23. What is the purpose of debugging in VS Code? a) To find and fix errors in code b) To compile
a website c) To create Git branches d) To format HTML code

24. Which feature in VS Code allows real-time preview of web pages? a) GitLens b) Live Server c)
Debug Console d) Docker

25. How do you install an extension in VS Code? a) Through the Extensions Marketplace b) By
writing a SQL query c) By using npm install d) By running a Git command

26. What is a breakpoint in web development debugging a) A line in code where execution will
pause b) A point where the website layout changes c) The point where a website crashes d) A
line separating sections of code

27. What is the use of browser developer tools? a) To create websites b) To host websites c) To
inspect and debug websites d) To compress website files

28. Which of the following is NOT a web browser's developer tool feature? a) Network monitor
b) Code editor c) DOM inspector d) Website hosting

29. What is the console.log() used for in JavaScript? a) To display dialog boxes b) To output
messages to the console c) To log user activity d) To connect to server logs

Lesson 5: Building a Simple Web Application (HTML/CSS/JS)

30. What does HTML stand for? a) Hyperlink Text Markup Language b) Hyper Text Markup
Language c) High Tech Modern Language d) Home Tool Markup Language

31. Which HTML tag is used to define an unordered list? a) <ol> b) <ul> c) <li> d) <dl>

32. Which attribute is used to specify a unique identifier for an HTML element? a) name b) class
c) id d) tag

33. What is the correct HTML element for inserting a line break? a) <br> b) <break> c) <lb> d)
<newline>
34. Which HTML element is used to specify a header for a document or section? a) <head> b)
<top> c) <header> d) <heading>

35. Which HTML tag is used to define an image? a) <img> b) <picture> c) <image> d) <src>

36. Which attribute specifies an alternate text for an image if the image cannot be displayed?
title b) alt c) description d) fallback

37. Which HTML element is used to define important text? a) <important> b) <strong> c) <b> d)
<em>

38. What is the correct HTML for creating a hyperlink? a) <a

href="http://example.com">Example</a> b) <a url="http://example.com">Example</a> c)
<link href="http://example.com">Example</link> d)
<hyperlink="http://example.com">Example</hyperlink>

39. Which HTML tag is used to define a table? a) <table> b) <tb> c) <grid> d) <tab>

40. Which CSS property changes text color? a) text-color b) color c) font-color d) text-style

41. How do you select an element with the id "demo" in CSS? a). demo b) #demo c) demo d)
*demo

42. Which CSS property is used to control the spacing between lines of text? a) spacing b) line-
height c) text-spacing d) line-spacing

43. What is the correct CSS syntax for making all paragraph text bold? a) p {text-size: bold;} b) p
{font-weight: bold;} c) p {style: bold;} d) p {text: bold;}

44. How do you add a background color to all <h1> elements in CSS? a) all.h1 {background-color:
yellow;} b) h1.all {background-color: yellow;} c) h1 {background-color: yellow;} d) h1*
{background-color: yellow;}

45. Which property is used to change the font of an element? a) font-style b) font-type c) font-
family d) text-font

46. What does CSS stand for? a) Creative Style Sheets b) Computer Style Sheets c) Cascading
Style Sheets d) Colorful Style Sheets

47. Which CSS property controls the space between elements? a) spacing b) margin c) padding
d) border

48. How do you make text italic with CSS? a) style: italic; b) text-style: italic; c) font-style: italic; d)
italic: true;

49. Which CSS property is used to set the background image? a) background-img b) background-
image c) bg-image d) image-background

50. What is the purpose of JavaScript in web development? a) To structure web pages b) To style
web pages c) To make web pages interactive d) To store data

51. How do you declare a JavaScript variable? a) v name; b) var name; c) variable name; d)
v:name;

52. What is the correct way to create a function in JavaScript? a) function:myFunction() b)

function = myFunction() c) function myFunction() d) create myFunction()
 53. How do you call a function named "myFunction"? a) call myFunction() b) myFunction() c) call
function myFunction() d) execute myFunction()

54. How can you add a comment in JavaScript? a) <!-- This is a comment --> b) // This is a
comment c) /* This is a comment */ d) Both b and c

55. What is the correct way to write a JavaScript array? a) var colors = "red", "green", "blue" b)
var colors = ["red", "green", "blue"] c) var colors = (1:"red", 2:"green", 3:"blue") d) var colors
= 1 = ("red"), 2 = ("green"), 3 = ("blue")

56. Which event occurs when a user clicks on an HTML element? a) onmouseover b) onchange c)
onclick d) onmouseclick

57. How do you access the first element of an array named "fruits"? a) fruits(0) b) fruits[0] c)
fruits.first() d) fruits.1

58. What is the correct JavaScript syntax for opening a new window? a) window.open("URL") b)
open(URL) c) window.new("URL") d) browser.open("URL")

59. How do you write an IF statement in JavaScript? a) if i= 5 then b) if i == 5 then c) if (i == 5) d)

if i = 5

60. What does the DOM stand for in JavaScript context?) a) Document Object Model b) Display
Object Management c) Digital Ordinance Model d) Document Order Mode

61. What does document.getElementById("demo") do in JavaScript? a) Selects an HTML element

with the id "demo" b) Creates a new HTML element c) Deletes a paragraph d) Applies a CSS
style

62. How can a basic web page be deployed for free? a) By using GitHub Pages b) By using MySQL
c) By buying a domain d) By installing XAMPP

63. What is the purpose of media queries in CSS? a) To hide media elements in your web page b)
To apply different styles for different media types/devices c) To query the user about their
preferred media d) To link to external media files

64. Which CSS property is used to make a responsive image? a) responsive-size: 100%; b) scale-
image: responsive; c) max-width: 100%; d) image-size: fluid;

65. What is a viewport in responsive web design? a) A CSS framework b) The visible area of a
web page c) A JavaScript library d) A plugin for web browsers

66. Which unit is most appropriate for responsive typography? a) px b) pt c) rem d) cm

67. What is the mobile-first approach in responsive design?) a) Designing for mobile devices
before designing for desktop b) Creating a separate website for mobile users c) Only allowing
mobile users to access the website d) Using mobile frameworks exclusively

Lesson 6: Database Management with MySQL

68. What is MySQL? a) A programming language b) A database management system c) A front-

end framework d) A version control tool

69. Which tool is commonly used to manage MySQL databases locally? a) GitHub b) XAMPP c)
Visual Studio Code d) Node.js
 70. What is the command to create a new database in MySQL? a) CREATE TABLE
database_name; b) NEW DATABASE database_name; c) CREATE DATABASE database_name;
d) ADD DATABASE database_name;

71. Which SQL command is used to retrieve data from a table? a) SELECT b) INSERT c) UPDATE d)
DELETE

72. How do you connect a MySQL database to a web application? a) Using an API b) Using SQL
queries in JavaScript c) Using a database connector (like MySQLi or PDO in PHP) d) By
creating a new branch in Git

73. What is the purpose of primary keys in a database table? a) To store all the data b) To
uniquely identify each record c) To allow duplicates d) To delete a table

Lesson 7: Backend Development with Node.js/PHP

74. What is Node.js used for? a) Styling web pages b) Backend development c) Database
management d) Version control

75. Which command is used to install Express.js? a) npm install express b) install express c) git
install express d) express init

76. What does a REST API do? a) Stores front-end data b) Allows communication between the
frontend and backend c) Formats CSS styles d) Runs JavaScript code

77. What is PHP mainly used for in web development? a) Database management b) Backend
scripting and server-side programming c) Front-end development d) Agile project
management

78. Which of the following is a correct way to handle HTTP requests in Express.js? a)
app.send('/home', function(req, res) {...}); b) app.get('/home', function(req, res) {...}); c)
app.show('/home', function(req, res) {...}); d) app.create('/home', function(req, res) {...});

79. What is middleware in Express.js? a) Software used to design front-end pages b) Functions
that process requests before reaching the main route c) A type of database d) A tool for
debugging

80. What does API stand for? a) Application Programming Interface b) Application Protocol
Interface c) Automated Programming Interface d) Application Process Integration

Lesson 8: Frontend Development with React.js

81. What is React.js mainly used for? a) Backend development b) Building interactive user
interfaces c) Managing databases d) Writing SQL queries

82. What command is used to create a new React app? a) react create app b) npx create-react-
app my-app c) npm install react-app d) git init react-app

83. What is a React component? a) A function that returns HTML-like code b) A type of CSS
styling c) A MySQL database table d) A GitHub repository

84. Which of the following is correct JSX syntax? a) <div class="container">Hello</div> b) <div
className="container">Hello</div> c) <div classname="container">Hello</div> d) <div>
Hello </div>
 85. What is useState in React? a) A JavaScript function b) A built-in React hook for managing
state c) A Git command d) A SQL query

86. How do you fetch data from a REST API in React? a) Using fetch() or axios.get() b) By writing
SQL queries c) Using PHP d) With document.querySelector()

General Questions

87. What is the difference between frontend and backend development? a) Backend manages
UI, frontend manages databases b) Frontend focuses on UI, backend handles server logic and
databases c) Both are the same d) Frontend works only with databases

88. What is full-stack development? a) Developing only frontend applications b) Working on both
frontend and backend of an application c) Using only React.js d) Managing GitHub
repositories

89. What is the main function of API endpoints? a) To store user credentials b) To enable
communication between client and server c) To delete databases d) To install npm packages

90. What does npm start do in a project? a) Installs dependencies b) Starts the development
server c) Runs MySQL queries d) Initializes a Git repository

91. Why is code documentation important in software development? a) To make code easier to
understand and maintain b) To reduce GitHub storage usage c) To run SQL queries faster d)
To install dependencies automatically

92. What is a CDN in web development? a) Content Delivery Network b) Creative Design
Network c) Code Distribution Node d) Central Data Network

93. What is the purpose of HTTPS? a) To make websites faster b) To secure data transfer
between client and server c) To compress website files d) To enhance website design

94. What is the difference between GET and POST methods? a) GET requests are secure while
POST requests are not b) GET requests can be bookmarked, POST cannot c) GET requests do
not send data to the server, POST does d) There is no difference

95. What is a cookie in web development? a) A tracking device inserted into web browsers b) A
small text file stored on the client's computer c) A server-side script d) A type of web security
feature

96. What does WCAG stand for? a) World Content Accessibility Guide b) Web Content
Accessibility Guidelines c) Website Code Accessibility Group d) Web Compliance Accessibility
Guide

97. Which HTML attribute is used to provide text alternatives for images for accessibility? a) desc
b) alt c) caption d) accessibility

98. What is the purpose of ARIA in web accessibility? a) To provide visual styling for accessible
elements b) To enhance HTML with accessibility information c) To validate website
accessibility d) To compress images for faster loading

99. Which color combination would present the most accessibility challenges? a) Black text on
white background b) White text on black background c) Yellow text on light grey background
d) Blue text on dark background
 100. What is semantic HTML? a) HTML that uses correct syntax b) HTML that provides
meaning to the content c) HTML that loads faster than regular HTML d) HTML that is
compatible with all browsers

Collaboration & Deployment

101. What is continuous integration (CI)? a) A database management technique b) A

practice where developers integrate code changes frequently c) A React.js hook d) A SQL
query optimization method

102. What is Docker used for in web development? a) Containerizing applications for easy
deployment b) Writing frontend code c) Managing databases d) Debugging JavaScript

103. Which of these is a cloud-based deployment service? a) GitHub Pages b) MySQL c)

npm d) PHPMyAdmin

104. What does a package.json file contain in a Node.js project? a) Database

configurations b) Project metadata and dependencies c) Git commands d) React component
definitions

105. What does CI/CD stand for? a) Continuous Integration and Continuous Deployment
b) Code Implementation / Code Debugging c) Client Integration / Component Development
d) Create Interfaces / Connect Databases

106. What is the best way to test a deployed web application? a) Running unit tests and
functional tests b) Looking at the homepage only c) Checking MySQL queries d) Running git
pull

BONUS Question

107. What is the main goal of software development? a) Writing as much code as possible
b) Creating efficient, maintainable, and scalable applications c) Using the latest technology
trends d) Uploading code to GitHub