In this Angular Docker Example, we will take an existing Angular 6 application and run it in a Docker container. We will show, how to create a Docker image in a modern two-stage process. We then will spin up the application…
Angular Universal Docker Example (Angular 4 Universal CLI)
In this previous blog post, I have shown how to dockerize an Angular CLI application using NginX. However, the shown method has worked only for classical, client-side rendered Angular projects. In the current post, we will show an Angular Universal…
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…
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…
Angular 4 Docker Example – for Angular CLI projects
Check out a new Angular 4 Docker Example that has also been tested with Angular 6 here. 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.…
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…
Angular end to end Testing
- Angular e2e Protractor Tests on Systems without GUI applied to static and dynamic Web Pages - In this blog post, we will show how to perform end-to-end (e2e) tests with Angular 4: first, we will apply Protractor end to end…
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…
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…
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…
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…
Angular 4 Universal: Boosting Performance through Server Side Rendering
This time we will show, how to use server side rendering with Angular 4 (or Angular 2). Like in my previous blog post, we will consume a RESTful Web Service with Angular 4. However, the web page will be displayed…
Angular 6 REST API Example — Angular 6 Consume REST API — Step-by-Step
Angular 6 is available, so I have decided to bring my instructions about Consuming a REST Service with Angular to the next level. In this step-by-step hello-world-style tutorial, you will be lead through following steps: installation of Angular CLI v6 in a CentOS docker container retrieval of HTML code data from the WordPress API display of the retrieved HTML code in a browser
Angular 4 Hello World Quickstart
In this hello world style tutorial, we will follow a step by step guide to a working Angular 4 application. We will also be able to demonstrate the two way binding feature, which will make sure that the browser reflects…
Jenkins (6): BrowserStack Integration – Automated Cross Browser Testing
With the BrowserStack cloud-based solution, there is no need to buy many different hardware types for testing your website for many different mobile devices and operating systems. In this blog post about Jenkins BrowserStack Integration, we will learn how to integrate BrowserStack-based automated…
