A curated, language-organized list of tutorials that walk developers through building complete applications from scratch.
Chalarangelo/30-seconds-of-code
A collection of short, self-contained JavaScript articles and code snippets for learning everyday programming patterns in 30 seconds or less.
- Stars
- 129,266
- Forks
- 12,487
- Open issues
- 2
- Last commit
- 16 hours ago
What is it?
30 seconds of code is a collection of short coding articles, each focused on a single snippet or technique that can be read and understood quickly. The articles cover JavaScript and related web technologies such as CSS, HTML, Git and Node.js, and are organized by topic and collection so readers can find material for a specific need.
Each article on the website includes the code snippet, an explanation of how it works, and examples of usage. Readers can search by name, tag, language or description, and browse all articles or the thematic collections. The project is published as a website, and the repository is the source for its content and site.
The content is licensed under CC-BY-4.0 for code snippets, while other material such as text, images and branding is not licensed for reuse without the owner's consent. The repository is not currently accepting new content contributions; issues for problems or suggestions are welcome.
Key features
- 01Short articles, each centered on one snippet or technique
- 02Covers JavaScript, CSS, HTML, Git and Node.js topics
- 03Search by name, tag, language or description
- 04Browse by topic collections
- 05Each article includes code, explanation and examples
Use cases
- Learning common JavaScript patterns quickly
- Looking up a small utility snippet to reuse in a project
- Brushing up on modern ES6+ features and web basics
Things to know
- Only the code snippets are CC-BY-4.0; the text, images, website source and logos need the owner's consent to reuse.
- New content contributions are not accepted at this time.
Topics
FAQ
- What is 30-seconds-of-code?
- A collection of short, self-contained JavaScript articles and code snippets for learning everyday programming patterns in 30 seconds or less. 30 seconds of code is a collection of short coding articles, each focused on a single snippet or technique that can be read and understood quickly. The articles cover JavaScript and related web technologies such as CSS, HTML, Git and Node.js, and are organized by topic and collection so readers can find material for a specific need.
- Is 30-seconds-of-code free to use? What license does it have?
- 30-seconds-of-code is open source under the CC-BY-4.0 license. Check the license terms before using it in commercial products.
- Is 30-seconds-of-code still maintained?
- Actively maintained. The last commit to 30-seconds-of-code was on Oct 20, 2026.
- What can I use 30-seconds-of-code for?
- Learning common JavaScript patterns quickly Looking up a small utility snippet to reuse in a project Brushing up on modern ES6+ features and web basics
- Where can I get 30-seconds-of-code?
- The source code and installation instructions are on GitHub: https://github.com/Chalarangelo/30-seconds-of-code
Summary generated by AI from the project's README. GitHub stats refresh daily.
Related projects
A 12-week, 24-lesson beginner curriculum teaching HTML, CSS and JavaScript through hands-on projects like a terrarium, typing game and space game.
A framework for building cross-platform desktop apps with JavaScript, HTML and CSS, based on Node.js and Chromium.
A curated list of libraries, tools, news sources and learning resources for building React Native apps.
Browser-based player for the four volumes of New Concept English, with audio, sentence-by-sentence playback and Chinese-English subtitles.
Popular front-end framework of HTML, CSS and Sass/JavaScript components for building responsive, mobile-first websites.