Posts
A Beginner's Guide to Regular Expressions in JavaScript
Everyone working with JavaScript will have to deal with strings at one point or other. Sometimes, you will just have to store a string inside another variable and then pass it over. Other times, you will have to inspect it and see if it contains a particular substring. However, things are not always this easy. There will be times when you will not be looking for a particular substring but a set of substrings which follow a certain pattern. Let's say you have to replace all occurrences of "Apples" in a string with "apples". You could simply use theMainString.replace("Apples", "apples") . Nice and easy. Now let's say you have to replace "appLes" with "apples" as well. Similarly, "appLES" should become "apples" too. Basically, all case variations of "Apple" need to be changed to "apple". Passing simple strings as an argument will no longer be practical or efficient in such cases.
Introduction to Popmotion: Tween
Popmotion is a functional JavaScript animation library. Compared to other libraries like GreenSock or Anime.js, Popmotion is low-level and unopinionated. It packs a ton of features, like spring physics and pointer tracking, into a very small filesize (11.5kb). It allows developers to write their own features using simple functions, rather than waiting for the library author to add them. It also means it's just as easy to animate 3D objects, charts or React components as it is to animate DOM or SVG elements. This flexibility can make the initial learning curve steeper than for other libraries. So, in this tutorial series, we'll learn the basics of Popmotion's powerful animations. We'll start with the workhorse of the animation world, the tween . Install Popmotion supports a variety of installation methods . In production, I recommend installing via npm, as this allows you to import only the bits you need, saving space even further. However, for this tutorial, you
How to Prepare Your Site for WordPress Gutenberg
Gutenberg is coming to WordPress soon. Is your website ready? While we still don't know exactly what form it will take, this new content system will be added to WordPress core in the future. Let's take a look at the potential impacts this could have on your site, and ways that you can determine, and fix, problem areas ahead of time. What Is Gutenberg? Gutenberg is a WordPress project that aims to give users more flexibility in the design of their content. Essentially, the project aims to replace the current editor, which performs mostly as a word processor, with a more visual and structured interface. Currently, Gutenberg is a plugin, and it grants users the ability to modify their content similarly to how Visual Composer or other drag-and-drop editors do—albeit in a simplified and highly intuitive way. If you would like to learn more about what Gutenberg is specifically, take a look at my earlier post " What Is WordPress Gutenberg? " WordPress What Is WordPre
Introduction to Machine Learning in Python
Machine learning is the act of giving computers the ability to learn without explicitly programming them. This is done by giving data to computers and having them transform the data into decision models which are then used for future predictions. In this tutorial, we will talk about machine learning and some of the fundamental concepts that are required in order to get started with machine learning. We will also devise a few Python examples to predict certain elements or events. Introduction to Machine Learning Machine learning is a type of technology that aims to learn from experience. For example, as a human, you can learn how to play chess simply by observing other people playing chess. In the same way, computers are programmed by providing them with data from which they learn and are then able to predict future elements or conditions. Let's say, for instance, that you want to write a program that can tell whether a certain type of fruit is an orange or a lemon. You might fi
Create a Library Finder App in Angular: LibraryListComponent and LibraryDetailsComponent
In the previous tutorial of our series, we completed the creation of our HomeComponent and started working on the LibraryListComponent . While the HomeComponent allowed the users to enter the name of any library and search for it, the LibraryListComponent provided a list of libraries which matched the given search term. Angular Create a Library Finder App in Angular: HomeComponent and LibraryListComponent Monty Shokeen So far, we have only written the logic of our LibraryListComponent —we still need to update the HTML template and CSS files to make this component useful. In this tutorial, we will update the remaining files of our LibraryListComponent and also create the LibraryDetailsComponent in its entirety. Creating the LibraryListComponent Template If you read the previous tutorial, you might remember that we stored the data of individual libraries as objects in separate array elements. Since we plan to show all these results to our users, we need to use the *ngFor
REST vs. gRPC: Battle of the APIs
The REST API has been a pillar of web programming for a long time. But recently gRPC has started encroaching on its territory. It turns out there are some very good reasons for that. In this tutorial, you'll learn about the ins and outs of gRPC and how it compares to REST. Protobuf vs. JSON One of the biggest differences between REST and gRPC is the format of the payload. REST messages typically contain JSON. This is not a strict requirement, and in theory you can send anything as a response, but in practice the whole REST ecosystem—including tooling, best practices, and tutorials—is focused on JSON. It is safe to say that, with very few exceptions, REST APIs accept and return JSON. gRPC, on the other hand, accepts and returns Protobuf messages. I will discuss the strong typing later, but just from a performance point of view, Protobuf is a very efficient and packed format. JSON, on the other hand, is a textual format. You can compress JSON, but then you lose the benefit of a