Interaktiver RegexLearn-Trainer hilft Ihnen, Regex ohne Mühe zu meistern
Reguläre Ausdrücke lösen gemischte Gefühle bei Entwicklern aus. Normalerweise kopieren wir fertige Muster von Stack Overflow oder bitten eine KI, ein E-Mail-Validierungsmuster zu schreiben. Wenn ein Regex plötzlich bei einem Randfall abbricht, muss man einen Debugger öffnen und lange auf ein unlesbares Chaos aus Klammern und Schrägstrichen starren.
Ich habe kürzlich RegexLearn entdeckt, einen Open-Source-interaktiven Schritt-für-Schritt-Trainer, der die komplexe Syntax regulärer Ausdrücke in einfache praktische Übungen aufteilt.
Was steckt im Projekt
Der Autor, Aykut Kardash, hat eine Webplattform entwickelt, bei der das Lernen in kurze interaktive Schritte aufgeteilt ist. Man liest nicht nur Theorie – man gibt sofort Zeichen in das Antwortfeld ein und sieht, wie Übereinstimmungen im Text hervorgehoben werden.
Im Gegensatz zu trockenen Referenzhandbüchern verwendet es einen spielerischen Lernansatz. Jeder Bildschirm bietet eine kurze Erklärung eines Syntaxelements, einen Textblock und eine bestimmte Aufgabe: bestimmte Wörter, Zahlen oder Symbole hervorheben. Der nächste Schritt wird nicht freigeschaltet, bis man ein funktionierendes Muster geschrieben hat.
Das Projekt wurde in 21 Sprachen übersetzt, darunter Russisch. Die Lokalisierung ist gut gemacht, mit klar übersetzten Begriffen und ohne Maschinübersetzungsgeschmack.
Hauptfunktionen des Trainers
Das Repository enthält mehrere unabhängige Abschnitte. Sie decken verschiedene Bedürfnisse ab, von der ersten Einführung bis zur täglichen String-Arbeit.
Schritt-für-Schritt-Kurse
Die Website bietet zwei separate Strecken:
- Regex 101 Grundlagen. Sie führt Sie vom Abgleichen einzelner Buchstaben bis zu Quantoren, greedy und lazy Matching, Capture Groups und Lookahead/Lookbehind-Assertionen.
- Regex für SEO-Praxis. Ausgerichtet auf SEO-Spezialisten und Webmaster. Es behandelt URL-Filterung, Redirect-Konfiguration und Webserver-Log-Parsing.
Integrierter Playground und Spickzettel
Wenn Sie schnell einen Ausdruck gegen reale Daten testen müssen, ist der Playground-Tab hilfreich. Es ist eine saubere Sandbox, die vollständig im Browser läuft und Ihre Test-Strings nicht an den Server sendet.
In der Nähe befindet sich ein interaktiver Spickzettel. Er listet alle wichtigen Konstrukte mit kurzen Hinweisen, Such-Flags und funktionierenden Beispielen auf.
Tastaturnavigation
Die Benutzeroberfläche ist so gestaltet, dass Sie die Maus vollständig beiseitelegen können. Zwischen Lektionen navigieren, Felder leeren, Lösungen überprüfen und Hinweise aufrufen funktioniert alles über vertraute Hotkeys.
Tech Stack und lokales Ausführen des Projekts
Die Codebasis ist sauber und leicht zu verfolgen. Das Projekt basiert auf Next.js mit TypeScript und ist mit Tailwind CSS gestaltet.
Wenn Sie die Plattform auf Ihrem Rechner ausführen oder den Quellcode erkunden möchten, dauert der Prozess nur ein paar Minuten:
# Клонируем репозиторий и ставим зависимости
git clone https://github.com/aykutkardas/regexlearn.com.git
cd regexlearn.com
npm install
# Запускаем локальный сервер разработки
npm run dev
Die lokale Version wird unter http://localhost:3003 geöffnet.
Die Lokalisierungsarchitektur ist unkompliziert. Alle Übersetzungen befinden sich im src/localization/-Ordner als separate JSON-Dateien. Um eine neue Sprache hinzuzufügen oder eine Ungenauigkeit in der bestehenden russischen Übersetzung zu korrigieren, bearbeiten Sie einfach die relevanten JSON-Strukturen und reichen Sie einen Pull-Request an den develop-Branch.
Projekt-Sponsoren:
Wem dieses Repository nützlich sein wird
RegexLearn lohnt sich in drei typischen Situationen:
- Sie fangen gerade an zu programmieren und die Syntax regulärer Ausdrücke schüchtert Sie ein.
- Sie programmieren schon eine Weile, verwechseln aber ständig die Syntax von Lookbehind- und Lookahead-Assertionen.
- Sie schulen Juniors und suchen nach klarem interaktivem Übungsmaterial.
- Sie müssen häufig Nginx, Apache konfigurieren oder Analytics-Berichte parsen.
Die Plattform ist kostenlos, Open Source unter der MIT-Lizenz und nicht mit unnötiger Theorie überladen. Das Durcharbeiten der Grundlagen dauert maximal ein bis zwei Stunden, aber das Verständnis der Struktur regulärer Ausdrücke bleibt lange haften. Falls Sie das Lernen dieses Themas aufgeschoben haben, schauen Sie sich die Projektseite an.
Ähnliche Projekte