Difficulty: Basic
Estimated Time: 10-15 minutes

In this scenario you'll learn how to get started with Angular 4 (the tutorial works also with Angular 2).

We will

  • install all necessary packages into a fresh CentOS Docker container
  • clone a Angular 4 template from GIT,
  • define a single page Hello World app,
  • view the app in a Browser
  • demonstrate the binding between model and view

The commands are run in a Docker host environment, so you do not need to install anything locally. Instead, you can run all commands in a console within an Internet browser.

This scenario has started a Jenkins Docker container to configure and run Jenkins Pipelines. With an example project that is throwing random unit test failures, we have demonstrated, how to create and display a test report trend graph.

Coming soon: Learn how to automatically trigger a Pipeline workflow with our triggered pipeline scenario.

Angular 4 Hello World via Quickstart

Step 1 of 4

Preparation: Start Container and install GIT and NPM

Install via quickstart (requires low memory)

Step 1: Start CentOS Container

docker run -it -p 8080:3000 centos bash or skip Step 1 and 2 for starting with a Docker image

Step 2: Install Git and NPM

On the container we install git and npm from the EPEL release:

yum install -y epel-release git npm

npm -v

The version should be 3 or larger.