Advanced Search
Search Results
46 total results found
Displaying Nested Event Data from JSON
In the previous tutorial, you displayed device information in a table. 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...
Creating a Security Dashboard from JSON Data
In the previous tutorial, you displayed individual security events in a table. 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 C...
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
In the previous tutorial, you created a simple API using PHP. 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: a...
Creating a Database-Driven API with PHP and MySQL
In the previous tutorials, the API returned data from a JSON file. In this tutorial, you will create an API that reads data from a MySQL database and returns it as JSON. The System Architecture The completed system will work like this: security_events table ...
Creating API Endpoints for Specific Data
In the previous tutorial, you created an API that returned every record from the security_events table. In this tutorial, you will create multiple API endpoints that return different types of data. This approach is commonly used in modern web applications. Wh...
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 allow users to navigate between pages and websites. Images can be used to display photos, logos and graphics on a webpage. Creating a Link Use the a element to create a hyperlink. <a href="page.html">Go to Page</a> Result: Go to Page When clicked, the b...
HTML Lists and Tables
Lists and tables are used to organise and display information on a webpage. Lists are useful for displaying related items, while tables are useful for displaying data in rows and columns. Unordered Lists An unordered list displays items using bullet points. <u...
HTML Forms
Forms allow users to enter and submit information on a webpage. Forms are commonly used for: Login systems Registration pages Contact forms Surveys Search boxes Creating a Form A form is created using the form element. <form> </form> All form controls are pla...
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 the previous tutorial, the chart data was entered manually. 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...
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...