-
What This Tutorial Covers
This Bootstrap tutorial series covers all the features of the Bootstrap framework, starting with the basics, such as grid system, typography styling mechanism, form styling methods, as well as, techniques of styling common user interface elements like tables, lists, images, etc. Further you will learn how to utilize the ready to use Bootstrap components such…
-
Advantages of Using Bootstrap
If you have had some experience with any front-end framework, you might be wondering what makes Bootstrap so special. Here are some advantages why one should opt for Bootstrap framework: Note: Bootstrap is responsive by default with a mobile first approach. Bootstrap 5 is the latest and most stable version of the Bootstrap. Bootstrap 5 is…
-
Introduction
Bootstrap is the most popular and powerful front-end (HTML, CSS, and JavaScript) framework for faster and easier responsive web development. Bootstrap is a powerful front-end framework for faster and easier web development. It includes HTML and CSS based design templates for creating common user interface components like forms, buttons, navigations, dropdowns, alerts, modals, tabs, accordions,…
-
Methods of RegExp and String
On this page, you will see how various methods work in-depth with regular expressions in JavaScript. Particularly, we will cover methods such as str.match(regexp), str.matchAll(regexp), str.split(regexp|substr, limit), str.search(regexp), str.replace(str|regexp, str|func), regexp.exec(str), and regexp.test(str). str.match(regexp) The str.match(regexp) method detects matches for regexp in the string str. This method includes the following three modes: In case you want to get the result as an array, you should write it as follows: str.matchAll(regexp)…
-
Sticky flag “y”, searching at position
Let’s explore the process of search with the help of the y flag. It helps to implement the search at a particular position in the source string. For a better understanding of what it is, let’s start from a practical case. One of the most frequent tasks of the regular expressions is “lexical analysis”. For example, HTML includes attributes and tags, JavaScript contains variables, functions, and more.…
-
Catastrophic Backtracking
At first sight, some regular expressions seem simple but may take too much time to execute. That can even make the engine of JavaScript to “hang”. In such cases, the browser suggests killing the script and reloading the page. But, it’s not a good idea. for JavaScript engine it can become a fragility. In this chapter, we…
-
Lookahead and Lookbehind
Sometimes it is necessary to detect merely those matches for a pattern that are preceded and followed by another pattern. Specific syntaxes are used to meet that goal. They are known as lookahead and lookbehind. Together they are called lookaround. As a rule, lookaround corresponds to characters, giving up the match and returning only the…
-
JavaScript Alternation (OR)
This chapter is dedicated to another term in JavaScript regular expressions: Alternation. The simple form of alternation is known as OR. It is signified by a vertical line character | in a regular expression. Let’s consider an example where it is necessary to find the following programming languages: HTML, PHP, Java, or JavaScript. The matching regexp will look as follows:html|php|java(script)?.…
-
Backreferences in pattern: \N and \k<name>
The contents of capturing groups can be used not only in the replacement string or in the result, but also the pattern. In this chapter, we will explore backreference in the pattern such as \N and \k<name>. Backreference by number: \N In the pattern, a group can be referenced by using \N ( it is the group number). To make it more precise,…
-
Capturing Groups
Now we are going to cover another useful feature of JavaScript regular expressions: capturing groups, allowing to capture parts of a string, putting them into an array. It has two primary effects: Examples of Using Parentheses Now, let’s see how parentheses operate. Imagine, you have an example “dododo”. Without using parentheses, the pattern do+ means d character, followed by o and repeated one or more…