Web Development Notes
Comprehensive student notes with definitions, explanations, examples, quick revision points, and
practice questions.
Table of Contents
1. Introduction to Web Development
2. HTML, CSS, JavaScript
3. Frontend Development
4. Backend Development
5. Databases in Web Apps
6. Deployment and Security
7. Quick Revision
1. Introduction to Web Development
Web development is the process of creating websites and web applications that run in browsers.
• Frontend is what users see.
• Backend handles logic and APIs.
• Full-stack includes both.
2. HTML, CSS, JavaScript
Technology Purpose
HTML Structure of webpage.
CSS Design, layout, colors, spacing.
JavaScript Interactivity, logic, API calls.
3. Frontend Development
Frontend development focuses on the user-facing part of a website.
• Responsive design works on all screens.
• Accessibility helps all users.
• Performance improves loading speed.
• React, Vue, and Angular help build complex interfaces.
4. Backend Development
Backend development manages server-side logic, APIs, authentication, authorization, and database
communication.
• [Link] and Express are common.
• APIs connect frontend and backend.
• Authentication verifies identity.
• Authorization controls access.
5. Databases in Web Apps
Web apps use databases to store users, products, bookings, orders, payments, messages, and settings.
• SQL is structured.
• NoSQL is flexible.
• Firestore is popular for real-time apps.
6. Deployment and Security
• Deploy frontend on Vercel, Netlify, or Firebase Hosting.
• Deploy backend on cloud servers or serverless platforms.
• Use HTTPS.
• Protect API keys in environment variables.
• Validate user input.
7. Quick Revision
Use these notes for quick revision, then solve short questions and explain each concept in your own
words.
Practice: Explain frontend and backend. What is an API? Why is HTTPS important? List three
deployment platforms.