This diagram outlines the logical sequence for finding the maximum value within a collection of items (such as an array):

• Beri nilai awal maksimum (Initialize Max Value): Assign the first element of the array or a very small default number as the initial maximum.
• Banding nilai dalam senarai (Compare with current items): Loop through the remaining elements and compare each item against the current maximum value.
• Dapat nilai maksimum terkini (Update new maximum): If a compared element is larger than the stored maximum, update the stored value with the new maximum. Repeat until all elements have been evaluated.

A Standard Library (Perpustakaan Standard) is a collection of built-in methods and functions supplied by the programming language specification to assist programmers in coding common operations.

• Efficiency: Saves development time by providing pre-built functions for data structures, algorithms, math operations, and input/output mechanisms.
• Common JavaScript Standard Libraries in the Textbook:
  • math.js: Used for mathematical formulas like math.sqrt() (square root) and math.pow() (exponents).
  • date.js: Used for date tracking functions such as date.now() and formatting.

The textbook specifies five core operations within the math.js standard library that you should memorize for paper questions:

Modular programming divides a single script into smaller, isolated components. In client-side scripting, this is achieved using subatur cara (sub-routines).

• Modul Utama (Main Module): Represents the main script flow which invokes helper modular blocks.
• Sub-routine Categories:
  • Prosedur (Procedure): A block of code designed to perform a task but does not return a value back to the caller.
  • Fungsi (Function): Performs operations and returns a value back to the caller using a return statement.

Understanding when to use a Procedure vs a Function is a guaranteed scoring topic. Here is the formal breakdown:

For ms206(a), the textbook demonstrates retrieving elements one by one manually using indices to sum up numbers. You must know how arrays are declared and written in both JavaScript and Java, and understand their core differences.

For ms206(b), you must know how to change loops from for to while, while to for, or do-while. Additionally, you are required to know how to draw a Blok Memori (Block Memory) diagram for arrays.

Loop Conversion Playground

Select a language and loop type to view side-by-side structures:

Interactive Block Memory Visualizer (Blok Memori)

In SPM exams, you must draw array memory as contiguous boxes. Hover/click cell nodes to view index accesses:

PHP (Hypertext Preprocessor) is a skrip pelayan (server-side scripting) language — it runs on the web server, not the browser. PHP provides programming capability to process tasks and the result is returned to the browser.

Before any operation on a text file can be performed, the file must be opened first using the fopen function:

• $f = fopen("nama fail teks", mod capaian);
• "nama fail teks" → the nama fail (filename) you want to open, e.g. "LogMasuk.txt"
• mod capaian → the access mode that determines how the file is opened (read, write, or append — see next tip!)
• $f → a pemboleh ubah (variable) that stores the file handle for use in subsequent operations

For ms228(a), the key thing to learn is the meaning of "w" in:

The second argument is the mod capaian (access mode). The complete list from Jadual 3.2.1:

For ms229, the exam will ask you to arrange the code in the correct sequence. The three key PHP file writing functions must always appear in this order:

• ① Open: fopen() — opens/creates the file first before anything else can be done.
• ② Write: fwrite() — writes content to the opened file using the file handle $f.
• ③ Close: fclose() — closes the file after use to free server resources.

Practice arranging the blocks below, then click Verify:

For ms231, you need to know the correct code sequence and the function of lines 7 & 8. Click each highlighted line below to inspect what it does:

For ms240, two key exam topics:

• Tag ① — What is "r"? The file Nombor.txt is opened in mod baca (read mode). "r" means the file is opened for reading only. No writing or appending is possible in this mode.
• PHP Variable Syntax — $ prefix: In PHP, every variable must start with the dollar sign $. For example: $f, $arrNombor, $bilangan, $jumlah, $purata, $x. This is different from JavaScript (var) and Java (typed declarations).

For ms244, you must know which part of each function call does what. Click each code line in the inspector to learn its parameters:

For ms245, the exam will ask you to arrange the code sequence for connecting to and querying a MySQL database. The 4 steps must always follow this order:

• ① Connect: mysqli_connect() — establish connection to the MySQL server first.
• ② Select DB: mysqli_select_db() — choose which database to use.
• ③ Query: mysqli_query() — run the SQL query to fetch or manipulate data.
• ④ Close: mysqli_close() — close the connection to free server resources.

Practice the sequence below — use the arrows to reorder, then click Verify:

For the exam, you need to know the difference between:

• Prinsip Asas Reka Bentuk Laman Web (Basic Website Design Principles) — Focuses on page structure, typography, media, and layout elements.
• Reka Bentuk Interaksi (Interaction Design Principles) — Focuses on usability, user action feedback, consistency, predictability, and learning speed.

You must memorize the 4 design principles shown without the cross in the textbook diagram:

