Front-end Development Tips, Tricks, and Techniques

Understanding Pure and Impure Pipes in Angular

Understanding Pure and Impure Pipes in Angular

Angular is a popular framework for building dynamic, single-page applications (SPAs). One of the key features of Angular is its use of pipes, which allow developers to easily transform and format data displayed in templates. However, not all pipes are created equal. In this article, we will explore the differences

Free ChatGPT Prompt Tools

Free ChatGPT Prompt Tools

ChatGPT Prompts are an easy way to be more productive. As ChatGPT gains more and more popularity, simple questions or submissions are not sufficient to obtain a more precise response. Prompts are here to resolve this problem, just copy and paste, (or in other cases click on the button) a

ChatGPT vs GitHub Copilot

ChatGPT vs GitHub Copilot

ChatGPT and GitHub Copilot are the most popular AI writing tools known today. While both of them have the power to help us with writing efficiently, they have different abilities and are designed (almost) for various purposes. We'll take a deep dive into the features, abilities, and use cases of

JavaScript Timezone using Vanilla JavaScript

JavaScript Timezone using Vanilla JavaScript

While many blog posts refer to using third-party libraries to handle timezones in JavaScript, we'll find out how to GET and SET timezones using just Vanilla JavaScript. I'll also include a cool trick on how to get hours based on the timezone, so keep reading 🧑🏽‍💻. Using Date class The best

4 Angular Tips for Elevating Your Skills

4 Angular Tips for Elevating Your Skills

As beginner developers, we are constantly striving to find the most effective ways to write code. In this blog post, I will share some of my personal tips and practices for doing so. Over 6 years, while I've been focused on writing exclusively in Angular, I tried to develop some

I let ChatGPT write a Technical article for me

I let ChatGPT write a Technical article for me

It seems ChatGPT is getting started to be a trend in writing, editing, and suggesting good technical articles. I saw many videos on youtube already about how to write a blog post with the help of ChatGPT, and it's not bad, in my opinion, to have such a good tool,

Guide to Angular BehaviourSubject, ReplaySubject & Subject

Guide to Angular BehaviourSubject, ReplaySubject & Subject

In Angular, reactive programming is a key concept that allows for real-time data updates and management. Subject, BehaviourSubject, and ReplaySubject are all important types of subjects in Angular, each with its own unique use cases and benefits. In this guide, we'll take a closer look at each of these subject

Difference between Var, Let, and Const, a simple definition

Tricks Featured

Difference between Var, Let, and Const, a simple definition

Javascript has been evolving, and it has had a long journey. ES6 is the latest javascript standard that is being adopted by the majority of developers in the world, but still, certain concepts are not evident among them.

Angular vs React vs Vue, quick introduction for beginners

Tricks Featured

Angular vs React vs Vue, quick introduction for beginners

Angular, React, and Vue.js enable us to design complex user interfaces. They all offer a modular architecture to extend our apps or even collaborate with other developers easily. Now you might be wondering which one should you learn first?

What is JavaScript, and for what it's used?

Tricks Featured

What is JavaScript, and for what it's used?

JavaScript is a popular interpreted programming language mainly used in parts of websites to create dynamic and interactive pages. Combined with its libraries and frameworks such as React and Node, you will be ready for some advanced web development

How to write a correct Angular Component

Angular Featured

How to write a correct Angular Component

Besides all-known and common patterns about how to create a component in Angular, there're some advanced patterns not everyone would tell or show you — not because nobody knows about them, but maybe some developers keep them as secrets. ;) Make sure you always "display" it right Even if you might not

Where should you host a static website for free?

Where should you host a static website for free?

There are plenty of services that are willing to host your static website. All you need to do is to find the best one. Here, we have narrowed down some of the best platforms where you can host static websites for free.

What are Link's integrity and crossorigin attributes?

What are Link's integrity and crossorigin attributes?

You might have seen these attributes when included Bootstrap CSS styles on your page, but why? Let's find out what are Link's Integrity and Crossorigin!

Best 6 ES2020 Features that You Should Check

Tricks Featured

Best 6 ES2020 Features that You Should Check

The latest release in the ECMAScript family is ES11, with some fresh and advanced feature sets to revolutionize the application development process.

Download file on button click with Javascript (updated)

Download file on button click with Javascript (updated)

Find out how to generate and then download any files (.txt, .json or .html) just with JavaScript in the Browser. No Server required!

10 lightweight CSS frameworks with no jQuery or additional JS dependencies

Tricks Featured

10 lightweight CSS frameworks with no jQuery or additional JS dependencies

In the ages before, there were just a few CSS Frameworks, but nowadays, this list grew and kept continually rising, which allows us to pick the right one for any projects. Choose one from these lightweight CSS Frameworks.

DnD Email Template Editor, you can integrate into your SaaS Startup.

DnD Email Template Editor, you can integrate into your SaaS Startup.

There are a bunch of email builders over the internet; some are free, some of them are unsupported already, but there are others like this one, which is still supported and keeps having updates and bug fixes over the years.

Angular Async HTTP requests

Angular Async HTTP requests

In this article, we'll cover some best practices to create HTTP requests just using the Angular AsyncPipe. If you ever thought about making HTTP requests without calling .subscribe(), then you're on the right page.

Connect to the WebSocket with RxJS

Connect to the WebSocket with RxJS

WebSocket, for more of Javascript developers, is something inexperienced and strange thing, even if they understand how it works, they rarely used it, and it's clear why - not all of them need web-chats!

StencilJS Router History Step-by-Step Examples

StencilJS Router History Step-by-Step Examples

Even if you know how StencilJS Router works or even if there are bunches of articles on the internet about it, I was thinking about having an article which explains how to add Navigation in a StencilJS application Step-by-Step.

The 8 Best SSD Cloud Hosting Providers of 2020

The 8 Best SSD Cloud Hosting Providers of 2020

Cloud hosting is the latest kind of hosting that has been growing popular in recent years. Here's a list of cheapest cloud hosting services of 2020.

How to Start Freelancing with No Experience

How to Start Freelancing with No Experience

The freelance economy is booming. In fact, it is predicted that by 2027, freelancers will make the majority of the US workforce. But how do you create a profitable freelance career with zero experience?

Detect chrome dev tools (working trick)

Detect chrome dev tools (working trick)

Have you ever thought about how to detect if the chrome dev tools is opened or not, even more, listen when it's opening? I have, and today I'm going to show a simple trick. After some Google researches, I found many tricks, but unfortunately, many of them aren't working anymore.

Countdown Timer in Just 1 line of HTML

Countdown Timer in Just 1 line of HTML

Sometimes writing a simple countdown timer is not so simple as it looks. You must play with “new Date” almost as an expert, and not every time you will have the preferred result. Fortunately, there are plenty of countdown plugins for JavaScript on the npm registry, and now I want

encodeURI vs encodeURIComponent

encodeURI vs encodeURIComponent

I was pretty sure I'm using encodeURI and encodeURIComponent rightly till I encountered a big problem! LOL 😂. After solving my issue, I finally understood what's the difference between them.