Web Application Development
Unit I & Unit II Exam Analysis and Revision Assistant. Based strictly on class notes and 2024-2025 PYQs.
Analyzed Papers
3
Most Repeated
HTML vs XML
Key Topic
CSS Box Model
Topic Frequency in PYQs
This chart visualizes the frequency of specific topics appearing in the analyzed mid-term and re-mid term question papers. Focus your study on the highest bars.
PYQ Answer Explorer
Explore previous year questions. Answers are structured in university exam format (Definitions, Explanations, Key Points, Code) based purely on your class notes.
Mock Exam Generator
Generate a random mock examination paper based on the weightage and patterns of your previous papers (Unit 1 & 2 only).
Mock Mid-Term Examination
Course Code: BCS-102 | Web Application Development
Q1. Attempt all parts (Compulsory) [2.5 * 4 = 10 Marks]
UNIT I: Q2. Attempt any two parts [5 * 2 = 10 Marks]
UNIT II: Q3. Attempt any two parts [5 * 2 = 10 Marks]
1-Day Quick Revision Sheet
Ultra-concise cheat sheets and key definitions for the night before the exam.
HTML Syntax & Elements Checklist
Basic Structure
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<!-- Content -->
</body>
</html>
Forms
<form action="url" method="GET|POST"><input type="text|password|radio|checkbox"><select> <option>(Combo box)<textarea rows="4" cols="50">
Tables
<table>: Container<tr>: Table Row<th>: Table Header (bold, centered)<td>: Table Data (cell)- Attributes:
colspan="2",rowspan="2"
Multimedia & Frames
<audio controls> <source src="x.mp3"> </audio><video width="320" controls> <source src="x.mp4"> </video><iframe src="url" height="200" width="300">(Embed document)<frameset cols="25%, *">(Divides window - older approach)
CSS Concepts & Syntax Checklist
Three Ways to Add CSS
- Inline: Directly inside tags.
<h1 style="color:blue;"> - Internal: Inside
<head>using<style>tag.<style> p { color: red; } </style> - External: Separate .css file linked in head.
<link rel="stylesheet" href="style.css">(Best for large sites).
The CSS Box Model (SUPER IMPORTANT)
Remember: Total width = width + left/right padding + left/right border + left/right margin.
XML Cheat Sheet
XML vs HTML
| Feature | HTML | XML |
|---|---|---|
| Purpose | Display data | Transport/Store data |
| Tags | Pre-defined | User-defined |
| Case | Not case-sensitive | Strictly case-sensitive |
| Closing | Optional sometimes | Mandatory always |
DTD vs Schema
- DTD (Document Type Definition): Defines document structure. Uses non-XML syntax. Weak typing.
- XML Schema: XML-based alternative to DTD. Supports data types (integer, date, string). Extensible. Used for validating XML content.
- XML Namespaces: Solves element name conflicts using a prefix mapped to a URI (e.g.,
xmlns:h="http://www.w3.org/TR/html4/").