Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

awesome-deved

DevEd with umami. Awesome List of developer education covering blogs, tutorials, academies, visual essays, games, and more.
https://github.com/kamranayub/awesome-deved

Last synced: 5 days ago
JSON representation

  • Single Learning Path

    • DashingD3js - A nuts and bolts explanation of the D3 animation library.
    • Hack Yourself First - A website made by Troy Hunt that showcases 50+ sloppy security practices as part of [his security course](https://www.pluralsight.com/courses/hack-yourself-first).
    • Learn Git Branching - Gamified interactive Git course that emphasizes branching.
    • Serverless Visually Explained - See and interact with serverless concepts with animated examples, code snippets, and demos.
    • Svelte Tutorial - Interactive step-by-step tutorial to learn Svelte
    • TypeScript Training - Interactive and self-paced course on learning TypeScript with annotated code snippets and formatting specifically designed for the TS compiler.
    • Web Audio School - Interactive WebAudio tutorials.

  • Multiple Learning Paths

    • Execute Program - 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.
    • CryptoZombies - Learn Solidify and Ethereum blockchain development by creating learning games

  • Course Platforms

    • Code.org - Every student in every school should have the opportunity to learn computer science.
    • Codecademy - Learn to code interactively, for free.
    • Educative - Self-paced developer education platform
    • FreeCodeCamp - Non-profit site where anyone can contribute educational content, get certifications, and find jobs.
    • Pluralsight - The professional tech upskilling platform

  • Course Creation

    • CourseMaker - SaaS product for creating, hosting, and selling technical courses
    • Hashicorp Docs - All-in-one dev hub w/ built-in bookmarks, progress, self-paced tutorials with videos, certifications, and more.
    • React Docs (beta) - Includes interactive labs and challenges
    • Medusa - Redesigned and treated as a product (see
    • Nivo - D3 viz library with interactive visualizations as the docs
    • Stripe Docs - Interactive and example-rich developer documentation for the popular payment platform
    • Twilio Docs - Interactive and example-rich developer documentation for the popular communication platform. (Also see: [Games > JavaScript > TwilioQuest](#javascript))
    • CourseMaker/gatsby-theme-coursemaker - Gatsby.js Theme from CourseMaker designed for individual creators that sell courses
    • Stripe Docs - Interactive and example-rich developer documentation for the popular payment 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.
    • 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.
    • GitBook - Free + Per User Pricing. Documentation platform/framework supporting CMS-style editing and hosting of docs and technical content.
    • Mintlify - Free + Flat Monthly Pricing. Documentation platform/framework supporting MDX-based docs, GPT-based search, component library, and more.
    • Readme - Free + Per Project Pricing. Developer hub platform to host technical documentation with versioning, playgrounds, usage analytics, forums, and interactive APIs.
    • Redoc - Open source. Alternative to Redocly to host API documentation with interactive playgrounds.
    • Redocly - Free + Flat Monthly Pricing. Developer hub platform to host API documentation with interactive playgrounds.
    • gatsby-gitbook-starter - Open source. A starter for Gatsby.js that matches the style of GitBook and supports a bunch of documentation-related features.
    • Shiki - Embed code samples with VSCode-powered syntax highlighting.
    • Docfx - 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.
    • Shiki Twoslash - The power of Shiki, plus TypeScript compiler annotations.
    • Readme - Free + Per Project Pricing. Developer hub platform to host technical documentation with versioning, playgrounds, usage analytics, forums, and interactive APIs.
    • Diátaxis - Originally developed by Daniele Procida at Divio, this is a unified system for developing technical documentation.

  • Editors

    • Open Vim - Interactive Vim tutorial.
    • Vim Adventures - Learning Vim while playing a game.
    • Vim Genius - Increase your speed and improve your muscle memory with Vim Genius.

  • CSS

  • Developer Tools

    • Ably Serverless Websockets Quest - Learn Serverless Websockets through an ADND multiplayer game ([source](https://github.com/ably-labs/serverless-websockets-quest))
    • Ably Space Invaders - Multiplayer Space Invaders game built with Phaser and Ably APIs. ([source](https://github.com/ably-labs/realtime-multiplayer-space-invaders))
    • Ably Tower Defense - Demo showing Ably's real-time API in action with a multiplayer Tower Defense game

  • Databases

  • JavaScript

    • Screeps - The world's first MMO strategy sandbox game for programmers.
    • TwilioQuest - 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.

  • Programming

    • BOX-256 - Program a fictional CPU with assembly to output graphics.
    • 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.
    • Deadlock Empire - Solve puzzles with concurrency.
    • Mimo - Learn how to become a developer on mobile.
    • Programming Games Wiki - A long-standing catalogue of programming games through the years.
    • RegexOne - Learn Regular Expressions with simple, interactive exercises.
    • ReturnTrue - A game were you learn about booleans, return true to win.
    • Swift Playgrounds - Learn to code on your iPad in a seriously fun way.
    • Clips the Game - A demanding logic game based on the clips rule engine.

  • Security

    • XSS game - A game about tricking people into running code in their browsers.

  • Web3

    • NodeGuardians - Learn web3 in a gamified RPG-like experience with campaigns, quests, skill trees, and character management
    • Appsembler - B2B SaaS LXP built on top of [Open EdX](https://openedx.org), designed for developer education (powers Chef, Redis, etc.)
    • Tutor - Self-managed Docker version of [Open EdX](https://openedx.org)
    • Wilco - Gamified hands-on simulator for teaching developers how to use dev tools and products in a real-world-like environment using Quests
    • Corecursive: Coding Stories - Like _This American Life_ but for software developers
    • The Rabbit Hole - A lighthearted podcast that takes a pragmatic look at trends in software development.
    • Fireship - Short videos on a wide variety of programming topics, complete with plenty of tongue-in-cheek humor.

  • Microsites

    • CSS Reference - Complete reference of CSS properties with examples.
    • HTML Reference - Complete reference of CSS properties with examples.
    • Illustrated.dev - Illustrated explanations of web development, technology & a little bit of anthropology.
    • Microfrontend.dev - Learn about the microfrontend architecture pattern and practices, and when / when not to consider it.
    • Illustrated.dev - Illustrated explanations of web development, technology & a little bit of anthropology.
    • Flexbox Cheatsheet - Turns static W3C spec of CSS Flexbox Level 1 into interactive examples.

  • Wikis/Community Sites

    • MDN - The Mozilla Developer Network. Documenting web technologies, including CSS, HTML, and JavaScript, since 2005.
    • Microsoft Docs - Formerly MSDN. Documenting the Microsoft (and surrounding) ecosystems since 1992.
    • StackOverflow - The top Q&A programming site.

  • Individual Essays

  • 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.
    • 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.
    • Jules Blom - Frontend developer specializing in React and D4.js who writes visual essays, including walkthrough code samples, embedded quizzes, and interactive diagrams.

  • Uncategorized

    • Uncategorized

      • Storybook Tutorials - Self-paced peer-reviewed learning courses built by the Chroma UI team. ([source](https://github.com/chromaui/learnstorybook.com))
      • Algolia Academy - Training, certifications, live events covering Algolia and integrating with different use cases like front-end, search, and UX
      • JetBrains Academy - Learn languages, skills, build apps, and more with over 30+ tracks and 2,000+ tech topics through their platform [Hyperskill](https://hyperskill.org/tracks)
      • JFrog Academy - Training on using JFrog products, focused on upskilling developers using JFrog products
      • LaunchDarkly Academy - LaunchDarkly's academy with a solid space theme featuring self-paced learning and virtual labs/workshops
      • Learn Cypress - Custom learning site built with Next.js by the Cypress team ([source](https://github.com/cypress-io/cypress-realworld-testing))
      • Learn MongoDB - 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.
      • Twilio's Segment Academy - Web-based lessons that you can also get dripped via email. Example of a lead magnet.
      • 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.
      • LogRocket - Attracts millions of developers with over 3,000+ articles on frontend topics.
      • Beautiful Racket - Online book on language-oriented programming using Racket by Matthew Butterick
      • Practical Typography - Online book on typography by Matthew Butterick
      • Select Star SQL - Interactive book that teaches SQL using a Texas Death Row dataset by Zi Chong Kao
      • The Pragmatic Programmer - A timeless guide that equips software developers with practical techniques, tools, and principles.
      • Drawing the Invisible: React Explained in 5 Visual Metaphors - An amazing visual talk by Maggie Appleton that explains React just like it says.
      • 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.
      • Stop Drawing Dead Fish - An incredible talk by Bret Victor about the essence of digital art.
      • Wat - Widely shared talk on the quirks of JavaScript and Ruby by Gary Bernhardt.
      • You are Not an Impostor - A great dive into imposter syndrome and ways to deal with it.
      • LaunchDarkly Academy - LaunchDarkly's academy with a solid space theme featuring self-paced learning and virtual labs/workshops
      • The Ankur Tyagi - Attracts 100K+ developers with over 50+ technical articles on developer tools and writing for engineers.
      • Redis University - Instructor-led courses, certifications. Cited as creating highly-qualified leads.
      • Amelia Wattenberger - Amelia is a data visualization and experience engineer with a blog that features awesome interactive samples and visual essays

  • Linux

    • Bashcrawl - Learn Linux commands by playing a simple text adventure .
Programming Languages
JavaScript 6 TypeScript 3 C# 2
Categories
Uncategorized 23 Individual Essays 17 Tools 15 Programming 12 Course Creation 9 Web3 7 Single Learning Path 7 Microsites 6 Collections 6 CSS 5 Course Platforms 5 JavaScript 3 Wikis/Community Sites 3 Editors 3 Developer Tools 3 Multiple Learning Paths 2 Linux 1 Security 1 Databases 1
Sub Categories
Uncategorized 23
Keywords
markdown 3 javascript 2 gatsby 2 documentation 2 csharp 2 mdx 2 syntax-highlighting 2 shiki 2 js 2 design-system 1 docs 1 docz 1 react 1 theme 1 ui 1 zero-configuration 1 docusaurus 1 markdown-it 1 static-site-generator 1 dotnet 1 api 1 textmate-grammar 1 gitbook 1 gatsby-starter 1 gatsby-mdx 1 documentation-generator 1 docs-generator 1 algolia 1 flexbox-css 1 flexbox-cheatsheet 1 flexbox 1 flex-layout 1 css-layout 1 css 1 unity 1 realtime 1 game-development 1 demo 1 ably 1 warriorjs 1 warrior 1 test 1 skills 1 sharpen 1 nodejs 1 learn 1 game 1 epic 1 battle 1 artificial-intelligence 1