devcrea

Learning tracks

Reading orders built from difficulty, not dates.

Every accepted guide on a tool, sorted from foundations to advanced. A track is a reading order, not a course: no sign-up and no progress bar. Start at the rung that matches you.

34
Tracks
89
Guides on a track
12.1h
Total reading
Track 01Tool track

CSS

Guides
11
Reading
1.0h
Videos
1
FoundationsAdvanced
Foundations4Intermediate7
Start at step 1
  1. 1Why Your CSS Box-Shadow Isn't Working (And How to Fix It)Box-shadow not showing up? Check overflow, missing dimensions, wrong argument order, and the drop-shadow alternative for transparent PNG logos and icons.Foundations5m
  2. 2auto-fit vs auto-fill in CSS GridThe real difference between auto-fit and auto-fill in CSS Grid, with concrete UI use cases for each and how minmax() controls the responsive behavior.Foundations4m
  3. 3Responsive CSS Grid 4-Column LayoutA step-by-step guide to a responsive CSS Grid layout that collapses from four columns down to one, using auto-fit and minmax with zero media queries.Foundations4m
  4. 4grid-template-areas: Named CSS Grid LayoutsHow to use grid-template-areas to build a readable, named CSS Grid layout, plus a full responsive dashboard example and common mistakes to avoid.Foundations4m
  5. 5CSS Underline Animation: The High-Performance Guide (60 FPS)Master CSS underline animations with transform: scaleX and background-size. Includes accessibility, keyboard focus, prefers-reduced-motion, and troubleshooting.Intermediate6m
  6. 6CSS vh (dvh, lvh, svh) and vw UnitsLearn when to use dvh, svh, and lvh instead of vh. Includes the 100vh mobile address bar fix, browser support table, and practical code patterns.Intermediate8m
  7. 7How to Build Dark Mode with HTML, CSS, and JS: The Modern WayStop using body.dark classes. Learn how to build a modern Dark Mode using the new CSS light-dark() function and simple JavaScript. LocalStorage included.Intermediate6m
  8. 8CSS Subgrid Explained: Support, Syntax and Use CasesWhat CSS subgrid does, when to reach for it over nested grids, and practical patterns for aligning card footers and form fields across sibling containers.Intermediate6m
  9. 9CSS Grid vs Flexbox: When to Use EachCSS Grid vs Flexbox explained: content-first vs layout-first paradigms, concrete UI patterns for each, and when production code should combine both tools.Intermediate4m
  10. 10CSS Grid Masonry Layout Without JavaScriptHow to build a Pinterest-style masonry grid using pure CSS, three production-ready fallback methods, and where native CSS masonry support stands today.Intermediate5m
  11. 11Custom Cursor CSS: How to Create and Customize Mouse CursorsLearn to build custom CSS and JavaScript cursors with hotspot calibration, GPU acceleration, and accessibility fallbacks. Includes working code examples.Intermediate8m
Track 02Tool track

Python

