All posts tagged

Web Development

Accessing Routes in an Angular Application on AWS s3 with Cloudfront

As I wrote earlier, “Angular is a SPA-framework which means that an Angular app has exactly one html-file: the index.html. This is the only file a web serve...

Spring HATEOAS "links" vs "_links" and JSON Formats

Recently, I added Spring HATEOAS to the IT Hub. Refactoring the controller to return RepresentationModel and CollectionModel, I noticed something odd. When r...

Exposing additional Headers in Requests to Spring MVC so that they can be used in Angular

Working on new features for IT Hub Brunswick, I encountered a curious problem. Sending a POST request from the Angular 8 frontend to the Spring MVC backend r...

Reloading Images in Angular-Templates (img)

Working on IT Hub, I recently had to find a way to reload images in this Angular Single Page Application. The new functionality I added allows an administrat...

Using InnerHTML in Angular to format Strings

In preparation for the upcoming IT Hub Brunswick Barcamp, I updated the conference page with ideas for talks and speakers. To display the speakers, we are us...

Angular NgRx - uncaught typeerror - cannot read Property 'Entities' of undefined

Yesterday, we had flickering tests in our Angular application, which uses NgRx. Hopping from one test to the next and even sometimes running green, we had th...

Dollar Signs in Variable Names for Observables in Typescript

Recently, my team and I had a discussion about naming conventions in TypeScript. The question was if to name observables with or without a dollar sign like t...

Protractor failed Element not interactable

While writing some Protractor tests yesterday, I came across this error: Failed: element not interactable (Session info: chrome=71.0.3578.98) (Driver in...

Force https in Angular Application Deployed on Pivotal CloudFoundry

This will be a short one. I am working on an Angular 6 application that is deployed on a Pivotal Cloud Foundry, using the nginx-buildpack. With the default ...

Angular 6 on Cloud Foundry with URLs without Hash

This article is about deploying an Angular 6 application to Pivotal Cloud Foundry so that URLs without a hash can be used. First, some Angular background. A...

Angular - Which UI Library to Use

Recently, we decided which UI library we should use in our Angular app. This article is about the aspects we took into account and why we decided to use Prim...

Unit-testing in Angular - Only Import Modules You Need

Angular supports the setup of unit testing via it’s build-in TestBed. This class can be used to configure the environment the unit test runs in, including th...

Spring + Angular + JWT

Learning how an Angular app can be secured with JWT, I found two wonderful blog posts that showed how to implement a basic setup. If forked both of the corre...

Angular and Bootstrap - Use ng-bootstrap

In this article I wrote about my attempt to add a navbar to my Angular app and how I ended up with adding the full JQuery library to be able to use Bootstrap...

Adding Bootstrap to an Angular Application that got generated with JHipster

Yesterday, I wanted to add a simple Bootstrap Navigation bar to my Angular application that I created with JHipster. Although this is a standard component, I...

Drupal

Drupal "Updating modules and themes requires FTP access to your server"

“Just updating your Drupal modules” can become a time-consuming task. I just spend two hours doing that and fixing a misconfiguration on my server that caus...

Migrating from ExtJS 3 to ExtJS 4

If a project lives long enough, it can be a good idea to update one part or the other. That way, new features can be used and the code base is up to date. D...