awesome-deved
github.com/kamranayub/awesome-deved ↗DevEd with umami. Awesome List of developer education covering blogs, tutorials, academies, visual essays, games, and more.
Use this list with your AI agent
Add the Context Awesome MCP server to Claude, Cursor, or any MCP client, then ask:
"Show me individual essays resources from awesome-deved"
Installation instructions →What's inside
Individual Essays
- 1
Jules Blom, a two-part series (
- Advanced animation patterns with Framer Motion
Maxime Heckel
- Alan Turing
Sam Rose
- Build your own React
Rodrigo Pombo
- Care About What You Build
Brandon Hilkert. An introspective article on loving software development even when you may not be working on the most glamorous product.
- CSS Cascade
Amanda Wattenbrger. The cascade is a river, and has a kayaker that paddles downriver as you scroll through the article.
Developer Tools
- Ably Serverless Websockets Quest
Learn Serverless Websockets through an ADND multiplayer game (
- Ably Space Invaders
Multiplayer Space Invaders game built with Phaser and Ably APIs. (
- Ably Tower Defense
Demo showing Ably's real-time API in action with a multiplayer Tower Defense game
Resources
- Algolia Academy
Training, certifications, live events covering Algolia and integrating with different use cases like front-end, search, and UX
- Beautiful Racket
Online book on language-oriented programming using Racket by Matthew Butterick
- Drawing the Invisible: React Explained in 5 Visual Metaphors
An amazing visual talk by Maggie Appleton that explains React just like it says.
- GitHub README Project
The ReadME Project amplifies the voices of the open source community: the maintainers, developers, and teams whose contributions move the world forward every day.
- It's not what you read, it's what you ignore
Insights from Scott Hanselman on how to focus on value and stop working on things that are unimportant.
- JetBrains Academy
Learn languages, skills, build apps, and more with over 30+ tracks and 2,000+ tech topics through their platform
Tools
- Alphadoc.io
Platform. Build interactive documentation using visual tools featuring sequence diagrams and visual stories. Primarily for OpenAPI-based projects and SDKs.
- Code Hike
Easily build code tutorials with MDX and React.
- Diátaxis
Originally developed by Daniele Procida at Divio, this is a unified system for developing technical documentation.
- Docfx
Open source. Documentation and static site generator for .NET API projects.
- Docusaurus
Open source. Docusaurus is a static-site generator. It builds a single-page application with fast client-side navigation, leveraging the full power of React to make your site interactive.
- Docz
Open source. Documentation site starter for Gatsby.js that offers built-in features to make writing documentation sites easier.
Collections
- Amelia Wattenberger
Amelia is a data visualization and experience engineer with a blog that features awesome interactive samples and visual essays.
- Explorable Explanations
Combining learning and play, the site is a hub of interactive and visual essays around topics, not only limited to data viz and programming.
- Jules Blom
Frontend developer specializing in React and D4.js who writes visual essays, including walkthrough code samples, embedded quizzes, and interactive diagrams.
- Maggie Appleton
Makes visual essays about UX, programming, and anthropology.
- Pudding.cool
Data viz magazine featuring many different visual essays.
- Worrydream
Bret Victor. Unique web-based site design, visual essays, and interactive demos.
Web3
- Appsembler
B2B SaaS LXP built on top of
- Corecursive: Coding Stories
Like
- CryptoZombies
Learn Solidity and Ethereum blockchain development by creating learning games
- Fireship
Short videos on a wide variety of programming topics, complete with plenty of tongue-in-cheek humor.
- NodeGuardians
Learn web3 in a gamified RPG-like experience with campaigns, quests, skill trees, and character management
- The Rabbit Hole
A lighthearted podcast that takes a pragmatic look at trends in software development.
Linux
- Bashcrawl
Learn Linux commands by playing a simple text adventure .
Programming
- BOX-256
Program a fictional CPU with assembly to output graphics.
- Clips the Game
A demanding logic game based on the clips rule engine.
- Code Avengers
Learn to build websites, apps and games in a fun and effective way.
- CodeCombat
An engaging coding game for learning programming.
- CodinGame
A challenge-based training platform where you can play with the hottest programming topics.
- Cube Composer
A puzzle game inspired by functional programming.
Showing a sample of 130 resources. View the full list on GitHub →