I came across a very unique problem where I needed my Angular web component to react to changes on inputs that it receives. After some browsing, I came across ngOnChanges, and the guide on the Angular site, to be perfectly honest, kind of confusing.

So here’s a simple guide on how to use ngOnChanges inside your Angular web component.

0. Assuming you are building with Angular 10+. Set up an Angular web component

1. Import Input, OnChanges and SimpleChanges from @angular/core

In line 1 of your component file, in this case, I am going to build on a component called TestComponent…

Developing any web app-based project with Angular, in particular, requires you to assume that your user will be browsing your Angular project not only on a typical web browser on a PC but could also be viewed on an iPad or a mobile device.

In some cases, to provide an optimum UI/UX for your users, you might want to hide certain details when the user views your website on a mobile device rather than on a PC.

While Angular has been built to be dynamic out of the box, the problem here is, you might want to customise certain viewing…

It is difficult to say this, but there is no way to make your Ionic app really uncrackable. Once you have completed your app and pass it on to the public, if a hacker, would like to know how your app works, he/she, given time, would be able to crack open your code someway or another. This, perhaps, is the weakness of not only hybrid mobile apps, but any mobile apps in general.

It is akin to passing a tinkerer a cuckoo clock that you have just built. …

Actual. Human. Readable. Comments. Whether you are writing codes in PHP, JavaScript, TypeScript, Java, C, C#, Rust, Python and many other multitudes of computer language, many seemed to have forgotten (or leave out completely) the art of commenting on your code.

Code Integrated Development Environment (IDE) such as Atom and VS Code has already provided a way to quickly format your codes nicely with just a few simple clicks or keyboard shortcuts.

The absence of comments by the people who wrote the codes in the first place would complicate the codes and in some cases, makes the code almost impossible…

If you are familiar with building an app, you like to reuse certain parts of code over and over again. Sometimes, you’ve built some list and would need to use it over and over again in different parts of your Ionic app.

For example on the homepage, you want to show a list of names in a certain manner, and later on you want to show the same styled list of names on another page.

The solution here is to use a component. It looks nicer and you can reuse it in several places within the app.

In this article…

A lot of people would not recognise the names Adleman, Shamir and Rivest, but if I flip these names and put them together by their acronyms, Rivest, Shamir and Adleman- RSA, a lot of computer scientist and amateur encryption enthusiasts would light up and most likely know the enormity of this name, or the multi-billion dollar brand, or however, you like to look at it.

In this case, I would like to focus more on the RSA encryption technology instead of talking about the namesake multi-billion dollar company that was sprouted by the three in 1982.

RSA is a patented…

What I wanted to achieve here is to develop a simple web scraping service to assist me in scraping certain information on a website.

Puppeteer

If you are proficient in Javascript, the easiest framework to use for web scraping is called Puppeteer

https://pptr.dev

What Puppeteer does is it creates a typical Chromium browser and would then be able to browse through the website. It would then look at all the properties within the website, and ‘scrapes’ whatever information that you may want to use and find.

For example, if you are looking for a ‘name’ section, it would be logical for…

In a typical app user interface(UI), fonts play a key role in providing a sense of what the app is trying to convey. It is, after all, the key identity of the app and how the app directly expresses a message to its users. It can invoke a sense of playfulness, it can also invoke a sense of roughness, and even a sense of serious and meticulousness.

Most UI designers spent countless hours in just font selection alone to find a font that perfectly encapsulates the environment and mood with which it needs to invoke.

With that in mind, seeing…