callumacrae / tryregex Goto Github PK

:book: An interactive regex tutorial

License: MIT License

JavaScript 43.87% CSS 6.33% HTML 49.80%

tryregex's Introduction

Try Regex

Try Regex is an interactive regular expressions tutorial inspired by Try Ruby and Try Haskell. Check it out at http://tryregex.com/.

This project was conceived at the HackKing's Hackathon in London.

Installing

Try Regex uses gulp for building and other development tools, and bower for package management. To install, run the following:

npm install
bower install

You will need Node (>= 0.9), npm and bower to be installed.

Running

It's static HTML, you don't need anything special to serve the files. However, gulp adds a number of tools which make it easier during development. You can run gulp build to turn the LESS code into CSS, you can use gulp lint to lint your code, and you can use gulp to run browser-sync and a LESS watcher to compile and inject changes as they're made.

License

Try Regex is released under the MIT license.

tryregex's People

Contributors

Stargazers

Watchers

tryregex's Issues

It would be great of there was a progress bar of some sort

Will try and add one when I get some time.

Such a great project.

Thanks you.

Error in "Limited repetition" I believe

First off, really enjoy your site. Best way to learn regexs is to write them.

I got to this part of the tutorial.

Limited repetition

There is one final quantifier that you can use which allows you to limit repetition. The syntax is {min,max} which min is the minimum number of repetitions and max the maximum. For example, /a{3,5}/ would match "aaa", "aaaa" and "aaaaa", but nothing else.

Write an expression to match the text between an opening and closing bracket in the shorterStory variable—but only if the contents are between 5 and 8 characters long.

I responded with shortStory.match(/\(.{5,8}\)/) I am pretty sure this is the right response, but the tutorial did not proceed. Wanted to let you know in case it was an issue.

I think you should provide some hints for the questions?

Insufficient escape in first name

From https://github.com/callumacrae/tryregex/blob/master/app/assets/js/globalFuncs.js#L72

data.firstEscaped = firstName.replace(/([$()*+.?\[^|\]])/g, '\\$1');

It is missing escape for {, }, \ and / (the last one for RegExp literal only). The code could be changed to:

data.firstEscaped = firstName.replace(/([$()*+.?\[^|\]{}\/\\])/g, '\\$1');

Or without using capturing group:

data.firstEscaped = firstName.replace(/[$()*+.?\[^|\]{}\/\\]/g, '\\$&');

Display issues on a lengthy console

As seen in the image below, when the ul grows too much, the containing .console grows a bit with it (but not by the same amount). I'm assuming this is something to do with flexbox, but I have no idea how to fix it.

Confusing sentence in "Flags-the case insensitive flag" lesson

Each flag is represented by a letter, and JavaScript supports four of—two of which will be covered in this tutorial.

Might you mean "four of them"?

Special Characters as name

If a special character is used as the name, you can't continue without escaping the character.

Running an alert displays an alert after every subsequent command

Cool site! Since it looks like you're storing all codeSoFar and evaling it every time, you get repetitive alerts if you ever run one. I'm not sure what the best solution is. Maybe alert, confirm, and prompt should be overridden in the evaled context.

Reference to brackets should be parentheses

Lesson 9 says "extracts everything between the opening bracket and the closing bracket". Your string is: "A regular expression (also regex or regexp) is a string."

Brackets in this instance (and possibly other lessons) should be parentheses.