Technical Math for Web & Software Development: Number Systems, Boolean Logic & Measurement

Why Technical Math Matters in Web & Software Development

Every device, browser, and network operates on numbers — and not always the decimal numbers you use every day. Computers store data in binary, web designers write colors in hexadecimal, and developers calculate file sizes and bandwidth to make sure websites load quickly on any connection. Mastering these number systems and logical operators is a foundational skill tested on the CompTIA ITF+ and Linux+ exams and reinforced throughout the PCEP Python credential.

Number Systems

Binary (Base 2)

Computers represent all data as sequences of bits — each bit is either 0 or 1. Eight bits form one byte. Binary is a base-2 system, meaning each position represents a power of 2.

Position values for an 8-bit byte, from right to left: 128, 64, 32, 16, 8, 4, 2, 1.

To convert binary 10110011 to decimal, multiply each bit by its position value and add:

`(1×128)+(0×64)+(1×32)+(1×16)+(0×8)+(0×4)+(1×2)+(1×1) = 128+32+16+2+1 = 179`

To convert decimal 45 to binary, repeatedly divide by 2 and record remainders, then read them bottom to top: 45→22 R1, 22→11 R0, 11→5 R1, 5→2 R1, 2→1 R0, 1→0 R1 → 101101.

Hexadecimal (Base 16)

Hexadecimal (hex) uses digits 0–9 and letters A–F, where A=10 through F=15. Each hex digit represents exactly four bits, so two hex digits represent one byte. This makes hex compact and easy to read for color codes and memory addresses.

A CSS color such as #FF5733 splits into three byte pairs:

• FF = Red channel
• 57 = Green channel
• 33 = Blue channel

To convert hex FF to decimal: `(F×16)+(F×1) = (15×16)+(15×1) = 240+15 = 255`.

To convert hex 57: `(5×16)+(7×1) = 80+7 = 87`.

So #FF5733 = RGB(255, 87, 51).

Units of Digital Measurement

Understanding storage and transfer units prevents costly mistakes in project planning.

| Unit | Abbreviation | Approximate Size |

|------|-------------|------------------|

| Byte | B | 8 bits |

| Kilobyte | KB | 1,024 bytes |

| Megabyte | MB | 1,024 KB |

| Gigabyte | GB | 1,024 MB |

| Terabyte | TB | 1,024 GB |

Bandwidth is typically measured in bits per second (bps, Kbps, Mbps, Gbps). Note the lowercase b for bits versus uppercase B for bytes. To convert bandwidth to file-transfer time: divide the file size in bits by the connection speed in bits per second.

Pixel density (pixels per inch, PPI) affects how sharp images appear on screen. A higher PPI means more pixels in the same physical area, producing crisper text and images.

Boolean Logic

Boolean logic uses only two values — TRUE (1) and FALSE (0) — and is the foundation of every conditional statement in code. The four core operators are:

• AND: result is TRUE only when both inputs are TRUE.
• OR: result is TRUE when at least one input is TRUE.
• NOT: inverts the input (TRUE → FALSE, FALSE → TRUE).
• XOR (exclusive OR): result is TRUE when inputs are different.

A truth table lists every combination of inputs and the resulting output for each operator.

| A | B | A AND B | A OR B | NOT A | A XOR B |

|---|---|---------|--------|-------|----------|

| 0 | 0 | 0 | 0 | 1 | 0 |

| 0 | 1 | 0 | 1 | 1 | 1 |

| 1 | 0 | 0 | 1 | 0 | 1 |

| 1 | 1 | 1 | 1 | 0 | 0 |

In JavaScript, these operators appear directly in conditional statements. For example:

```javascript

if (isLoggedIn && hasPermission) { showDashboard(); }

```

Here `&&` is AND — both conditions must be true for `showDashboard()` to run.

CSS Viewport Breakpoints

Responsive design uses breakpoints — specific pixel-width thresholds — to apply different CSS rules to different screen sizes. Common categories are:

• Mobile: typically up to 767 px wide
• Tablet: typically 768 px – 1023 px wide
• Desktop: typically 1024 px and wider

These values are guidelines derived from common device specifications; always verify against the actual devices your project targets.

Workplace Safety Note

This lesson involves computers and printed worksheets in a classroom or lab setting. Follow your program's workstation ergonomics guidelines: position monitors at eye level, keep wrists neutral when typing, and take short breaks to reduce repetitive-strain risk. When working in a computer lab, keep pathways clear and report damaged cables or equipment to the instructor — do not attempt electrical repairs yourself. Data safety applies too: never store or transmit sensitive personal information while practicing calculations; use only sample or fictional data.

Connecting to Your Credentials

The CompTIA ITF+ exam tests number systems, Boolean logic, and units of storage. CompTIA Linux+ builds on this with binary file permissions and scripting logic. PCEP Python requires you to evaluate Boolean expressions in code. Solid math fundamentals here pay off across all three credentials and on the job.