← All open source projects

30 seconds of code

Chalarangelo/30-seconds-of-code

30 seconds of code is a site and repository with short articles and code examples for JavaScript, CSS, HTML, Git, and web development.

Forks 12,492
Author Chalarangelo
Language JavaScript
License CC-BY-4.0
Synced 2026-06-07

What 30 seconds of code is

30 seconds of code is a collection of short articles and code examples for developers. It began around small JavaScript snippets and grew into a site covering JavaScript, CSS, HTML, Git, Node.js, and related topics.

It works as a quick reference: search by name, tag, language, or description, open a card, and read the explanation with an example. It is not a linear course; it is a library of small practical notes.

What is inside

The site is built with Astro and publishes articles, collections, and examples. New content contributions are currently closed, but website issues and improvement suggestions are accepted. Code snippets use CC-BY-4.0, while other materials have separate restrictions.

Typical short example

This captures the project style: a small task, compact function, and clear purpose.

Language: JavaScript
const unique = (items) => [...new Set(items)];

unique([1, 1, 2, 3, 3]);
// [1, 2, 3]

Why it is useful

The project is good for focused learning. When a developer needs to remember a technique or find a small everyday example, a short article can be more useful than a long chapter.

Limits

Shortness does not replace depth. Some snippets are useful hints, but real projects still need readability, maintenance, edge-case handling, and team style.