Interaktywny trener RegexLearn pomoże Ci opanować wyrażenia regularne bez bólu
Wyrażenia regularne wzbudzają mieszane uczucia wśród programistów. Zazwyczaj kopiujemy gotowe wzorce ze Stack Overflow lub prosimy AI o napisanie wzorca walidacji adresu e-mail. Gdy wyrażenie regularne nagle zawodzi na jakimś skrajnym przypadku, musisz otworzyć debugger i wpatrywać się przez długi czas w nieczytelną masę nawiasów i ukośników.
Niedawno odkryłem RegexLearn – open-source'owy interaktywny trener krok po kroku, który rozkłada złożoną składnię wyrażeń regularnych na proste ćwiczenia praktyczne.
Co kryje się w projekcie
Autor, Aykut Kardash, zbudował platformę internetową, w której nauka jest podzielona na krótkie interaktywne kroki. Nie tylko czytasz teorię – od razu wpisujesz znaki w polu odpowiedzi i obserwujesz, jak dopasowania podświetlają się w tekście.
W przeciwieństwie do suchych poradników referencyjnych, wykorzystuje ona gamifikowane podejście do nauki. Każdy ekran zawiera krótkie wyjaśnienie jednego elementu składni, blok tekstu i konkretne zadanie: podświetl określone słowa, liczby lub symbole. Następny krok nie odblokuje się, dopóki nie napiszesz działającego wzorca.
Projekt został przetłumaczony na 21 języków, w tym na rosyjski. Lokalizacja jest wykonana dobrze – terminy są przetłumaczone jasno i bez żadnego posmaku tłumaczenia maszynowego.
Główne funkcje trenera
Repozytorium zawiera kilka niezależnych sekcji. Obejmują różne potrzeby – od wprowadzenia dla początkujących po codzienną pracę z ciągami znaków.
Kursy krok po kroku
Strona oferuje dwa oddzielne tracki:
- Regex 101 Podstawy. Prowadzi od dopasowywania pojedynczych liter przez kwantyfikatory, zachłanne i leniwe dopasowywanie, grupy przechwytujące oraz asercje lookahead i lookbehind.
- Regex dla SEO Praktyka. Skierowany do specjalistów SEO i webmasterów. Obejmuje filtrowanie URL, konfigurację przekierowań i parsowanie logów serwera WWW.
Wbudowany Playground i Ściągawka
Gdy potrzebujesz szybko przetestować wyrażenie na prawdziwych danych, przydaje się zakładka Playground. To czyste środowisko piaskownicy, które działa całkowicie w przeglądarce i nie wysyła Twoich testowych ciągów znaków na serwer.
W pobliżu znajduje się interaktywna ściągawka. Zawiera listę wszystkich głównych konstrukcji z krótkimi podpowiedziami, flagami wyszukiwania i działającymi przykładami.
Nawigacja za pomocą klawiatury
Interfejs jest zaprojektowany tak, abyś mógł całkowicie odłożyć myszkę. Nawigowanie między lekcjami, czyszczenie pól, sprawdzanie rozwiązań i wyświetlanie podpowiedzi – wszystko to działa za pomocą znajomych skrótów klawiszowych.
Stack technologiczny i uruchomienie projektu lokalnie
Baza kodu jest czysta i łatwa do śledzenia. Projekt jest zbudowany na Next.js z użyciem TypeScript i stylizowany za pomocą Tailwind CSS.
Jeśli chcesz uruchomić platformę na swojej maszynie lub przejrzeć kod źródłowy, proces zajmie tylko kilka minut:
# Клонируем репозиторий и ставим зависимости
git clone https://github.com/aykutkardas/regexlearn.com.git
cd regexlearn.com
npm install
# Запускаем локальный сервер разработки
npm run dev
Lokalna wersja otworzy się pod adresem http://localhost:3003.
Architektura lokalizacji jest prosta. Wszystkie tłumaczenia znajdują się w folderze src/localization/ jako oddzielne pliki JSON. Aby dodać nowy język lub naprawić niedokładność w istniejącym tłumaczeniu rosyjskim, wystarczy edytować odpowiednie struktury JSON i przesłać pull request do gałęzi develop.
Sponsorzy projektu:
Kto znajdzie to repozytorium przydatne
RegexLearn warto otworzyć w trzech typowych sytuacjach:
- Właśnie zaczynasz programować i składnia wyrażeń regularnych Cię przeraża.
- Programujesz już od jakiegoś czasu, ale ciągle mylisz składnię asercji lookbehind i lookahead.
- Wprowadzasz juniorów do pracy i szukasz jasnego interaktywnego materiału do ćwiczeń.
- Często musisz konfigurować Nginx, Apache lub parsować raporty z analityki.
Platforma jest darmowa, open source na licencji MIT i nie obciążona niepotrzebną teorią. Ukończenie podstawowego tracku zajmuje maksymalnie godzinę lub dwie, ale zrozumienie struktury wyrażeń regularnych zostanie z Tobą na długo. Jeśli odkładałeś naukę tego tematu, sprawdź stronę projektu.
Powiązane projekty