Highlighted

Learn and understand HTL

Avatar

Avatar

pranjalk4508722

Avatar

pranjalk4508722

pranjalk4508722

17-08-2018

Hi ,

i want to learn HTL from very basic to advance is there any links or docs is available for HTL except from helpx.adobe.com because on adobe official website Documentation of HTL are scattered way and only define the concepts and theory mainly not in practical way .so kindly help me for HTL

thanks in advance 

Replies

Highlighted

Avatar

Avatar

Arun_Patidar

MVP

Total Posts

2.9K

Likes

1.0K

Correct Answer

831

Avatar

Arun_Patidar

MVP

Total Posts

2.9K

Likes

1.0K

Correct Answer

831
Arun_Patidar
MVP

17-08-2018

Hi,

You can find documents at below:

Introduction to Sightly

HTL introduction part 1

AEM Sightly Style Guide

You can install below package which will provide you environment to play with sightly as a editor and output

GitHub - Adobe-Marketing-Cloud/aem-htl-repl: Read–Eval–Print Loop environment for HTL.

Screen Shot 2018-08-17 at 2.39.37 PM.png

Highlighted

Avatar

Avatar

pranjalk4508722

Avatar

pranjalk4508722

pranjalk4508722

17-08-2018

thanks arun for provide me the links but is there any pdf or video tutorials of HTL available?

Highlighted

Avatar

Avatar

Arun_Patidar

MVP

Total Posts

2.9K

Likes

1.0K

Correct Answer

831

Avatar

Arun_Patidar

MVP

Total Posts

2.9K

Likes

1.0K

Correct Answer

831
Arun_Patidar
MVP

17-08-2018

Hi,

The first link contains video and pdf i.e. Introduction to Sightly

Highlighted

Avatar

Avatar

pranjalk4508722

Avatar

pranjalk4508722

pranjalk4508722

17-08-2018

ya but when i click on links of pdf they open aem gems session

Highlighted

Avatar

Avatar

Arun_Patidar

MVP

Total Posts

2.9K

Likes

1.0K

Correct Answer

831

Avatar

Arun_Patidar

MVP

Total Posts

2.9K

Likes

1.0K

Correct Answer

831
Arun_Patidar
MVP

17-08-2018

Hi,

Yes, that is session pdf but you can watch recorded session.

All everywhere you will find the same kind of tutorials and examples for HTL.

I'll suggest you to understand HTL you can watch video and then try hands on.

Thanks
Arun

Highlighted

Avatar

Avatar

pranjalk4508722

Avatar

pranjalk4508722

pranjalk4508722

17-08-2018

ok sure thanks

Highlighted

Avatar

Avatar

smacdonald2008

Total Posts

12.7K

Likes

1.4K

Correct Answer

2.3K

Avatar

smacdonald2008

Total Posts

12.7K

Likes

1.4K

Correct Answer

2.3K
smacdonald2008

17-08-2018

We have many HTL examples that teach you HTL and practical examples.

1 - Creating an Adobe Experience Manager  6.4 HTL component that uses the WCMUsePojo API

2 - Creating an AEM HTML Template Language component that uses the WCMUsePojo class - YouTube

3 - Adobe Experience Manager Help | Creating an AEM HTML Template Language Component that posts data usi... (shows use of HTL and AJAX)

4 - Creating an Adobe Experience Manager 6.4 HTL Component that displays data from a Restful Web Service (show use of HTL and a 3rd party RESTFUL Service. Results are displayed in HTL)

5 - Creating a custom Touch UI Grid Component for Adobe Experience Manager  (HTL and SLING MODELS)

6 - Adobe Experience Manager Help | Creating a HTL Repeating Data Set 6.3 Component that uses Sling Mode...  (Discusses how to develop an AEM HTML Template Language (HTL - formerly known as Sightly) component that renders a repeating data set, including digital assets. Use of Sling Models is shown in this article. )

7 - Creating a Tab layout component for Adobe Experience Manager​ (Discusses how to create a custom HTL Tab component. This article uses Bootstrap and also describes how to use the JS API with HTL components. In this example, the JS logic parses a Multi-field component. )

8 - Adobe Experience Manager Help | Creating an AEM 6.4 HTML Template Language movie component (This AEM development community article discusses how to develop a tab-based HTML Template Language (HTL) component that displays AEM DAM digital

assets.) https://helpx.adobe.com/experience-manager/using/aem64_htl_movie_component.html

9 - Ask the AEM Experts on HTL - -Adobe AEM ask the experts - Sightly - YouTube

10 - Building Experience Manager Components using Granite/Coral Resource Types (shows use of HTL and Granite/Coral resource types)

11 - Creating an Experience Manager YouTube Component (how to develop an AEM HTML Template Language (HTL - formerly known as Sightly) component that displays YouTube videos.)

12 - Creating an Experience Manager Responsive Banner Component  (Discusses how to create a custom HTL Responsive Banner component. This article uses Bootstrap and Sling Models)

13- the HTL Spec too -- htl-spec/SPECIFICATION.md at master · Adobe-Marketing-Cloud/htl-spec · GitHub

Highlighted

Avatar

Avatar

Ratna_Kumar

MVP

Avatar

Ratna_Kumar

MVP

Ratna_Kumar
MVP

17-08-2018

Hi,

Please find all the consolidated list of HTL aka Sightly HELPX articles with Working code and also with Ask the community experts session links over here:

Scott's Digital Community: Adobe Experience Manager HTL Examples

And I have tested most of the HELPX HTL articles and those all works!!

Hope this helps!!

Thanks,

Ratna Kumar.

Highlighted

Avatar

Avatar

smacdonald2008

Total Posts

12.7K

Likes

1.4K

Correct Answer

2.3K

Avatar

smacdonald2008

Total Posts

12.7K

Likes

1.4K

Correct Answer

2.3K
smacdonald2008

17-08-2018

Community members like Ratna play a vital role in ensuring these articles work. One of the reasons why --

Scott's Digital Community: Congratulations Ratna Kumar Kotla - our 2017 AEM Community Member of the ...