ADF Series: Essentials of Alfresco's (ADF) Application Development Framework (SME Review Jan 26 & 27)

Lesson 1: The Alfresco ADF Journey

The Alfresco ADF Journey

Lesson 2: What is Alfresco ADF?

What is Alfresco ADF?

Knowledge Check: ADF Technologies

The Alfresco application development framework is based on .

Knowledge Check: Alfresco Development Framework Use Cases

  • Feature-based clients, exposing functionality to perform a specific task(s)
  • Developing online social networks
  • Role-based clients, exposing functionality based on role
  • Clients where the UI layout and style differs significantly from the Alfresco Share layout and styling
  • Workflow clients, where the new application development framework supports BPM
  • Multimedia clients, exposing functionality based on media format
  • "Line of business" applications
What are some of the use cases of ADF? Please select all that apply.

Knowledge Check: What is the Overall Purpose of ADF?

  • ADF can be used to create exactly the user interface (i.e. web client) that requirements demand, in the context of building custom line-of-business applications.
Select "True" or "False" for the question below.

Lesson 3: Alfresco ADF Core Tools and Technologies (copy)

Alfresco ADF Core Tools and Technologies

Knowledge Check: Languages

  • HTML5
  • CSS3
  • Python
  • Ruby
  • Javascript
  • Typescript
Please check the box for each web programming language used in ADF.

Knowledge Check: Frameworks

  • Angular2
  • Google Material Design Lite
  • Rails
  • Django
  • NodeJS
Please select the checkbox for each framework of application behavior and UI development used with ADF.

Knowledge Check: Development Tools

  • NodeJS
  • NPM
  • Github
  • Yeoman
Please select the checkbox for each developer tool used and supported with ADF.

Knowledge Check: Testing

  • Jasmine
  • Elena
  • Selenium Robot Framework
  • Travis
  • Steve
  • Plutonium Android Framework
Please select the checkbox for each testing or "continuous" tool supported by ADF.

Quiz: ADF Framework Core Technologies

Using the Framework Core Technologies screen below:

1. Place each component in its proper column

2. Place each component in the proper order as shown in each column.

  • HTML 5
  • CSS
  • JavaScript
  • Type Script
  • Angular2
  • Google MatDesign
  • Node JS
  • NPM
  • Yeoman
  • GitHub
  • Jasmine
  • Selenium Robot
  • Travis

Lesson 4: The Alfresco ADF Architecture

The Alfresco ADF Architecture

Quiz: ADF Architecture

Simplify the graphic below to a top-down model, using the drag-and-drop components provided.

 

  • Angular2 Components
  • Alfresco Javascript API
  • Alfresco One REST API
  • Alfresco Activiti REST API

Lesson 5: The New Alfresco Unified JS API

The New Alfresco Unified JS API

Knowledge Check: Alfresco Unified JS API

The Alfresco Unified Javascript API is suitable for use with   use cases.

Lesson 6: Alfresco ADF Angular2 Core Components

Alfresco ADF Angular2 Core Components

Login Component Demonstration

 

Lesson 7: The Quality and Standards of Alfresco ADF

The Quality and Standards of Alfresco ADF

Lesson 8: Wrapping-up Alfresco's ADF

Wrapping-up Alfresco's ADF

 

ADF Community References

Alfresco ADF References

Alfresco ADF Community GitHub https://community.alfresco.com/community/application-development-framework
Alfresco ADF Documentation https://community.alfresco.com/community/application-development-framework/content?filterID=contentstatus%5Bpublished%5D~category%5Bdocumentation%5D
ADF Angular Components https://github.com/Alfresco/alfresco-ng2-components
Alfresco Unified JavaScript API https://github.com/Alfresco/alfresco-js-api
Yeoman Generator Components https://github.com/Alfresco/generator-ng2-alfresco-component
Yeoman Generator Application https://github.com/Alfresco/generator-ng2-alfresco-app
Npm https://www.npmjs.com/~alfresco
Gitter Channel https://gitter.im/Alfresco/alfresco-ng2-components
Healthcare Application Demo https://github.com/Alfresco/health-care-app
Component Catalog http://devproducts.alfresco.com/browse
Setup with NginX Proxy https://community.alfresco.com/community/application-development-framework/blog/2016/09/28/adf-development-set-up-with-nginx-proxy