alfresco-ng2-components/docs/tutorials/README.md

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	In this content is shared all the prerequisites valid for all the tutorials and descriptions of the entire documentation. This content contains the development environment description, along with the details of the suggested versions for each tools, library or module.
Adding a new component	Beginner	By definition a component controls a patch of screen called a view. As an example, individual components define and control menus, tabs, forms, buttons and every simple or complex portion of layout of an application. In this tutorial you will learn how to create a component using Angular CLI. After the creation you will learn how to add it to 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 into your application and how to have access to 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, content projection / HTML extensions. In this tutorial you are going to see a practical example for each approach. As an example, the Login component will be used.
Working with a DataTable	Intermediate	In this tutorial you will learn how to populate a DataTable component, with custom data coming from a generic back-end service or third party API.