Topic 8: Web Development – 80/20
Summary, MCQs & Answers
80/20 Rule Summary
What Is Web Development?
The process of building websites. It includes frontend (user interface), backend (server,
database), and full-stack (both).
Frontend Technologies
HTML structures the content. CSS styles it. JavaScript adds interactivity.
Backend Technologies
Languages like PHP, Python, [Link] handle logic and server operations. Databases like
MySQL and MongoDB store data.
HTTP & Web Servers
HTTP is the communication protocol. Web servers process requests and return responses.
Hosting & Deployment
Web hosting makes your site live. DNS resolves domain names to IP addresses.
Responsive Design
Adapts the site to various screen sizes using CSS media queries or frameworks like
Bootstrap.
Version Control (Git)
Tracks changes in code. GitHub is used to store and collaborate on code projects.
15 Multiple Choice Questions
1. Which language is used to structure a web page?
A. CSS
B. HTML
C. JavaScript
D. Python
2. What does CSS do in a website?
A. Adds logic
B. Adds interactivity
C. Structures content
D. Styles the content
3. Which language is mainly used for interactivity in the browser?
A. HTML
B. CSS
C. JavaScript
D. SQL
4. What is the role of a backend language?
A. Designing buttons
B. Storing files
C. Styling
D. Processing server logic
5. Which protocol is used for transferring web data?
A. FTP
B. HTTP
C. SMTP
D. TCP
6. A full-stack developer handles:
A. Only frontend
B. Only backend
C. Hosting
D. Both frontend and backend
7. What is the purpose of a web server?
A. Store code
B. Host images
C. Respond to browser requests
D. Manage hardware
8. Which one is not a frontend technology?
A. HTML
B. CSS
C. [Link]
D. JavaScript
9. Which command is used to save changes in Git?
A. git push
B. git pull
C. git commit
D. git clone
10. Which database is NOT SQL-based?
A. MySQL
B. SQLite
C. MongoDB
D. PostgreSQL
11. Which tag is used to create a link in HTML?
A. <div>
B. <img>
C. <a>
D. <p>
12. What is the main use of Bootstrap?
A. Running Python
B. Styling and layout
C. File storage
D. Server-side scripting
13. Which of the following is a CSS framework?
A. Flask
B. React
C. Bootstrap
D. Django
14. JavaScript runs on:
A. Server
B. Browser
C. Database
D. File system
15. GitHub is used for:
A. Writing code
B. Deploying websites
C. Managing version control
D. Styling websites
Answers and Explanations
1. B: HTML defines the structure of a web page.
2. D: CSS is used to style HTML content.
3. C: JavaScript is used for interactivity like animations or form validation.
4. D: Backend languages handle logic, database, and server tasks.
5. B: HTTP is the primary protocol for web communication.
6. D: A full-stack developer works on both frontend and backend.
7. C: A web server receives requests and sends responses.
8. C: [Link] is a backend runtime, not frontend.
9. C: `git commit` saves changes locally.
10. C: MongoDB is a NoSQL database.
11. C: The <a> tag is used to create hyperlinks.
12. B: Bootstrap helps with responsive layout and design.
13. C: Bootstrap is a popular CSS framework.
14. B: JavaScript is executed by the browser.
15. C: GitHub is a platform for version control and collaboration.