A good friend of mine, a professional programmer, introduced me a friendly website that provides a visual representation of regular expressions. In Debuggex, You can actually “see” how regular expressions that you write work.
The “Untitled Regex” presents the representation. The first box below the main representation is where you write the expressions. In the second box, you write the input. The pink horizontal line shows the position the expression is working.