• Perbezaan Elemen dalam Web (Contrast): Contrast of colors, text sizes, or graphical accents to highlight key page areas and ensure clear elements visibility.
• Typography: Selection of consistent, legible, and professional fonts and sizes suited for the target audience.
• Warna dan Grafik (Colors and Graphics): Aesthetic and strategic color palette/media layout to convey branding, mood, and improve reading comfort.
• Navigasi (Navigation): Intuitive pathways, buttons, and links that guide users through pages smoothly without getting lost.

In theory papers, you may be asked to **fill in the blanks** to identify navigation components on a website screenshot. Be ready to match these 3 elements:

• Breadcrumbs: A navigational path (e.g. *Home > Campaigns*) showing users their exact current subpage location relative to the home page.
• Bar navigasi (Navigation Bar): A horizontal row (or vertical list) containing links to the main categories of the website.
• Menu Drop-down: A vertical container listing sub-options that expand when hovering or clicking a navigation bar link.

For the exam, you need to recognize and describe these 6 navigation techniques from textbook figures (Rajah 3.3.20 to Rajah 3.3.25):

• Toolbar: Arranges options vertically or horizontally (e.g. Google product grid menu). Avoid using this as a primary answer for navigation techniques in the exam.
• Bar navigasi (Navigation Bar): Groups a set of text links, icons, or graphics horizontally or vertically to direct users to main pages.
• Breadcrumbs: A text-based trail (e.g. Home / Products / Clothing) that allows users to track their current position within the site hierarchy.
• Peta tapak (Sitemap): Lists all main subpages and sections grouped logically (typically placed in the footer area) to provide a complete directory of the site.
• Pautan menggunakan grafik (Graphical Links): Uses prominent images or custom graphical icons. Recommended for children's websites to make navigation highly intuitive.
• Menu Drop-down: Organizes lists of related links under single menu categories that unfold when clicked or hovered over, keeping layouts tidy.

For the exam, you must memorize the exact textbook definition of HTML:

English Explanation: HTML is not a programming language but a markup language. It provides the structured skeleton (headings, tables, forms, anchors) that web browsers parse and compile to render visual elements on a web page.

The exam may show a web page output and ask you to write the full HTML code that produces it. You must know the paired HTML tag structure by heart:

• <html> ... </html>: The root container wrapping all page content (Start tag and Close tag).
• <head> ... </head>: Holds metadata such as the page tajuk (title).
• <title> ... </title>: The text shown on the browser tab.
• <body> ... </body>: All visible kandungan web (web content) goes here.

Upper part — Heading levels: HTML has 6 heading levels. <h1> is the largest; <h6> is the smallest. The exam may show the visual output and ask you to write the tag:

Lower part — <header> element: The <header> tag groups introductory navigation content. It typically contains heading tags, a logo, or author information. Exam may ask you to write the full <header> block:

<p> — Paragraph tag: Wraps a block of text as a paragraph. Always paired with a close tag.

<br> — Line Break tag: Forces a new line inside a paragraph. This is an empty element — it does NOT have a close tag. Place it inside a <p> tag:

<img> — Image element: Also an empty element (no close tag). This is confirmed in SPM trial. The exam may give you a width and height and ask you to write the full tag:

• src: The file path or URL of the image to display.
• style="width:...px;height:...px;": Sets display size using inline CSS. The exam will give you the values.

Internal CSS is written inside a <style> block placed in the <head> section. No separate CSS file is needed — the styles apply directly to the current HTML page:

Inline CSS is written directly inside an HTML tag using the style attribute. The CSS declaration is placed inside double quotes, right on the element you want to style:

• The style attribute goes inside the opening tag before the >.
• The CSS property and value are written as property: value; inside double quotes.
• No <style> block or external file needed — the style applies only to that specific element.

The exam may ask you to fill in the CSS syntax. You must know exactly where the colon and semicolon go:

• Colon : separates the CSS property name from its value.
• Semicolon ; ends each CSS declaration.

The text-align property controls horizontal text alignment. You must write center alignment precisely as shown:

The font-family property sets the jenis huruf (typeface) of text. You do not need to memorize font names — the exam will provide them. You just need to write the correct syntax:

• Font names containing a space must be wrapped in double quotes: "Arial Black".
• Single-word fonts can be written without quotes: Arial.

The font-size property sets the saiz teks (text size). Syntax from the textbook:

The font-style property controls the slant of text. The exam will show an image with styled text and ask you to write the CSS. You must memorize the keyword value for italic slant:

• italic: Slants the text characters to the right. This is the primary value you need to know for the exam.

The background-color property sets the warna latar belakang (background color) of an element. Applied to body to color the entire page:

• Can use named colors: red, blue, lightgreen, yellow, etc.
• Can also use hex codes: #ff0000, or RGB: rgb(255,0,0).
• Remember: color (no ‘u’) — the same American English spelling rule applies here.

The background-image property sets an image as the latar belakang (background) of an element. The exam may provide the image file path and ask you to write the full CSS declaration:

• The file path goes inside url("...") — note the double quotes inside the parentheses.
• The exam will provide the path (e.g. D:/web/gambar.jpg). You only need to place it correctly inside url("...").
• This is different from background-color — you need the url() wrapper for images.