Skip to content

Latest commit

 

History

History
114 lines (76 loc) · 3.55 KB

File metadata and controls

114 lines (76 loc) · 3.55 KB

Visualiza, comprende y domina los algoritmos

Visitar alg0.dev Read in English

alg0.dev — Visualizador de Algoritmos

Aprende algoritmos y estructuras de datos de forma interactiva. Visualizaciones paso a paso, código en tiempo real y explicaciones detalladas. Todo en tu navegador, sin instalar nada.

Empezar a explorar →


Qué es alg0.dev

Una herramienta web interactiva y gratuita para aprender algoritmos a través de visualizaciones animadas paso a paso. Cada algoritmo incluye:

  • Visualización animada — observa cómo se transforma la estructura de datos en cada paso
  • Código con línea activa — el código se resalta sincronizado con la animación
  • Seguimiento de variables — ve el estado de cada variable en tiempo real
  • Explicación contextual — entiende el porqué de cada operación

+40 algoritmos en 8 categorías

Ordenamiento

Bubble Sort · Selection Sort · Insertion Sort · Quick Sort · Merge Sort · Heap Sort · Counting Sort · Radix Sort · Shell Sort

Estructuras de datos

Stack · Queue · Linked List · Hash Table · Binary Search Tree · Heap

Grafos

BFS · DFS · Dijkstra · Prim · Topological Sort

Búsqueda

Binary Search · Linear Search · Jump Search · Interpolation Search

Programación dinámica

Fibonacci · 0/1 Knapsack · LCS (Longest Common Subsequence)

Backtracking

N-Queens · Sudoku Solver · Maze Pathfinding

Divide y vencerás

Torre de Hanói

Conceptos

Big O · Recursión · Two Pointers · Sliding Window · Memoización · Greedy vs DP · Space Complexity

Atajos de teclado

Tecla Acción
Space Play / Pausa
Siguiente paso
Paso anterior
C Pestaña de código
E Pestaña de explicación

Además: control de velocidad (5 niveles), saltar al inicio/final y paneles redimensionables.

Características

  • Interactivo — controla la ejecución paso a paso, ajusta la velocidad, avanza y retrocede
  • Bilingüe — disponible en inglés y español
  • Responsive — funciona en móvil, tablet y escritorio
  • Accesible — navegación por teclado, soporte para lectores de pantalla, respeta prefers-reduced-motion
  • Editor de código integrado — Monaco Editor con syntax highlighting y tema oscuro personalizado
  • Sin registro — abre el navegador y empieza a aprender

Stack

Construido con Astro + React + Tailwind CSS + Monaco Editor.

Licencia

MIT — creado por @midudev