Search Results

Here are notes and steps to assign a static IP address for an Ubuntu host. These steps are known to work with Ubuntu 22 and 24. Net Tools (ipconfig) Install net tools, so we can use commands like: ipconfig sudo apt install net-tools Static IP Address Sta...

Sometimes, you will come across software applications and platforms that will run under a system account.This is fine and dandy out of the box. But once you need to expand the functionality of the software application. you find that the system account has no ...

For a Jenkins build server to publish packages to an NPM repository, the jenkins user account must be able to authenticate to the NPM repository. NPM repository authentication is normally performed with an authentication tokens. The auth token is stored in t...

Anytime your Angular project has changed Angular CLI versions, it is quite possible that the Jenkins job will fail, because its latent working copy has a different (older) Angular version cached in it. NOTE: This article was written when our Jenkins server on...

Here are some notes on upgrading Jenkins with a WAR file. Adapted from here: https://www.baeldung.com/ops/jenkins-war-update Identify where the current war is running, by opening Jenkins, going to Manage Jenkins, and System Information. Find the executable-...

Here are some things that need to be done, for a Jenkins build server to build/pack/publish Angular libraries, and apps. NOTE: This page assumes the library or app source code is being built in a monorepo workspace. When using the same Jenkins build server t...

Some browsers impose a margin and padding to elements, that will create inconsistent rendering. To prevent this, you can perform a CSS reset, by adding the following to your css: /* Reset */ * { box-sizing: border-box; margin: 0; padding: 0; ...

You will encounter the need to have different settings when building for dev, prod, test, etc.This is easy to do, and only requires modifying your workspace's angular.json. There's a couple of use cases for this: Using different environment.ts configuratio...

Here are the steps required to implement light/dark mode in Angular 17 with Angular Material. Once done, your app will be able to toggle between light and dark modes. Locked Theme If you want your app to define a theme, and prevent user changes, set the the...

The HttpClientModule has been deprecated as of Angular 18.So, here's what it looks like, to use Http in v18 and forward. HttpClient Migration First. The HttpClientModule is deprecated.So, we will now be injecting HttpClient into components, via provider. Ad...

Here are some steps to include, when creating a public library that uses services from DI, such as HttpClient. We cater the example on this page to using HttpClient.But, they apply, equally, to any library that consumes from DI. Library Service Our example ...

During application startup, you may have activities that need to occur before the first page opens.One example is a splash screen. NOTE: This page applies to Angular v18 and earlier, as APP_INITIALIZER is deprecated in V19.See this page for how to do the same...

You will come across the need to return a promise from a function. Here’s an example of a promise that resolves itself immediately: private getStudyPeriods(): Promise<CurrentPeriod> { let data = []; return new Promise(resolve => { resolv...

During application startup, you may have activities that need to occur before the first page opens.One example is a splash screen. NOTE: This page applies to Angular v19 and later, as APP_INITIALIZER was deprecated in V19.See this page for how to do the same,...

Here's some additional things that must be done to tidy up an Angular monorepo workspace. Environment.ts Files See this page for how to setup multiple environment config files for dev and prod: Building for Multiple Environments Karma test.ts Create a te...

Here's a list of common imports, used in Angular components. NOTE: Usage requires an import statement and adding the module to the Imports block of your component. Common Module Provides core directives like *ngIf, *ngFor, ngClass, ngStyle, etc. Imported a...

When developing libraries, you will come across the need for your library to somehow, convey or pass on, any registration needs it has to the consuming application, or consuming library. Simple Example The typical way to do this, is to include a lib-provider...

Here’s a quick rundown on how to setup CORS in a NET Core API. It takes three pieces: CORS Policy Name AddCors to Services Add UseCors to Middleware All three of the above elements are done in your Startup.cs. Define a string, somewhe...

As application complexity grows, you will eventually need a scalable way to serialize queries and updates to resources. For Example You might have a document platform, that provides collaborative editing.In which case, there may be multiple clients submittin...

When debugging webUI projects in VSCode, it can be necessary to disable any CORS checking, so that VSCode can serve your app, while your backend API calls point elswhere. Aside: For more information on how to debug Angular applications in VSCode, see this: De...