ADF Tutorials

Learn about ADF step-by-step with the tutorials listed below. You may find it helpful to follow them in sequence because some of the later tutorials build on knowledge introduced in the earlier ones.

The tutorials are graded as follows:

  • Beginner: Suitable for users with no previous knowledge of ADF.
  • Intermediate: For users who want to add to their knowledge of the basics.
  • Advanced: For experienced users who want to learn about features in depth.

Tutorials

Name Level Abstract
Preparing the development environment Beginner Here you will find the prerequisites for all the tutorials and descriptions of the entire documentation. This document contains the development environment description, along with the details of the suggested versions for each tool, library and module.
Creating your ADF application using Yeoman Basic In this tutorial you are going to see how to create an ADF application from scratch, using the Yeoman scaffolding tool. This is a "getting started" task that should enable you to start developing your own ADF application.
Creating your Alfresco JavaScript application Basic In this tutorial you will learn how to create an application in JavaScript from scratch to interact with Alfresco. This is a "getting started" task that should enable you to start developing your own JavaScript application on top of Alfresco Content Services or Alfresco Process Services.
Adding a new component Basic By definition, a component controls a patch of screen called a view. For example, individual components define and control menus, tabs, forms, buttons and every simple or complex portion ofan application's layout. In this tutorial, you will learn how to create a component using Angular CLI within an existing application.
Adding a new view Beginner Every application developed in Angular is a single page application where the concepts of view and routing play a key role in the user experience. Being a single page application, the navigation between the different layouts (called views) is enabled through the routing. In this tutorial you will learn how to create a new view in your application and how to access it using a defined endpoint.
Using components Beginner There are three different ways to use, extend and configure an ADF component: configuration properties, event listeners, and content projection / HTML extensions. In this tutorial you will see a practical example of each approach using the Login component.
Basic theming Beginner As detailed in the user guide page about theming, you can easily customize the Cascading Style Sheets used by an ADF application. In this tutorial you will see how to modify the CSS, using a step-by-step approach. The focus of this tutorial is ADF apps built using Yeoman, but you can use the same principles to customize the themes in any ADF application.
Customizing the Login component Intermediate In this tutorial you will learn how to customize the Login component following the technical documentation. The task will be very simple. See the documentation for further details about customizing this component, along with examples.
Working with a Data Table Intermediate In this tutorial you will learn how to populate a DataTable component with custom data from a generic back-end service or third party API. As an example we are going to use data from one of the available services on Alfresco Content Services. However, the procedure is much the same if want to use an Alfresco Process Services endpoint or a third party API.
Working with the Nodes API Service In this tutorial you will learn how to use the NodesApiService. We have developed some practical examples to show you how to interact with an instance of Alfresco Content Services without using the REST endpoints directly. With this approach the NodesApiService is used as an abstraction layer, defined by one of the services in the ADF Core library.
Working with Nodes using the JS API In this tutorial you will learn how to use the AlfrescoCoreRestApi. We have developed some practical examples to show you how to interact with an instance of Alfresco Content Services without using the REST endpoints directly. With this approach the AlfrescoCoreRestApi is used as an abstraction layer, defining one of the core services of the alfresco-api-js library.
Content metadata component Advanced In this tutorial you will learn how to work with the ContentMetadataComponent. This component is used to render the standard and custom metadata of generic content item (called a node) stored in Alfresco Content Services. With the usual approach "learning by doing", you will see here some practical examples you might find useful in your own applicatioin. As a starting point, we will use and customize the Alfresco Content App.

results matching ""

    No results matching ""