awesome-deved

Training, certifications, live events covering Algolia and integrating with different use cases like front-end, search, and UX

Includes courses and certifications

Learn languages, skills, build apps, and more with over 30+ tracks and 2,000+ tech topics through their platform

Training on using JFrog products, focused on upskilling developers using JFrog products

LaunchDarkly's academy with a solid space theme featuring self-paced learning and virtual labs/workshops

Chef's learning site, cited as their top lead generator

Custom learning site built with Next.js by the Cypress team ( )

Self-paced courses, get certifications, and learn MongoDB. Cited 15% of their revenue is derived from leads with the University/Learn site as their first-touch

Instructor-led courses, certifications. Cited as creating highly-qualified leads

Self-paced peer-reviewed learning courses built by the Chroma UI team. ( )

Web-based lessons that you can also get dripped via email. Example of a lead magnet

Amelia is a data visualization and experience engineer with a blog that features awesome interactive samples and visual essays

The ReadME Project amplifies the voices of the open source community: the maintainers, developers, and teams whose contributions move the world forward every day

Attracts millions of developers with over 3,000+ articles on frontend topics

Over 2,000+ tutorials since 2008 on ways to integrate and use Twilio products

Attracts 100K+ developers with over 50+ technical articles on developer tools and writing for engineers

Online book on language-oriented programming using Racket by Matthew Butterick

Online book on typography by Matthew Butterick

Interactive book that teaches SQL using a Texas Death Row dataset by Zi Chong Kao

A timeless guide that equips software developers with practical techniques, tools, and principles

An amazing visual talk by Maggie Appleton that explains React just like it says

Insights from Scott Hanselman on how to focus on value and stop working on things that are unimportant

An incredible talk by Bret Victor about the essence of digital art

Widely shared talk on the quirks of JavaScript and Ruby by Gary Bernhardt

A great dive into imposter syndrome and ways to deal with it

A nuts and bolts explanation of the D3 animation library

Code-along interactive course and workshops that teach React fundamentals. 19 hours of course material plus 10 hours of conversations with React experts

A website made by Troy Hunt that showcases 50+ sloppy security practices as part of

Gamified interactive Git course that emphasizes branching

See and interact with serverless concepts with animated examples, code snippets, and demos

Interactive step-by-step tutorial to learn Svelte

Interactive and self-paced course on learning TypeScript with annotated code snippets and formatting specifically designed for the TS compiler

Interactive WebAudio tutorials

Learn Solidify and Ethereum blockchain development by creating learning games

Interactive courses on TypeScript, Modern JavaScript, SQL, regular expressions, and more. Each course is made up of hundreds of interactive code examples running live in your browser

Learn web3 in a gamified RPG-like experience with campaigns, quests, skill trees, and character management

Every student in every school should have the opportunity to learn computer science

Learn to code interactively, for free

Self-paced developer education platform

Non-profit site where anyone can contribute educational content, get certifications, and find jobs

The professional tech upskilling platform

Gamified hands-on simulator for teaching developers how to use dev tools and products in a real-world-like environment using Quests

SaaS product for creating, hosting, and selling technical courses

CourseMaker/gatsby-theme-coursemaker

Gatsby.js Theme from CourseMaker designed for individual creators that sell courses

Gamified hands-on simulator for teaching developers how to use dev tools and products in a real-world-like environment using Quests

All-in-one dev hub w/ built-in bookmarks, progress, self-paced tutorials with videos, certifications, and more

Includes interactive labs and challenges

