Angular 4 Docker Example – for Angular Universal CLI


In this previous blog post, I have shown how to dockerize an Angular CLI application using NginX. However, the method works without adaptions only for classical (client-side rendered) Angular projects. In the current post, we will show, how an Angular Universal CLI project with server-side rendering and transition to client-side rendering can be dockerized. In … More Angular 4 Docker Example – for Angular Universal CLI

Angular Universal CLI – Step-by-Step Example with REST Client


This time we will learn how to create a small Angular Universal CLI project that is using the WordPress REST service to retrieve and display the title and content of a WordPress blog post. Angular Universal CLI combines the Universal features like server-side rendering (see Angular 4 Universal: Boosting Performance through Server Side Rendering) with a state-of-the-art … More Angular Universal CLI – Step-by-Step Example with REST Client

Behavior-Driven Angular – Part 2: Inserting REST Data as “innerHTML” into a Web Application


Today, we will extend the behavior-driven development example of the previous blog post and add the blog content to the document. Like last time, we will retrieve the HTML content from the WordPress API. Sounds easy, right? We will see that the challenge is to display the HTML content correctly, so we do not see escaped … More Behavior-Driven Angular – Part 2: Inserting REST Data as “innerHTML” into a Web Application

Angular 4 Docker Example – for Angular CLI projects


In this Hello-World-like tutorial, we will show how to run Angular 4 applications that have been created with Angular CLI in a Docker container. As an introduction, we will start running an existing, already dockerized example from Github. As a second step, we will create and dockerize our own Hello World app. We will verify our … More Angular 4 Docker Example – for Angular CLI projects

Behavior-Driven Angular – part 1: Consuming a RESTful Web Service with Angular 4


In this step-by-step tutorial, we will follow a behavior-driven development approach to create an Angular 4 application from Angular CLI. The hello-world-like application will consume the WordPress REST API and it will display a blog post title. We will create and run end-to-end test scripts that simulate the customer behavior on a Chrome browser within … More Behavior-Driven Angular – part 1: Consuming a RESTful Web Service with Angular 4

JHipster: Exploring and Improving the Spring Boot REST API


In our last blog post, we have created a simple blog application using JHipster, which is a Yeoman based code generator for Angular and Spring Boot. This time, we will explore and improve the Spring Boot REST API that is generated by JHipster automatically. In the last blog, we had created following model; a simple blog: … More JHipster: Exploring and Improving the Spring Boot REST API

Hello Java Hipster: Angular 4 and Spring Boot


In this blog post, Java Hipster will help us creating a mini blog application based on Angular 4 and Spring Boot. Angular is a popular framework for creating reactive single page applications, while Spring Boot is a robust java-based backend framework that helps you create database access and RESTful APIs. We will closely follow the JHipster … More Hello Java Hipster: Angular 4 and Spring Boot

Angular 4: Automatic Table of Contents – Part 2: Adding Links


In this short blog post, we will learn how to enrich the table of contents (we had added in the previous blog post) with links to the corresponding headline. The end result will look similar to the following picture and a click on one of the links will cause the browser to jump to the … More Angular 4: Automatic Table of Contents – Part 2: Adding Links

Angular 4: Automatic Table of Contents


In this step by step tutorial, we will go through the process of creating a two-level automatic Table of Contents by adding Angular Typescript/javascript code. We will perform following steps: We will discuss alternative solutions. We will start an Angular Docker Container. We will download a demo application with server-side rendering and WordPress REST API integration. … More Angular 4: Automatic Table of Contents