Analyzing Angular Bundles with Source Map Explorer

Getting started with source map explorer in Angular

What are Source Maps? Source maps are a crucial tool for modern web development, especially in projects that involve complex frameworks like Angular. At their core, source maps are files that map the generated, minified, or transpiled code back to its original source code. They contain information about the relationship between your source code and …

Angular HTTP Interceptors: creating a custom http diagnostics report

What is an Angular Interceptor? Angular interceptors are a powerful mechanism that allows you to intercept HTTP requests and responses. They are a part of Angular’s HTTP client module and can be used to perform various tasks, such as adding headers to requests, handling errors, or, in our case, logging network calls. Creating the HTTP …

Creating a generic session storage implementation in Angular

Creating a generic session storage mechanism in Angular Managing data between page reloads and user interactions is a common challenge. One powerful solution to this problem is the use of browser storage mechanisms like session storage. However, working with session storage can be a complex task, especially when it involves handling different types of data. …

Angular vs. React: Choosing the Right JavaScript Framework

Introduction: The world of front-end development is rich with choices, and two prominent contenders that often emerge in the spotlight are Angular and React. In this blog post, we will dive into a comprehensive comparison of Angular and React, shedding light on their key features and disparities. We will also explore the merits of each …

A New Era for Regression Testing: Getting Started with Automation Testing Using Playwright

Introduction In my early days at Runninghill, a challenge appeared: introduce automation testing to the team. With scant details from my senior, I grasped the gravity of the issue. The client’s testers, heavily reliant on manual methods, were missing key details, leading to major problems. Automation was the missing piece. Daunting? Yes. Especially for a …

My first 3 months as a Graduate Software Developer at Runninghill Software Development

I am a graduate in B.Sc. IT from the North West University, and I have been fortunate enough to find work at Runninghill Software Development. It has been a challenging, eye opening, and fun first 3 months. In this blog I will give an overview of my experience, and give some of my insights as …

Dependency Injection: What it is and How to Use it

Introduction In software engineering, dependency injection is a technique that enables a class or module to receive its dependencies from an external source rather than creating them itself. This approach decouples the code from external dependencies, making it easier to test and maintain. What is Dependency Injection? Dependency Injection (DI) is a design pattern that …

Chrome Extensions – Part 2: Background Colour Changer

Prerequisites You will need a basic understanding of HTML, CSS and vanilla Javascript. Aim of the Article The aim of this article is to introduce you to the following concepts by building a small extension that can change any web page’s background colour based on user input: Instructions Step 1: Initialization Create your Chrome Extension …