Frontend
-
HTML and CSS small
HTML and CSS are the two languages every browser already understands, and together they make up the document layer of the web.
-
Front-End Web Development small
Front-end web development is the work of building the part of an application a person touches: the document, its styling, its behaviour, and the pipeline…
-
Hypertext Markup Language (HTML) small
HTML is the markup language that gives a web page its structure and its meaning.
-
Package Management (npm) medium
npm is the package manager that comes with Node, and the registry most JavaScript libraries are published to.
-
Cascading Style Sheets (CSS) large
CSS is the language that decides how the document tree looks.
-
Javascript large
JavaScript is the programming language of the browser, and the language most front-end work is written in.
-
Responsive Images small
Responsive images are the browser's own tools for serving the right image file for the space it will occupy: srcset and sizes for resolution, <picture>…
-
SEO medium
Search engine optimisation is the work of making a page easy for a search engine to crawl, understand and rank for the queries it should answer.
-
Vite small
Vite is a build tool for front-end projects.
-
Responsive Web Design medium
Responsive web design is the practice of building one page that reads well on any screen, from a phone held in one hand to a wide desktop monitor.
-
Accessibility (WCAG / a11y) medium
Accessibility is the work of making a page usable by people who navigate with a keyboard, a screen reader, a magnifier or a voice, and by anyone whose…
-
UI Components medium
A UI component is a self-contained piece of interface — a button, a form field, a card, a dialog — with a defined interface of its own: which inputs it…
-
Bootstrap (Front-End Framework) small
Bootstrap is a CSS framework with a prebuilt component library and a grid system.
-
Tailwind CSS medium
Tailwind is a utility-first CSS framework: instead of writing rules in a stylesheet, you compose small single-purpose classes directly in the markup —…
-
Sass small
Sass is a stylesheet language that compiles to CSS.
-
Motion Design medium
Motion design is the use of movement in an interface to explain what changed.
-
SVG & Icon Systems medium
SVG is an XML format for vector graphics that the browser renders as part of the page.
-
Web Typography medium
Web typography is the practice of choosing and setting type in a browser: which typefaces, at what sizes, with how much space between lines, letters and…
-
TypeScript large
TypeScript is JavaScript with a static type layer on top.
-
Browser Compatibility small
Browser compatibility is the practice of deciding which browsers your product must work in, finding out whether the features you are using exist there,…
-
Ajax small
Ajax is the technique of exchanging data with a server from a running page, without a full page reload.
-
Vue.js medium
Vue is a JavaScript framework for building interfaces from components.
-
State Management medium
State management is the set of decisions about where an application's data lives and who may change it.
-
Webpack small
Webpack is a module bundler.
-
Progressive Web Apps (PWA) medium
A progressive web app is a website that also behaves like an installed application: it can work offline or on a poor connection, it can be launched from…
-
Web Performance (Core Web Vitals) medium
Core Web Vitals are a small set of measured user-experience metrics: how long the main content takes to appear, how quickly the page responds to input,…
-
Browser DevTools medium
DevTools is the set of inspectors built into the browser: the document tree and its styles, the network log, the JavaScript console and debugger, the…
-
Generative Engine Optimization (GEO) small
Generative engine optimisation is the practice of making a page likely to be quoted, summarised or cited by an answer engine — a system that reads the web…
-
React large
React is a JavaScript library for building user interfaces out of small, reusable components.
-
Angular medium
Angular is a full application framework, not a view library.
-
Lighthouse small
Lighthouse is an automated audit that loads a page in a controlled environment, measures a set of metrics and checks a set of rules, and produces a report…