ProcessMaker Developers Documentation
processmaker.comKnowledge CenterProcessMaker University
Guides
Guides
  • Getting Started
    • Installing ProcessMaker
  • Authentication
    • Creating a Client Application
    • Getting an Access Token
    • Getting a Refresh Token
  • Working with the API
    • Starting a Request via REST API
    • Starting a Request via Web Hook
  • Embedding Forms
    • Starting a Request via Anonymous Web Entry
    • Participating in a Workflow via Intermediate Web Entry (Anonymous)
    • Participating in a workflow via Intermediate Web Entry (Authenticated)
    • Angular Inbox Tutorial
      • Part 0: Overview
      • Part 1: Hello World
      • Part 2: Services & Dependencies
      • Part 3: Components
      • Part 4: The Inbox
      • Part 5: The Screen & Form Elements
  • Script Task Examples
    • PHP
  • Packages
    • ProcessMaker Platform Packages
      • Actions By Email Package
      • Advanced Screens Package
      • Advanced User Package
      • Auth Package
      • C# Package
      • Collections Package
      • Comments Package
      • Conversational Forms Package
      • Data Connector Package
      • Decision Tables Package
      • Documentation Package
      • DocuSign Package
      • Dynamic UI Package
      • File Manager Package
      • Google Places Package
      • IDP Package
      • Java Package
      • PDF Generator Package
      • PM Blocks Package
      • Process Optimization Package
      • Python Package
      • R Package
      • Saved Searches Package
      • Send Email Package
      • Signature Package
      • Slack Notification Package
      • Translations Package
      • Versioning Package
      • Vocabularies Package
      • Web Entry Package
    • Custom Packages
      • The Package Skeleton
      • Creating Your First ProcessMaker Package
Powered by GitBook
On this page
  • Overview
  • Experience
  • Equipment
  • Concept Preview
  • Local Development Environment
  • Step 1: Identify the Version of node.js that Angular Requires
  • Step 2: Install the Correct Version of node.js for Angular
  • Step 3: Install the Latest Version of Angular
  • Step 4: Install Integrated Development Environment (IDE)
  • Review
  • Next Steps
  1. Embedding Forms
  2. Angular Inbox Tutorial

Part 0: Overview

Last updated 11 months ago

Overview

For the best experience with this tutorial, review these requirements to make sure you have what you need to be successful.

Experience

This tutorial assumes that you have experience with the following:

  • Creating Web pages by editing the HTML directly.

  • Programming Web site content in JavaScript.

  • Reading Cascading Style Sheet (CSS) content and understanding how selectors are used.

  • Using command-line instructions to perform tasks on your computer.

  • (optional, nice to have) Some familiarity with .

Equipment

The tutorial can be completed by using a local installation of the Angular tools or by using in a Web browser. Local Angular development can be completed on Windows, MacOS or Linux based systems.

Concept Preview

This tutorial will create an Angular app that displays an inbox with the list of Requests assigned to the logged on user in ProcessMaker and renders the form as defined in the ProcessMaker form builder, complete with JavaScript and CSS.

Local Development Environment

Perform these steps in a command-line tool on the computer you want to use for this tutorial.

Step 1: Identify the Version of node.js that Angular Requires

From a Terminal window:

  1. Run the following command: node --version.

  2. Confirm that the version number displayed meets the requirements.

Step 2: Install the Correct Version of node.js for Angular

Step 3: Install the Latest Version of Angular

From a Terminal window run the following command:

npm install -g @angular/cli.

Step 4: Install Integrated Development Environment (IDE)

Use any tool you prefer to build apps with Angular. We recommend the following:

Review

In this part, you learned about the app that you build in this tutorial and prepared your local computer to develop Angular apps.

Next Steps

Angular requires an active LTS or maintenance LTS version of Node. Let's confirm your version of node.js. For information about specific version requirements, see the engines property in the .

If you do not have a version of node.js installed, please follow the .

After node.js and npm are installed, install the which provides tooling for effective Angular development.

.

As an optional, but recommended step, you can further improve your developer experience by installing the .

package.json file
directions for installation on nodejs.org
Angular CLI
Visual Studio Code
Angular Language Service
Part 1: Hello World
Angular
StackBlitz