Topic outline

• Writing Applications Using Angular and InterSystems IRIS

  Writing Applications Using Angular and InterSystems IRIS

  Note:

  This learning path was previously titled Building Applications Using InterSystems IRIS and Angular.

  Learn the basics of using Angular, a third-party framework to create front-end web application, with InterSystems products. Then develop Angular applications with InterSystems IRIS® data platform using REST.

  
  

  This path contains 4 sections. One, Get oriented, 35 minutes. Two, Set Up InterSystems IRIS as the Back End, 1 hour 30 minutes. Three, Connect the Angular applications to InterSystems IRIS, 10 minutes. Four, Practice building an application, 1 hour 30 minutes.
• Collapse allExpand all
  Before you begin...

  Before you begin...

  Learn the basics of web frameworks (Wikipedia article, 15m).

  Angular is often thought of as a library, but it is better defined as a framework. It is client-side, written in JavaScript or TypeScript. All actions are handled by the user’s client.
• 1. Get oriented

  1. Get oriented

  Build your first Angular application using HTML, JavaScript, and TypeScript. See how Angular, as a web framework, can be used to build client applications. You will first run the application in an interactive environment, then set up the environment locally for further development.

  • URLExercise: Angular QuickStart Guide (25m)
  • URLExercise: Setting up the Local Environment and Workspace (10m)
• 2. Set up InterSystems IRIS as the back end

  2. Set up InterSystems IRIS as the back end

  Learn how to set up a RESTful service in InterSystems IRIS, which allows you to create the InterSystems IRIS endpoints that your Angular application calls.

  • URLOnline Course: Setting Up RESTful Services (1h 30m)
• 3. Connect the Angular application to InterSystems IRIS

  3. Connect the Angular application to InterSystems IRIS

  Edit the boiler plate to display data to the user, bypassing the basic setup and allowing you to quickly begin writing your application. Then, bind controls to properties of an Angular component in the template so that data can consumed by InterSystems IRIS and displayed in the application.

  • URLDocumentation: Template Syntax (Angular documentation, 3m)
  • URLDocumentation: Binding Syntax (Angular documentation, 7m)
• 4. Practice building an application

  4. Practice building an application

  Create an application using the Angular framework for the web front-end, and serve data using InterSystems IRIS—bringing together all the skills you learned in this path. The exercise can be attempted before the learning path to test your knowledge, or at the end as a capstone exercise.

  • URLExercise: Learning Path exercise (1h 30m)
• What's next?

  What's next?

  • Find guides and tutorials in Angular Documentation (2m).
  • Read more about front-end web development (Developer Community posts).

  Share Your Feedback!