Class 10 Computer Science Pba Notes and Solved Model Paper (FBISE)

CS-1. HTML page skeleton and the tags to know

<!DOCTYPE html>
<html>
<head>
  <title>My Portfolio</title>
  <link rel="stylesheet" href="style.css">   <!-- or a <style> block -->
</head>
<body>
  <header><h1>Name</h1><p>Short intro</p></header>
  <nav><a href="#home">Home</a> | <a href="#about">About Me</a> | <a href="#contact">Contact</a></nav>
  <main>
    <img src="profile.jpg" alt="Profile picture">
    <p>Short biography.</p>
    <ul><li>HTML</li><li>CSS</li><li>JavaScript</li></ul>
  </main>
</body>
</html>

• Formatting: <b>, <i>, <u>, <h1> to <h6>, <br>, <hr>. Anchor: <a href="url">. Image: <img src alt>. Lists: <ul> (bullets), <ol> (numbers), <dl><dt><dd> (definition). Table: <table>, <tr> row, <th> header cell, <td> data cell.

CS-2. CSS (inline, internal, external) and common properties

selector { property: value; }
h1 { color: blue; text-align: center; font-size: 24px; }
th { color: lightblue; }
img { width: 300px; height: 200px; }
table { border: 1px solid black; border-collapse: collapse; }
a:hover { color: red; }          /* hover effect */
div { margin: 10px; padding: 5px; background-color: #eee; position: relative; }

• Text styling (color, font-size, text-align), colours, spacing (margin outside, padding inside), borders, positioning (static, relative, absolute, fixed), backgrounds, hover effects.

CS-3. JavaScript basics: variables, I/O, loops, functions, debugging

let a = 20, b = 60, c = 75;          // variables (let, const)
let total = a + b + c;
document.write(total);                // output on the page
console.log(total);                   // output in the console
let n = Number(prompt("Enter number"));   // input

if (n > 0) { alert("Positive"); } else if (n < 0) { alert("Negative"); } else { alert("Zero"); }

for (let i = 1; i <= 10; i++) { document.write(n + " x " + i + " = " + n*i + "<br>"); }   // table

let f = 1; for (let i = 1; i <= n; i++) { f *= i; }          // factorial

function area(r) { return 3.14159 * r * r; }                  // function

let big = a; if (b > big) big = b; if (c > big) big = c;       // largest of three

let list = [5, 2, 9, 1];
let found = list.indexOf(9);          // search (found = -1 if absent)
list.sort(function(x, y){ return x - y; });   // ascending sort

• Debugging: syntax errors (missing bracket, wrong keyword case) stop the code, logical errors (wrong condition) give wrong output. Use console.log() and the browser console to find them.

CS-4. Devices and software (labelling questions)

CS-5. Flowchart symbols, concept map and algorithms

• Symbols: oval = start/stop, rectangle = process, parallelogram = input/output, diamond = decision (Yes/No), arrows = flow. A concept map shows ideas as boxes joined by labelled lines.
• Algorithm patterns to practise: sum of numbers, even/odd, factorial, table, largest/smallest, linear search, bubble sort.

Factorial (pseudocode)         Largest of three
START                          START
INPUT n                        INPUT a, b, c
f = 1                          max = a
FOR i = 1 TO n                 IF b > max THEN max = b
   f = f * i                   IF c > max THEN max = c
PRINT f                        PRINT max
END                            END

CS-6. Business plan (Executive summary, objectives, product specification, market)

• Company name and slogan: short, catchy. Executive summary: one line on what the business is and who it serves. Objectives: main goals (for example, deliver healthy meals within 30 minutes, reduce plastic waste). Product specification: pricing, promotion, packaging, delivery. Potential customers: target groups.