Giter VIP home page Giter VIP logo

regex101's Introduction

regex101

Setup

๐Ÿ
  • Clone the repo onto your machine by opening the terminal at your workspace folder and typing git clone followed the 'SSH key'.
  • Create a new branch with git checkout -b YOUR_NAME
  • Open the repo with code .
  • Open this readme file in VS Code and click ctrl+shft+v. This file will open in PREVIEW mode and will be a whole lot nicer to read...๐Ÿ’ฅ

Overview

This repo is deisgned to teach you how to use Regular Expressions like a pro! Regular expressions or 'regexes' are patterns used to match character combinations in strings. They are extremely handy but can quickly become quite complicated. Follow the instructions below to get started on your regex journey...โœˆ๏ธ

Here are some useful resources to help you out ๐Ÿ˜€:


Part 1

  1. To start off, watch this video: Learn Regular Expressions In 20 Minutes
  2. Try your hand at these lessons on regexone.com. If you are having difficulty, the solutions are available on each page.
  3. Follow along with this codebubb video and write your answers in the regex.js file in this repo. Test your answers by running node regex.js in the terminal.
  4. Add, commit and push your code to your branch.

Part 2

Now it is time for you to apply your regex skills to your personal project by creating a 'user record'!

  • Create an input field where a user can enter their email address.
  • When the user submits their email address, I want to see that address displayed below the input field.
  • Using regexes, I want that text to display ONLY if it is a valid gmail address with the format "[email protected]".
  • Now I want to see 2 more input fields, one for name and one for age.
  • Using regexes, I want only valid names and ages to be displayed below.
  • Now think of another way you can incorporate regexes into your project.

Nice work! ๐ŸŽ‰

regex101's People

Contributors

kieran-tahir avatar

Watchers

 avatar

Forkers

hub-2023

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.