- 1. Which part of web development focuses on the user interface (UI) and user experience (UX)?
A) Frontend
B) Database
C) Backend
D) Server
- 2. Which framework is known as a utility-first CSS framework?
A) Materialize
B) Tailwind CSS
C) Foundation
D) Bootstrap
- 3. Which of the following ensures a website works well on desktops, tablets, and smartphones?
A) Responsiveness
B) Cross-browser compatibility
C) Debugging
D) Interactivity
- 4. What is the server-side aspect of web development called?
A) Database
B) Middleware
C) Frontend
D) Backend
- 5. Which technology is NOT a frontend framework?
A) Foundation
B) Bootstrap
C) Express.js
D) Tailwind CSS
- 6. Which of the following is a relational database?
A) MongoDB
B) CouchDB
C) MySQL
D) Firebase
- 7. Node.js is built on which JavaScript engine?
A) V8
B) Chakra
C) SpiderMonkey
D) Rhino
- 8. What does an API allow?
A) Communication between frontend and backend
B) Only CSS styling
C) Only data storage
D) Only UI design
- 9. Which backend framework is written in Python?
A) Django
B) Express.js
C) Spring Boot
D) Ruby on Rails
- 10. Which database type is best for scalability and flexibility?
A) SQL
B) Indexed
C) Relational
D) NoSQL
- 11. Which front-end framework provides prebuilt grids, styles, and UI components?
A) Flask
B) Bootstrap
C) Tailwind CSS
D) Django
- 12. Which of the following is NOT a backend language?
A) CSS
B) PHP
C) Java
D) Python
- 13. Which of these adds interactivity like forms and animations to websites?
A) JavaScript
B) SQL
C) CSS
D) HTML
- 14. Which backend library is used with Node.js for database interaction?
A) Mongoose
B) JDBC
C) Socket.io
D) Pandas
- 15. What kind of content does the backend usually generate?
A) Images only
B) Dynamic
C) Interactive only
D) Static
- 16. Which is the correct pairing?
A) Frontend → Server-side
B) Backend → Client-side
C) Backend → Server-side
D) Frontend → Database
- 17. Which is an advantage of using prebuilt components?
A) More manual coding
B) Consistent Design
C) Less responsive
D) Slower development
- 18. Express.js is mainly used for:
A) Creating CSS frameworks
B) Designing UI
C) Designing databases
D) Building web apps & APIs
- 19. Which backend technology is written in Java?
A) Spring Boot
B) Django
C) Express.js
D) Flask
- 20. Frontend development is also known as client-side development.
A) True
B) Maybe
C) False
- 21. Back-end development ensures data is processed and delivered to the frontend.
A) False
B) Maybe
C) True
- 22. Responsiveness means the website looks good only on computers
A) True
B) False
C) Maybe
- 23. Bootstrap allows faster web development with prebuilt templates.
A) False
B) True
C) Maybe
- 24. Tailwind CSS requires writing long, custom CSS for every component.
A) False
B) Maybe
C) True
- 25. Cross-browser compatibility ensures websites work the same across Chrome, Firefox, etc.
A) False
B) Maybe
C) True
- 26. What is our topic is all about?
A) Introduction Frontend and Backend Development
B) Bootstrap
C) SQL
D) Introduction of Frontend and Backend Development
- 27. Danag is creating a website for a local shop. When he opens it on his laptop, it looks fine, but when Ydrian checks it on his phone, the layout is broken. What should Danag focus on to fix this issue?
A) API integration
B) Server configuration
C) Responsiveness
D) Database design
- 28. Danag wants to build a real-time application where multiple users can interact at the same time, like an online game. Andre tells him to use a JavaScript runtime that is non-blocking and event-driven. Which technology is Andre referring to?
A) PHP
B) Tailwind CSS
C) Spring boot
D) Node.js
- 29. Andre wants to quickly design a webpage with buttons, forms, and navigation bars. Kim suggests using a framework with prebuilt components to save time. Which framework should Andre use?
A) Bootstrap
B) Django
C) MongoDB
D) Node.js
- 30. Ydrian is developing a chat application. To allow the frontend to send and receive messages from the server, he needs to create a communication link between them. What should Ydrian build?
A) An API
B) A web server
C) A UI component
D) A CSS file
|