How to use Regular Expressions (RegEx) in JavaScript | Tutorial in UNDER 20 Minutes (2020)

Channel:
United States codeSTACKr
Subscribers:
294,000
Published on ● Video Link: https://www.youtube.com/watch?v=uenZRW1kezQ


Category:
Tutorial
Duration: 19:07
3,456 views
190

Regular Expressions Cheat Sheet: https://codestackr.podia.com/javascript-regular-expressions-cheat-sheet

๐Ÿฆธ Become A VS Code SuperHero Today: https://vsCodeHero.com
๐Ÿง‘๐Ÿพ๐Ÿค๐Ÿง‘๐Ÿฝ Join my Discord developer community: https://discord.gg/A9CnsVzzkZ

Regular Expressions (Regex) are a tool for finding patterns within a string of text. They are generally used to validate text from user input or to search through text to either extract a portion or to replace parts. Very much like find and replace in every word processor.

Almost every programming language implements regular expressions. JavaScript, for instance, has support for regular expressions built-in.

Regular expressions can be difficult to learn because it literally looks like gibberish to beginners. The syntax is also not very intuitive. But if you take the time to understand and learn it, not only feel like you are decoding a German cipher, but you'll also see how powerful regular expressions can be.

In this video, we'll cover flags, character classes, anchors, positive/negative lookaheads, and we'll look at some real-world examples.

๐Ÿ“š Materials/References:
Regular Expressions Cheat Sheet: https://codestackr.podia.com/javascript-regular-expressions-cheat-sheet
Regexr Website: https://regexr.com
Codepen Tests: https://codepen.io/codeSTACKr/pen/dyYEEMg

โฑ Chapters โฑ
๐Ÿ“Œ Intro (00:00)
๐Ÿ“Œ What is Regex (01:12)
๐Ÿ“Œ Basics (02:30)
๐Ÿ“Œ Wildcard (03:06)
๐Ÿ“Œ Anchors (03:25)
๐Ÿ“Œ Character Classes (04:47)
๐Ÿ“Œ Quantifiers (06:38)
๐Ÿ“Œ Grouping (08:24)
๐Ÿ“Œ Password Example (11:07)
๐Ÿ“Œ Regex in JavaScript (13:07)
_____________________________________

๐Ÿ“š Learn to CODE in just a FEW months here:
Treehouse Discount Code: https://treehouse.7eer.net/codeSTACKr
_____________________________________

๐Ÿ› ๏ธ Tools I use:
๐ŸŸ  Theme: https://marketplace.visualstudio.com/items?itemName=codestackr.codestackr-theme
๐ŸŸ  Font: STACKr Code (Exclusive to my VS Code Course - https://vsCodeHero.com)
๐ŸŸ  SuperHero Extension Pack: https://marketplace.visualstudio.com/items?itemName=codeSTACKr.superhero-extensions

๐Ÿšข Deploy for FREE on Vercel: https://vercel.com/ambassadors/codestackr
_____________________________________

๐Ÿš€ Get 1 Year of FREE Hosting (Sponsor Link)
https://www.atlantic.net/Codestackr/
๐Ÿšจ Use code: Stackr to get $25 in FREE Credit!!
_____________________________________

๐Ÿ’– Show support!
PayPal: https://paypal.me/codeSTACKr
_____________________________________

Watch Next:
Web Development - Beginners Roadmap (2020) - https://youtu.be/iogabydg2y0
Playlist: Web Development For Beginners - https://www.youtube.com/watch?v=Ez4yHS2dsN8&list=PLkwxH9e_vrAJ0WbEsFA9W3I1W-g_BTsbt
_____________________________________

Connect With Me:
Website: http://www.codestackr.com
Twitter: https://twitter.com/codeSTACKr
Instagram: https://instagram.com/codeSTACKr/
Facebook: https://facebook.com/codeSTACKr
_____________________________________

** Affiliate Disclaimer: Some of the above links may be affiliate links, which may generate me a sales commission at no additional cost to you.

#codeSTACKr #regex #RegularExpression



Other Videos By codeSTACKr


2020-07-14localStorage Dark/Light Mode Theme Toggle (CSS/JavaScript) | UI Design
2020-07-10Dark/Light Mode Theme Toggle (CSS/Basic JavaScript) | UI Design
2020-07-07Limited Offer! The Frontend Developer Career Path (@Scrimba)
2020-07-06User-Defined Dark/Light Mode (CSS ONLY) | UI Design Theme (prefers-color-scheme)
2020-07-03Simple Dark/Light Mode Theme Toggle (CSS ONLY) | UI Design
2020-06-265 Steps to THINK in React and Easily Create a ReactJS App From Scratch! (Bonus: Tailwind CSS)
2020-06-20How To Change CSS Values With A Slider! - CSS Custom Properties (Variables) & JavaScript
2020-06-13Microinteractions: Awesome Password Validation Animation
2020-06-05Developer Survey 2020 - Check Out These Shocking Results! (Stack Overflow)
2020-06-03Notion + YouTube - A Powerful Combination for Productivity
2020-05-29How to use Regular Expressions (RegEx) in JavaScript | Tutorial in UNDER 20 Minutes (2020)
2020-05-26Lift State Up in React.js with Hooks (2020)
2020-05-22Dealing with Impostor Syndrome (You Are Good Enough!)
2020-05-20Best Programming Tutorial Ever! {Funny}
2020-05-19React Forms Explained Easy (2020) - Reactjs
2020-05-16Ask Me Anything (AMA) - Casual Live Stream To Answer Community Questions
2020-05-15Deno 1.0 Released! (Easy) REST API Tutorial Using Oak
2020-05-12Deno: Node.js Killer? Introduction & Tutorial | From Creator Ryan Dahl | TypeScript/JS
2020-05-08React.js | Complete Build | Tic Tac Toe Game with Hooks (2020)
2020-05-05React Lists and Keys | A Simple Explanation - MicroBytes 2020
2020-05-01Sass Module System Update 2020 | SCSS import Deprecation


Tags:
learn regex in 20 minutes
regex javascript tutorial
regex javascript
regex
learn regex
regex tutorial
regex js
regex js tutorial
regex matching
regex find
regex find and replace
regular expression
regular expression tutorial
regular expression javascript
regular expression python
regular expression python tutorial
regex python
regex python tutorial
regex explained
regex for beginners
regular expressions
web dev
web development
Java regular expression