← Ко всем open source проектам

30 seconds of code

Chalarangelo/30-seconds-of-code

30 seconds of code — сайт и репозиторий с короткими статьями и примерами кода для JavaScript, CSS, HTML, Git и веб-разработки.

Форки 12,492
Автор Chalarangelo
Язык JavaScript
Лицензия CC-BY-4.0
Обновлено 2026-06-07

Что такое 30 seconds of code

30 seconds of code — коллекция коротких статей и примеров кода для разработчиков. Проект начинался вокруг небольших JavaScript-фрагментов, а затем вырос в сайт с материалами по JavaScript, CSS, HTML, Git, Node.js и смежным темам.

Его удобно использовать как быстрый справочник: найти приём по названию, тегу, языку или описанию, открыть карточку и увидеть объяснение вместе с примером. Это не курс с линейной программой, а библиотека маленьких практических заметок.

Что внутри

Сайт построен на Astro и публикует статьи, коллекции и примеры. Новые материалы сейчас не принимаются, но проблемы сайта и предложения по улучшению можно отправлять через раздел задач. Кодовые фрагменты распространяются по CC-BY-4.0, а остальные материалы имеют отдельные ограничения владельца.

Типичный короткий пример

Пример передаёт формат проекта: небольшая задача, компактная функция и понятное назначение.

Язык: JavaScript
const unique = (items) => [...new Set(items)];

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

Почему это полезно

Проект хорош для точечного обучения. Когда нужно вспомнить приём, быстро сравнить варианты или найти маленький пример для повседневной задачи, формат короткой статьи работает лучше длинной главы.

Ограничения

Короткость не заменяет глубокого понимания. Некоторые примеры полезны как подсказка, но в реальном проекте нужно учитывать читаемость, поддержку, крайние случаи и стиль команды.