Guides
9
Reading
49 min
Videos
0
FoundationsAdvanced
Foundations3Intermediate4Advanced2
Start at step 1
  1. 1How to Hide the pycache Folder in VSCode for a Cleaner WorkspaceHide __pycache__ in VSCode using files.exclude, prevent generation with PYTHONDONTWRITEBYTECODE, and clean up all Python clutter with one settings template.Foundations5m
  2. 2How to Upgrade Pip in Python: Windows, macOS, and LinuxLearn exactly how to upgrade pip in Python on Windows, macOS, and Linux. Fix common 'pip not recognized' errors and manage virtual environments easily.Foundations5m
  3. 3How to Get the Current Directory in PythonLearn the exact difference between os.getcwd() and __file__ to avoid broken relative paths in production. See modern pathlib examples for directory operations.Foundations5m
  4. 4Python List Sorting: list.sort() vs sorted(), key=, and Multi-Criteria Sortinglist.sort() returns None and that surprises everyone the first time. Here's how both sort functions work, with key=, reverse=, dicts, and multi-criteria sorting.Intermediate6m
  5. 5Python Virtual Environments in VS Code: The Complete Setup GuideSet up Python virtual environments in VS Code the right way: interpreter selection, auto-activate, requirements.txt workflow, and common errors fixed.Intermediate5m
  6. 6How to Set and Use Environment Variables in PythonHow to set, read, and manage environment variables in Python. Covers os.environ, python-dotenv, type conversion, Pydantic BaseSettings, and production secrets.Intermediate7m
  7. 7How to Create and Manage Conda Environments: A Developer's WorkflowThe complete conda environment workflow: create isolated workspaces, export with --from-history for cross-platform teams, and speed up solving with libmamba.Intermediate7m
  8. 8When to Use Django (and When You Shouldn't)Django fits some projects perfectly and tanks others. Here is the real performance data, hiring cost, and a framework decision matrix before you commit.Advanced4m
  9. 9Process vs Thread: Architecture and PerformanceCompare processes and threads for software architecture. Evaluate memory sharing, context switching, and language-specific concurrency for Python, Java, and Go.Advanced5m
Track 03Tool track

VS Code

Guides
9
Reading
46 min
Videos
0
FoundationsAdvanced
Foundations3Intermediate6
Start at step 1
  1. 1How to Hide the pycache Folder in VSCode for a Cleaner WorkspaceHide __pycache__ in VSCode using files.exclude, prevent generation with PYTHONDONTWRITEBYTECODE, and clean up all Python clutter with one settings template.Foundations5m
  2. 2Best Fonts for VS Code: Setup, Ligatures, and Theme PairingsCompare the best VS Code fonts, including Fira Code, JetBrains Mono, and Cascadia Code. Includes settings.json snippets and theme pairing tips.Foundations6m
  3. 3Fira Code vs JetBrains Mono: Which Programming Font Should You Use?Fira Code or JetBrains Mono? Compare ligatures, eye strain, platform rendering, and VS Code setup to pick the right programming font.Foundations6m
  4. 4How to Completely Reset a VS Code Extension (Clear Data & Cache)Uninstalling a VS Code extension leaves globalStorage data behind. This guide shows how to clear cache, workspace data, and use the CLI for a complete reset.Intermediate4m
  5. 5Python Virtual Environments in VS Code: The Complete Setup GuideSet up Python virtual environments in VS Code the right way: interpreter selection, auto-activate, requirements.txt workflow, and common errors fixed.Intermediate5m
  6. 6How to Edit Hosts File on Windows 10 and 11 (CMD, PowerShell & VS Code)Learn how to edit the hosts file on Windows 10/11 using PowerShell, VS Code, or Notepad. Fix 'Access Denied' errors instantly with this developer guide.Intermediate7m
  7. 7Install Rust on Windows: rustup, Cargo, VS Code, and Common FixesInstall Rust on Windows with rustup, set up VS Code with rust-analyzer, choose MSVC vs GNU toolchain, and fix the most common Windows-specific errors.Intermediate4m
  8. 8How to Install WSL 2 on Windows 10 & 11: The Ultimate GuideLearn how to install WSL 2 on Windows 10 and 11 quickly. Includes automatic & manual methods, troubleshooting virtualization errors, and VS Code setup.Intermediate5m
  9. 9VS Code Remote Development via SSH: Full Setup and TroubleshootingConnect VS Code to any remote server over SSH: key-based auth, ssh config mastery, port forwarding, and fixes for the most common connection errors.Intermediate4m
Track 04Tool track

JavaScript

Guides
6
Reading
43 min
Videos
1
FoundationsAdvanced
Intermediate6
Start at step 1
  1. 1javascript:void(0): What It Actually Does and When to Remove ItLearn what javascript:void(0) actually does, why it still appears in modern codebases, and when you should replace it with event.preventDefault() or a button.Intermediate7m
  2. 2How to Build Dark Mode with HTML, CSS, and JS: The Modern WayStop using body.dark classes. Learn how to build a modern Dark Mode using the new CSS light-dark() function and simple JavaScript. LocalStorage included.Intermediate6m
  3. 3JavaScript Date Format: Native Methods, Intl API, and Library ComparisonFormat JavaScript dates without a library using native Intl.DateTimeFormat. Compare Day.js, date-fns, and Temporal API to find the right fit for your project.Intermediate7m
  4. 4HTML Nested Forms: Why They Fail and 3 Working AlternativesDiscover why placing a form inside a form breaks your DOM and learn three W3C-compliant solutions using HTML5 attributes and JavaScript.Intermediate7m
  5. 5Netlify Serverless Functions: A Beginner's Guide to the Modern APIBuild Netlify serverless functions with the modern Request/Response API. Setup, custom routes, API key proxying, CORS fixes, and the production 404 fix.Intermediate8m
  6. 6Custom Cursor CSS: How to Create and Customize Mouse CursorsLearn to build custom CSS and JavaScript cursors with hotspot calibration, GPU acceleration, and accessibility fallbacks. Includes working code examples.Intermediate8m
Track 05Tool track

PowerShell

Guides
6
Reading
41 min
Videos
1
FoundationsAdvanced
Foundations2Intermediate4
Start at step 1
  1. 1How to Change Directory in PowerShell: Basics of Changing DirectoriesLearn cd, Set-Location, Push-Location, and cd - in PowerShell. Covers paths with spaces, UNC paths, drive gotchas, and common errors.Foundations7m
  2. 2How to Pause in PowerShell: Adding Delays and User PromptsLearn every way to pause a PowerShell script: Start-Sleep, Wait-Process with timeout, Read-Host, countdown timers, and when not to use sleep loops.Foundations5m
  3. 3How to Edit Hosts File on Windows 10 and 11 (CMD, PowerShell & VS Code)Learn how to edit the hosts file on Windows 10/11 using PowerShell, VS Code, or Notepad. Fix 'Access Denied' errors instantly with this developer guide.Intermediate7m
  4. 4How to Enable Hyper-V on Windows 11 (Home & Pro Guide)Enable Hyper-V on Windows 11 for any edition. Includes the DISM batch script for Home, PowerShell method, BIOS setup, and the gaming performance trade-off.Intermediate7m
  5. 5Windows CMD Commands for Developers: Essential Coding WorkflowsMaster the Windows CMD commands developers actually use: kill stuck localhost ports, fix broken PATH variables, chain build commands, and search log files.Intermediate8m
  6. 6PowerShell Execution Policy: How to Run Scripts on WindowsFix 'running scripts is disabled on this system' in seconds. Set RemoteSigned policy, use Unblock-File for downloads, or bypass for one-time runs.Intermediate7m
Track 06Tool track

Docker

Guides
5
Reading
37 min
Videos
0
FoundationsAdvanced
Intermediate2Advanced3
Start at step 1
  1. 1How to Fix chrome-error://chromewebdata/ in Chrome & CypressFix chrome-error://chromewebdata/ in regular Chrome and Cypress tests. Covers server timing, cy.origin(), Docker CI flags, and browser cache fixes.Intermediate4m
  2. 2WSL2 vs Native Linux: When WSL Is Enough and When to SwitchWSL2 covers 95% of developer workflows, but fails on USB, packet capture, and heavy Docker. Here is the exact decision framework to choose right.Intermediate4m
  3. 3Best Docker Alternatives: Podman, nerdctl, Rancher Desktop ComparedDocker Desktop licensing pushing you to look for alternatives? Here's when to use Podman, nerdctl, containerd, or Rancher Desktop, with real install commands.Advanced8m
  4. 4HTTP 502, 503, and 504 Errors: A Developer's Diagnostic GuideLearn what causes HTTP 502, 503, and 504 errors, how to read nginx logs, and how to fix gateway timeouts in nginx, Docker, Kubernetes, and AWS.Advanced8m
  5. 5Self-Hosted AI Workflow Automation: n8n vs Windmill vs ActivepiecesCompare n8n, Windmill, and Activepieces for self-hosted AI workflow automation. Docker setup, benchmarks, RAM usage, and MCP support compared.Advanced13m
Track 07Tool track

Git

Guides
5
Reading
33 min
Videos
0
FoundationsAdvanced
Foundations1Intermediate4
Start at step 1
  1. 1How to Save and Exit Vim: Commands, Errors, and Real-World ScenariosEvery Vim exit command explained: :wq, :x, ZZ, :q!, and :wqa. Covers Git workflows, SSH read-only files, swap file recovery, and Ctrl+S in .vimrc.Foundations5m
  2. 2How to Rename a Git Branch: Local & Remote Guide for DevelopersLearn how to rename a Git branch locally and remotely, handle CI/CD pipeline impact, fix case-sensitivity issues, and undo accidental renames.Intermediate6m
  3. 3How to Delete a Git Branch: Local, Remote & Stale RefsDelete local and remote Git branches safely, clean up stale tracking refs, recover deleted branches via reflog, and automate cleanup in GitHub and GitLab.Intermediate9m
  4. 4How to Fix CRLF vs LF Git Issues and Renormalize Your RepoStop CRLF vs LF warnings for good. Learn the .gitattributes fix, how to renormalize an already-broken repo, and why CI scripts fail on Windows-saved files.Intermediate7m
  5. 5Git Revert vs Git Reset: Which Command to Use and WhenWhen to use git revert vs git reset, how --soft vs --mixed vs --hard actually differ, and how to recover from an accidental --hard reset with git reflog.Intermediate6m
Track 08Tool track

HTML

Guides
5
Reading
31 min
Videos
1
FoundationsAdvanced
Foundations1Intermediate4
Start at step 1
  1. 1NBSP Meaning: What is a Non-Breaking Space?What is NBSP? Learn what   means, when to use it in HTML or email templates, how it differs from regular spaces, and CSS alternatives.Foundations6m
  2. 2HTML img Tag: Complete Guide to src, alt, srcset, and Performance AttributesEverything about the HTML img tag: alt text, width and height for CLS prevention, srcset for responsive images, lazy loading, and the picture element.Intermediate6m
  3. 3HTML input type="number": The Gotchas Most Tutorials SkipScroll wheel bugs, NVDA failures, and rounding issues with input type=number explained. Plus when to use the safer type=text inputmode=numeric alternative.Intermediate6m
  4. 4How to Build Dark Mode with HTML, CSS, and JS: The Modern WayStop using body.dark classes. Learn how to build a modern Dark Mode using the new CSS light-dark() function and simple JavaScript. LocalStorage included.Intermediate6m
  5. 5HTML Nested Forms: Why They Fail and 3 Working AlternativesDiscover why placing a form inside a form breaks your DOM and learn three W3C-compliant solutions using HTML5 attributes and JavaScript.Intermediate7m
Track 09Tool track

Linux

Guides
5
Reading
25 min
Videos
0
FoundationsAdvanced
Foundations1Intermediate3Advanced1
Start at step 1
  1. 1How to Find a Directory on Linux: 5 Easy CommandsLost a folder? Learn how to find a directory on Linux using find, locate, and grep commands. Simple examples for Ubuntu, CentOS, and Arch.Foundations5m
  2. 2How to Remove Non-Empty Directories in Linux: Delete Directory and Contents EasilyLearn rm -r, rm -rf, and find -delete to safely remove directories in Linux. Covers common errors: Device busy, Permission denied, Argument list too long.Intermediate5m
  3. 3How to Find a File in Linux: The Ultimate Terminal Cheat SheetThe complete Linux file search toolkit: find, fd, grep, ripgrep, and fzf with real examples for name, content, size, time, permissions, and safe deletion.Intermediate5m
  4. 4WSL2 vs Native Linux: When WSL Is Enough and When to SwitchWSL2 covers 95% of developer workflows, but fails on USB, packet capture, and heavy Docker. Here is the exact decision framework to choose right.Intermediate4m
  5. 5How to Install Ubuntu LTS Desktop: A Complete Step-by-Step GuideLearn how to install Ubuntu LTS on your PC or laptop. We cover BIOS settings, bootable USB creation, and dual-boot partitioning safely.Advanced6m
Track 10Tool track

WordPress

Guides
5
Reading
31 min
Videos
1
FoundationsAdvanced
Intermediate3Advanced2
Start at step 1
  1. 1WordPress Media Library Images Not Showing? Here is The FixAre your WordPress media files showing up as blank or gray boxes? Learn how to fix broken thumbnails, WebP issues, and file permissions in 7 steps.Intermediate6m
  2. 2How to Remove Gutenberg CSS in WordPress: Clean Unused CodeStop WordPress from loading wp-block-library.css on every page. A theme-type decision table, code snippets, and rollback steps for safe removal.Intermediate7m
  3. 3How to Reset Your WordPress Admin Password (6 Methods)Locked out of your WordPress admin panel? Reset your password via email, phpMyAdmin, FTP, WP Toolkit, emergency script, or WP-CLI. Works even without email access.Intermediate7m
  4. 4CMS Wars: Choosing Between WordPress, Headless, and Modern SolutionsCompare WordPress, headless CMS (Strapi, Storyblok), Statamic, and Nuxt Content by cost, migration risk, editor experience before committing to an architecture.Advanced4m
  5. 5How to Hide Menus in the WordPress Admin Panel (With Role-Based Control)Remove WordPress admin menus with functions.php, filter by user role, hide dashboard widgets, and debug broken removals step by step.Advanced7m
Track 11Tool track

Windows

Guides
4
Reading
25 min
Videos
1
FoundationsAdvanced
Intermediate4
Start at step 1
  1. 1WDAGUtilityAccount Explained: Safety, Performance, and ManagementWDAGUtilityAccount is a built-in Windows Defender account, not a virus. Learn what it does, its performance impact, and why it is deprecated in Windows 11 24H2.Intermediate5m
  2. 2How to Fix the MSCOMCTL.OCX Error on Windows 10 and 11Learn how to fix the MSCOMCTL.OCX missing or not registered error on Windows 10 and 11. Step-by-step solutions including manual registration and VB6 download.Intermediate6m
  3. 3How to Edit Hosts File on Windows 10 and 11 (CMD, PowerShell & VS Code)Learn how to edit the hosts file on Windows 10/11 using PowerShell, VS Code, or Notepad. Fix 'Access Denied' errors instantly with this developer guide.Intermediate7m
  4. 4How to Enable Hyper-V on Windows 11 (Home & Pro Guide)Enable Hyper-V on Windows 11 for any edition. Includes the DISM batch script for Home, PowerShell method, BIOS setup, and the gaming performance trade-off.Intermediate7m
Track 12Tool track

After Effects

Guides
3
Reading
17 min
Videos
3
FoundationsAdvanced
Intermediate2Advanced1
Start at step 1
  1. 1How to Animate a PNG Logo in After Effects (No Vector Needed)Learn how to animate a PNG logo in After Effects using Auto Trace and Stroke effects. Create professional line reveals without vector files.Intermediate5m
  2. 2Creating a Digital Clock in After Effects: Timer and Counter AnimationBuild a digital clock in After Effects with a working count-up expression. Includes the AE 2022+ JS engine fix and full layer setup for an LED display look.Intermediate5m
  3. 3How to Create a Dynamic Timer in After Effects (Expression Code)Copy-paste expression code to build an HH:MM:SS timer in After Effects. Countdown, count-up, milliseconds, pause controls, and the ExtendScript error fix.Advanced7m
Track 13Tool track

Claude Code

Guides
3
Reading
20 min
Videos
0
FoundationsAdvanced
Intermediate1Advanced2
Start at step 1
  1. 1Claude Code Commands: The Ones That Actually Matter (And When to Use Them)Confused between /compact, /clear, and /rewind in Claude Code? Learn exactly which command to use and when, plus hidden ones like /btw and ULTRATHINK.Intermediate6m
  2. 2Persistent Local Memory for AI Coding Agents: SQLite Over Vector DBsAI coding agents burn tokens re-reading your codebase every session. Build a local SQLite memory system that cuts token use by 100x, no vector DB needed.Advanced6m
  3. 3Claude Code Tutorial: From Setup to Advanced WorkflowsInstall Claude Code, run your first session, and move from basic prompts to permission modes, hooks, MCP servers, and custom skills as your workflow grows.Advanced8m
Track 14Tool track

Photoshop

Guides
3
Reading
17 min
Videos
1
FoundationsAdvanced
Foundations2Intermediate1
Start at step 1
  1. 1How to Convert HEIC to JPG on Windows & Mac (5 Free Methods)HEIC files won't open in Photoshop, Lightroom, or web uploads. Convert them with built-in Windows 11 tools, Mac Quick Actions, iOS tricks, and ImageMagick.Foundations5m
  2. 2What is an EPS File? How to Open, Edit, and Convert ItCan't open an EPS file? Learn what an EPS is, how to view it for free using Inkscape or Google Drive, and how to edit it in Photoshop without losing quality.Foundations6m
  3. 3How to Add Realistic Hair with AI in Photoshop (Pro Guide)Learn to add realistic hair with Photoshop's AI Generative Fill. Our pro guide shows you the best prompts and how to avoid fake 'wig' results.Intermediate6m
Track 15Tool track

React

Guides
3
Reading
18 min
Videos
0
FoundationsAdvanced
Intermediate2Advanced1
Start at step 1
  1. 1Why State Updates with Objects Don't Re-render in React?Your React component ignores state changes because you're mutating objects. Here's why referential equality works this way and three ways to fix it.Intermediate6m
  2. 2Create React App Alternatives: The Best Options for Your React ProjectCRA was officially deprecated in 2025. Here are the best alternatives, Vite, Next.js, Rsbuild, and more, with a migration guide and decision matrix.Intermediate6m
  3. 3How to Make an Async useEffect Function in React: Handling Async FunctionsThree patterns for async useEffect, race condition fixes with AbortController, TypeScript state typing, and when to use React Query.Advanced6m
Track 16Tool track

WSL

Guides
3
Reading
14 min
Videos
0
FoundationsAdvanced
Intermediate3
Start at step 1
  1. 1How to Install WSL 2 on Windows 10 & 11: The Ultimate GuideLearn how to install WSL 2 on Windows 10 and 11 quickly. Includes automatic & manual methods, troubleshooting virtualization errors, and VS Code setup.Intermediate5m
  2. 2What Is Tailscale? Core Concepts and Developer WorkflowsConnect your homelab, bypass CGNAT, and secure remote development environments using Tailscale. Explore advanced WSL2 setups and GitHub Actions integration.Intermediate5m
  3. 3WSL2 vs Native Linux: When WSL Is Enough and When to SwitchWSL2 covers 95% of developer workflows, but fails on USB, packet capture, and heavy Docker. Here is the exact decision framework to choose right.Intermediate4m
Track 17Tool track

Blender

Guides
2
Reading
10 min
Videos
2
FoundationsAdvanced
Intermediate1Advanced1
Start at step 1
  1. 1Pro Align Tools for Blender: Object Alignment, Gizmo Guide, and Free AlternativesPro Align Tools adds an interactive gizmo to Blender for real-time object alignment. Compare it with Mesh Align Plus, POPOTI, and the free built-in option.Intermediate5m
  2. 2Create a Dynamic Number Counter in Blender with Geometry NodesSet up a dynamic number counter in Blender with Geometry Nodes. Covers animation, linear interpolation, custom fonts, prefix/suffix, and troubleshooting.Advanced5m
Track 18Tool track

Chrome

Guides
2
Reading
10 min
Videos
0
FoundationsAdvanced
Intermediate2
Start at step 1
  1. 1How to Fix chrome-error://chromewebdata/ in Chrome & CypressFix chrome-error://chromewebdata/ in regular Chrome and Cypress tests. Covers server timing, cy.origin(), Docker CI flags, and browser cache fixes.Intermediate4m
  2. 2Google Chrome Crashing or Freezing? How to Fix ItFix Chrome crashing, freezing, or not responding with built-in diagnostics: chrome://crashes, Memory Saver, profile corruption test, and hardware acceleration.Intermediate6m
Track 19Tool track

Conda

Guides
2
Reading
11 min
Videos
0
FoundationsAdvanced
Foundations1Intermediate1
Start at step 1
  1. 1How to List Conda Environments EasilyLearn how to list all Conda environments using conda env list and conda info --envs. Includes flags for JSON output, disk usage, and package listing.Foundations4m
  2. 2How to Create and Manage Conda Environments: A Developer's WorkflowThe complete conda environment workflow: create isolated workspaces, export with --from-history for cross-platform teams, and speed up solving with libmamba.Intermediate7m
Track 20Tool track

Cursor

Guides
2
Reading
11 min
Videos
0
FoundationsAdvanced
Intermediate2
Start at step 1
  1. 1How to Fix: Cursor "This Model Provider Doesn't Serve Your Region" (VPN & Model Change)Hit the region block in Cursor? Switch to Auto mode, change the model, or use a BYO API key. 5 fixes ranked fastest to most permanent.Intermediate5m
  2. 2Windsurf vs Cursor: Which AI Code Editor Should You Use?Developer community is split on Windsurf vs Cursor. Compare large codebase performance, stack-specific results, and migration tips.Intermediate6m
Track 21Tool track

Fira Code

Guides
2
Reading
12 min
Videos
0
FoundationsAdvanced
Foundations2
Start at step 1
  1. 1Best Fonts for VS Code: Setup, Ligatures, and Theme PairingsCompare the best VS Code fonts, including Fira Code, JetBrains Mono, and Cascadia Code. Includes settings.json snippets and theme pairing tips.Foundations6m
  2. 2Fira Code vs JetBrains Mono: Which Programming Font Should You Use?Fira Code or JetBrains Mono? Compare ligatures, eye strain, platform rendering, and VS Code setup to pick the right programming font.Foundations6m
Track 22Tool track

JetBrains Mono

Guides
2
Reading
12 min
Videos
0
FoundationsAdvanced
Foundations2
Start at step 1
  1. 1Best Fonts for VS Code: Setup, Ligatures, and Theme PairingsCompare the best VS Code fonts, including Fira Code, JetBrains Mono, and Cascadia Code. Includes settings.json snippets and theme pairing tips.Foundations6m
  2. 2Fira Code vs JetBrains Mono: Which Programming Font Should You Use?Fira Code or JetBrains Mono? Compare ligatures, eye strain, platform rendering, and VS Code setup to pick the right programming font.Foundations6m
Track 23Tool track

MCP

Guides
2
Reading
21 min
Videos
0
FoundationsAdvanced
Advanced2
Start at step 1
  1. 1Self-Hosted AI Workflow Automation: n8n vs Windmill vs ActivepiecesCompare n8n, Windmill, and Activepieces for self-hosted AI workflow automation. Docker setup, benchmarks, RAM usage, and MCP support compared.Advanced13m
  2. 2Claude Code Tutorial: From Setup to Advanced WorkflowsInstall Claude Code, run your first session, and move from basic prompts to permission modes, hooks, MCP servers, and custom skills as your workflow grows.Advanced8m
Track 24Tool track

n8n

Guides
2
Reading
20 min
Videos
1
FoundationsAdvanced
Advanced2
Start at step 1
  1. 1Automated AI Image Generation with n8n and Fal.ai (Step-by-Step)Stop struggling with Midjourney. Build your own scalable AI image generation pipeline using n8n and Fal.ai API with our step-by-step polling guide.Advanced7m
  2. 2Self-Hosted AI Workflow Automation: n8n vs Windmill vs ActivepiecesCompare n8n, Windmill, and Activepieces for self-hosted AI workflow automation. Docker setup, benchmarks, RAM usage, and MCP support compared.Advanced13m
Track 25Tool track

Node.js

Guides
2
Reading
12 min
Videos
0
FoundationsAdvanced
Intermediate1Advanced1
Start at step 1
  1. 1How to Update Node.js: The Complete Guide (NVM, NPM, & Installers)Update Node.js using NVM, the n package, Homebrew, or winget. Fix EACCES permission errors and migrate global packages without breaking your projects.Intermediate6m
  2. 2Node.js Project Structure: MVC, Layered, and Feature-Based ArchitecturesPick the right Node.js folder structure for your team, avoid cyclic dependency crashes, and migrate from MVC to feature-based architecture without a rewrite.Advanced6m
Track 26Tool track

npm

Guides
2
Reading
10 min
Videos
0
FoundationsAdvanced
Intermediate2
Start at step 1
  1. 1How to Update AWS CDK: CLI, Dependencies & Fixing Version MismatchesStep-by-step guide to updating AWS CDK CLI and project dependencies. Learn how to fix 'version mismatch' errors and use npx for safer deployments.Intermediate4m
  2. 2How to Update Node.js: The Complete Guide (NVM, NPM, & Installers)Update Node.js using NVM, the n package, Homebrew, or winget. Fix EACCES permission errors and migrate global packages without breaking your projects.Intermediate6m
Track 27Tool track

OpenSSH

Guides
2
Reading
9 min
Videos
0
FoundationsAdvanced
Intermediate1Advanced1
Start at step 1
  1. 1VS Code Remote Development via SSH: Full Setup and TroubleshootingConnect VS Code to any remote server over SSH: key-based auth, ssh config mastery, port forwarding, and fixes for the most common connection errors.Intermediate4m
  2. 2How to Set Up an SSH Server on Your Home Computer (Linux & Windows)Set up an SSH server on Linux or Windows at home. Covers SSH keys, port forwarding, DDNS, Tailscale, and the real gotchas that break remote connections.Advanced5m
Track 28Tool track

ripgrep

Guides
2
Reading
11 min
Videos
0
FoundationsAdvanced
Intermediate2
Start at step 1
  1. 1How to Find a File in Linux: The Ultimate Terminal Cheat SheetThe complete Linux file search toolkit: find, fd, grep, ripgrep, and fzf with real examples for name, content, size, time, permissions, and safe deletion.Intermediate5m
  2. 2Vim Search and Replace: From Single File to Project-Wide with ripgrepMaster Vim search and replace: substitute flags, vimgrep vs ripgrep, cfdo vs argdo vs bufdo, cfilter plugin, very magic mode, and custom project commands.Intermediate6m
Track 29Tool track

SSH

Guides
2
Reading
11 min
Videos
0
FoundationsAdvanced
Foundations1Intermediate1
Start at step 1
  1. 1How to Save and Exit Vim: Commands, Errors, and Real-World ScenariosEvery Vim exit command explained: :wq, :x, ZZ, :q!, and :wqa. Covers Git workflows, SSH read-only files, swap file recovery, and Ctrl+S in .vimrc.Foundations5m
  2. 2CROSH Commands for Developers: Debugging, Diagnostics, and Development Workflows on ChromeOSLearn how to use CROSH to debug Crostini crashes, fix port forwarding, run SSH, and profile memory on ChromeOS. A practical developer-focused command reference.Intermediate6m
Track 30Tool track

Tailscale

Guides
2
Reading
10 min
Videos
0
FoundationsAdvanced
Intermediate1Advanced1
Start at step 1
  1. 1What Is Tailscale? Core Concepts and Developer WorkflowsConnect your homelab, bypass CGNAT, and secure remote development environments using Tailscale. Explore advanced WSL2 setups and GitHub Actions integration.Intermediate5m
  2. 2How to Set Up an SSH Server on Your Home Computer (Linux & Windows)Set up an SSH server on Linux or Windows at home. Covers SSH keys, port forwarding, DDNS, Tailscale, and the real gotchas that break remote connections.Advanced5m
Track 31Tool track

TypeScript

Guides
2
Reading
13 min
Videos
0
FoundationsAdvanced
Advanced2
Start at step 1
  1. 1Static Classes in TypeScript: Use Cases, Patterns and Anti-PatternsLearn when static classes hurt your TypeScript codebase. Private constructor, abstract class, Jest mocking pitfalls, and the no-extraneous-class ESLint rule.Advanced7m
  2. 2Setting Up Vite with Twin Macro: TypeScript, Emotion and Error FixesThe complete Vite + Twin Macro setup guide covering TypeScript declarations, vite.config.ts configuration, Emotion vs styled-components, and fixes for the most common build errors.Advanced6m
Track 32Tool track

Vim

Guides
2
Reading
11 min
Videos
0
FoundationsAdvanced
Foundations1Intermediate1
Start at step 1
  1. 1How to Save and Exit Vim: Commands, Errors, and Real-World ScenariosEvery Vim exit command explained: :wq, :x, ZZ, :q!, and :wqa. Covers Git workflows, SSH read-only files, swap file recovery, and Ctrl+S in .vimrc.Foundations5m
  2. 2Vim Search and Replace: From Single File to Project-Wide with ripgrepMaster Vim search and replace: substitute flags, vimgrep vs ripgrep, cfdo vs argdo vs bufdo, cfilter plugin, very magic mode, and custom project commands.Intermediate6m
Track 33Tool track

Vite

Guides
2
Reading
12 min
Videos
0
FoundationsAdvanced
Intermediate1Advanced1
Start at step 1
  1. 1Create React App Alternatives: The Best Options for Your React ProjectCRA was officially deprecated in 2025. Here are the best alternatives, Vite, Next.js, Rsbuild, and more, with a migration guide and decision matrix.Intermediate6m
  2. 2Setting Up Vite with Twin Macro: TypeScript, Emotion and Error FixesThe complete Vite + Twin Macro setup guide covering TypeScript declarations, vite.config.ts configuration, Emotion vs styled-components, and fixes for the most common build errors.Advanced6m
Track 34Tool track

Windows Command Prompt

Guides
2
Reading
13 min
Videos
0
FoundationsAdvanced
Foundations1Intermediate1
Start at step 1
  1. 1How to Run an EXE File from CMD: Arguments, Admin Rights & ErrorsLearn how to execute EXE files using Command Prompt. Covers passing arguments, handling spaces in paths, running as Administrator, and keeping the window open.Foundations5m
  2. 2Windows CMD Commands for Developers: Essential Coding WorkflowsMaster the Windows CMD commands developers actually use: kill stuck localhost ports, fix broken PATH variables, chain build commands, and search log files.Intermediate8m

Not a track yet

Tools with guides but no reading order.

A tool becomes a track once it has two accepted guides with a difficulty rating. Until then, search is the fastest way in.