Web Development Quiz
This quiz covers general web development concepts that every developer should know: how the web works, front end versus back end, HTTP, browsers, responsive design and common tools.
What this quiz covers
- Front end and back end
- HTTP and how browsers work
- Responsive design
- Tools and best practices
Study tip: Trace what happens when you type a web address into a browser; many questions are variations of that journey.
Questions, answers and explanations
1. What is Web Development?
- Creating websites and web applications
- Designing computer hardware
- Managing databases only
- Developing operating systems
Answer: Creating websites and web applications
Web development involves building and maintaining websites and web applications.
2. Which language is used to structure web pages?
- HTML
- CSS
- JavaScript
- Python
Answer: HTML
HTML provides the structure of a web page.
3. Which language is used to style web pages?
- CSS
- HTML
- JavaScript
- PHP
Answer: CSS
CSS controls the appearance and layout of web pages.
4. Which language adds interactivity to web pages?
- JavaScript
- HTML
- CSS
- SQL
Answer: JavaScript
JavaScript makes web pages interactive.
5. Which part of web development runs in the browser?
- Frontend
- Backend
- Database
- Server
Answer: Frontend
Frontend development is executed in the user's browser.
6. Which part of web development handles server-side logic?
- Backend
- Frontend
- HTML
- CSS
Answer: Backend
Backend development handles business logic, authentication, and databases.
7. Which protocol is used to transfer web pages?
- HTTP
- FTP
- SMTP
- SSH
Answer: HTTP
HTTP is the standard protocol for transferring web pages.
8. What does URL stand for?
- Uniform Resource Locator
- Universal Resource Link
- Uniform Reference Link
- Universal Routing Locator
Answer: Uniform Resource Locator
A URL is the address of a resource on the internet.
9. Which database is commonly used in web applications?
- MySQL
- Photoshop
- Excel
- PowerPoint
Answer: MySQL
MySQL is one of the most popular databases for web development.
10. Which framework is commonly used for building React applications?
- Next.js
- Laravel
- Django
- Flutter
Answer: Next.js
Next.js is a popular React framework for modern web applications.
11. Which HTML tag is used to create a hyperlink?
- <a>
- <link>
- <href>
- <url>
Answer: <a>
The <a> (anchor) tag is used to create hyperlinks.
12. Which CSS property changes the text color?
- color
- text-color
- font-color
- background-color
Answer: color
The color property changes the text color.
13. Which JavaScript method selects an element by its ID?
- getElementById()
- queryID()
- selectById()
- findElement()
Answer: getElementById()
getElementById() selects an HTML element using its ID.
14. Which HTTP method is commonly used to retrieve data?
- GET
- POST
- PUT
- DELETE
Answer: GET
GET requests retrieve data from a server.
15. Which HTTP method is commonly used to send data to a server?
- POST
- GET
- DELETE
- OPTIONS
Answer: POST
POST sends data such as form submissions to a server.
16. Which JavaScript framework is developed by Meta (Facebook)?
- React
- Angular
- Vue
- Svelte
Answer: React
React is maintained by Meta for building user interfaces.
17. Which backend framework is built on Node.js?
- Express.js
- Django
- Laravel
- Spring
Answer: Express.js
Express.js is a lightweight web framework for Node.js.
18. Which database is commonly paired with the MERN stack?
- MongoDB
- MySQL
- Oracle
- SQLite
Answer: MongoDB
The MERN stack consists of MongoDB, Express.js, React, and Node.js.
19. What does API stand for?
- Application Programming Interface
- Application Program Internet
- Advanced Programming Interface
- Application Protocol Interface
Answer: Application Programming Interface
An API allows different software applications to communicate with each other.
20. Which of the following is essential for a modern responsive website?
- Responsive CSS
- Mobile-Friendly Layout
- Flexible Images
- All of the above
Answer: All of the above
Modern websites should be responsive, mobile-friendly, and use flexible layouts and images.