Advanced Search
Search Results
89 total results found
Displaying Nested Event Data from JSON
In this tutorial, you will work with nested JSON data by displaying the security events associated with each device. The JSON file contains devices, and each device contains its own list of events. Understanding the JSON Structure The JSON file contains: Home ...
Creating a Security Dashboard from JSON Data
In this tutorial, you will create a simple dashboard that summarises the data and highlights important security information. The dashboard will display: Total Devices Total Events Critical Events High Severity Events Medium Severity Events Using the sample JSO...
Creating a Simple JSON API with PHP
In this tutorial, you will create a simple API using PHP. The API will return JSON data when visited in a browser. This is the same type of data format used by many real-world APIs. Project Structure Create a folder called: api-demo Inside the folder place: ap...
Reading API Data with JavaScript
The API returns JSON data when visited in a browser. In this tutorial, you will use JavaScript to read data from the API and display it on a webpage. Project Structure Your project should contain: api-demo ├── api.php ├── index.html └── smart_security_data.jso...
Creating a Database-Driven API with PHP and MySQL
This tutorial creates a read-only JSON endpoint using PHP, PDO and fictional database records. An API should return only the data needed for its stated purpose. Do not expose password hashes, session data, personal information or unnecessary database fields. C...
Creating API Endpoints for Specific Data
Focused endpoints return the smallest useful result for a particular user need. This tutorial adds filtered and summary endpoints using PDO and fictional records. Endpoint for one severity Create api/events-by-severity.php: <?php declare(strict_types=1); requ...
New Page
HTML Text and Headings
HTML provides elements for displaying text, headings and page structure. Headings Headings are used to organise content on a webpage. HTML provides six heading levels. Heading 1 Heading 2 Heading 3 Heading 4 Heading 5 Heading 6 Result: Heading 1 Heading 2 Head...
HTML Links and Images
Links support navigation and images communicate visual information. Both need meaningful text alternatives. Links <a href="results.php">View tournament results</a> Link text should describe the destination without relying on “click here”. For an external link ...
HTML Lists and Tables
Lists organise related items. Tables represent information with meaningful row and column relationships. Unordered and ordered lists <ul> <li>Team registration</li> <li>Match results</li> <li>Leaderboard</li> </ul> <ol> <li>Choose a fictional dataset.<...
HTML Forms
Forms collect user input. Accessible forms connect every control to a visible label and provide instructions and errors that do not rely on placeholders or colour. Basic form <form action="register.php" method="post"> <div class="form-group"> <label for=...
HTML Embeds and Comments
HTML can be used to embed videos, maps and other content into a webpage. Comments can also be added to help explain code without displaying anything on the page. HTML Comments Comments are ignored by the browser. They are useful for explaining code and leaving...
New Page
HTML & CSS Fixer
The HTML & CSS Fixer helps identify common mistakes in HTML and CSS code. The tool highlights problems and suggests fixes using comments so you can correct the code yourself. The Tool Can Help Find Missing closing tags Incorrect nesting Missing quotation marks...
PHP Password Hasher
The PHP Password Hasher generates secure password hashes for use in PHP login systems. This tool is useful when: Adding users directly in phpMyAdmin. Resetting passwords during development. Testing login systems. Verifying that a password matches a stored hash...
Creating Charts with Google Charts
Google Charts is a free JavaScript library that can create professional graphs and charts using your data. Google Charts can display: Pie Charts Bar Charts Column Charts Line Charts Area Charts In this tutorial you will create your first chart using sample dat...
Pie Charts from SQL Data
In this tutorial, the chart data will come directly from a MySQL database. The example below uses the cyber_security_events table. Step 1 - Create the SQL Query The following query counts how many events belong to each risk level. SELECT risk_level, C...
Bar Charts from SQL Data
Bar charts are useful for comparing values between categories. In this tutorial, the number of security events at each risk level will be displayed as a bar chart. Step 1 - Create the SQL Query SELECT risk_level, COUNT(*) AS total FROM cyber_security_e...