Web Technologies / Skill 17
§ 03

The technologies this skill covers.

Everything a competitor is expected to know their way around, front to back. For installers and download links, see the Resources page.

A / LANG

Languages

MARKUP

HTML

Structure and content.

STYLE

CSS

Styling, layout and responsive design.

SCRIPT

JavaScript

Logic and interactivity, browser and server both.

SCRIPT

TypeScript

JavaScript with static types, used across the front-end.

SERVER

PHP

The server-side language Laravel runs on.

B / UI

Front-end

STYLING

Tailwind CSS

Utility-first styling.

STYLING

Bootstrap

Component-based CSS framework.

LIBRARY

React

Component-based UI library.

FRAMEWORK

Next.js

React framework for the Application Front-End module.

C / SERVER

Back-end

RUNTIME

Node.js

JavaScript runtime for the server (v20 LTS).

PACKAGES

npm

Node's package manager.

FRAMEWORK

Express

Minimal web framework for Node.js APIs.

PACKAGES

Composer

PHP's package manager.

FRAMEWORK

Laravel

PHP framework for the Database Application module.

TEMPLATING

Blade

Laravel's templating engine.

D / DATA

Data & APIs

FORMAT

JSON

The data format APIs send and receive.

DATABASE

SQLite

Lightweight, file-based database.

DATABASE

MySQL

Relational database, managed via MySQL Workbench.

ORM

Prisma

ORM for Node.js, also provisioned.

PROTOCOL

REST API

Standard for how front-end and back-end talk.

E / TOOLS

Tooling & environment

VCS

Git

Version control.

OS

Linux

The command-line environment competitors work in.

SHELL

Bash

Shell scripting for the command line.

TESTING

Postman / Bruno

API testing tools.

IDE

WebStorm / PhpStorm

Optional JetBrains alternative to VS Code.

CONTAINERS

Docker

Containers for consistent environments.

TESTING

Cypress / TestCafe

Browser test automation.

A11Y

NVDA

Screen reader used to test accessibility.