Redesigned and treated as a product (see

D3 viz library with interactive visualizations as the docs

Interactive and example-rich developer documentation for the popular payment platform

Interactive and example-rich developer documentation for the popular communication platform. (Also see: )

Platform. Build interactive documentation using visual tools featuring sequence diagrams and visual stories. Primarily for OpenAPI-based projects and SDKs

Easily build code tutorials with MDX and React

Originally developed by Daniele Procida at Divio, this is a unified system for developing technical documentation

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

Open source. Documentation and static site generator for .NET API projects

Docz

Open source. Documentation site starter for Gatsby.js that offers built-in features to make writing documentation sites easier

gatsby-gitbook-starter

Open source. A starter for Gatsby.js that matches the style of GitBook and supports a bunch of documentation-related features

Free + Per User Pricing. Documentation platform/framework supporting CMS-style editing and hosting of docs and technical content

Free + Flat Monthly Pricing. Documentation platform/framework supporting MDX-based docs, GPT-based search, component library, and more

Free + Per Project Pricing. Developer hub platform to host technical documentation with versioning, playgrounds, usage analytics, forums, and interactive APIs

Open source. Alternative to Redocly to host API documentation with interactive playgrounds

Free + Flat Monthly Pricing. Developer hub platform to host API documentation with interactive playgrounds

Shiki

Embed code samples with VSCode-powered syntax highlighting

The power of Shiki, plus TypeScript compiler annotations

Gamified hands-on simulator for teaching developers how to use dev tools and products in a real-world-like environment using Quests

It's a little game to help you learn CSS selectors

A game for learning CSS grid layout

Unlike other tower defense games, you must position your towers using CSS!

A game for learning CSS flexbox

Learn and master flexbox in 28 interactive levels—without writing code

Learn Serverless Websockets through an ADND multiplayer game ( )

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

Gamified hands-on simulator for teaching developers how to use dev tools and products in a real-world-like environment using Quests

Interactive Vim tutorial

Learning Vim while playing a game

Increase your speed and improve your muscle memory with Vim Genius

Learn Linux commands by playing a simple text adventure

Solve a crime while practicing database skills

The world's first MMO strategy sandbox game for programmers

Learn while playing a JavaScript adventure game

Go on a quest to learn web development how to build a web app with JavaScript and Twilio

WarriorJS

Using JavaScript, program a warrior to climb a tall tower, fight monsters and rescue captives

Program a fictional CPU with assembly to output graphics

A demanding logic game based on the clips rule engine

Learn to build websites, apps and games in a fun and effective way

An engaging coding game for learning programming

A challenge-based training platform where you can play with the hottest programming topics

A puzzle game inspired by functional programming

Solve puzzles with concurrency

Learn how to become a developer on mobile

A long-standing catalogue of programming games through the years

Learn Regular Expressions with simple, interactive exercises

A game were you learn about booleans, return true to win

Learn to code on your iPad in a seriously fun way

A game about tricking people into running code in their browsers

Learn Solidity and Ethereum blockchain development by creating learning games

Learn web3 in a gamified RPG-like experience with campaigns, quests, skill trees, and character management

B2B SaaS LXP built on top of , designed for developer education (powers Chef, Redis, etc.)

Self-managed Docker version of

Gamified hands-on simulator for teaching developers how to use dev tools and products in a real-world-like environment using Quests

Like but for software developers

A lighthearted podcast that takes a pragmatic look at trends in software development

Short videos on a wide variety of programming topics, complete with plenty of tongue-in-cheek humor

Complete reference of CSS properties with examples

Complete reference of CSS properties with examples

Turns static W3C spec of CSS Flexbox Level 1 into interactive examples

Illustrated explanations of web development, technology & a little bit of anthropology

Learn about the microfrontend architecture pattern and practices, and when / when not to consider it

The Mozilla Developer Network. Documenting web technologies, including CSS, HTML, and JavaScript, since 2005

Formerly MSDN. Documenting the Microsoft (and surrounding) ecosystems since 1992

The top Q&A programming site

Maxime Heckel

Rodrigo Pombo

Brandon Hilkert. An introspective article on loving software development even when you may not be working on the most glamorous product

Amanda Wattenbrger. The cascade is a river, and has a kayaker that paddles downriver as you scroll through the article

Maxime Heckel. Features interactive animations that showcase different types of curves

Chris Nicholas

Nanda

Nicky Case

Bartosz Ciechanowski

Varun Vachhar

Tobias Ahlin

Varun Vachhar

[Parents vs. Owners in React] - Jules Blom, a two-part series ( ) and ( )

Nanda Syahrasyad. Features a custom widget to step through the tokenization process, which displays interim results

Jake Archibald. Features an animated step-by-step diagram that got tons of love for in the comments. Not a "full" dataviz essay but interactive visual is umami

Bret Victor. Takes an example of designing a control system for a simple car simulation, and references it throughout the essay with visuals and interactive widgets accompanying the narrative

Chris Nicholas. Featuring interactive examples to show the varying results of different blend modes

Amelia is a data visualization and experience engineer with a blog that features awesome interactive samples and visual essays

Combining learning and play, the site is a hub of interactive and visual essays around topics, not only limited to data viz and programming

Frontend developer specializing in React and D4.js who writes visual essays, including walkthrough code samples, embedded quizzes, and interactive diagrams

Makes visual essays about UX, programming, and anthropology

Data viz magazine featuring many different visual essays

Bret Victor. Unique web-based site design, visual essays, and interactive demos