1 person found this helpful
Here are some thoughts to get you started:
To develop AEM components - you should use HTL. See - htl-spec/SPECIFICATION.md at master · Adobe-Marketing-Cloud/htl-spec · GitHub
HTL can include Java side too - see this for an example - Scott's Digital Community: Creating an AEM HTML Template Language component that uses the WCMUsePojo class
(different AEM Versions are referenced here)
When building dialog components - you should Granite Resource types. Avoid using JSPs and Classic UI data types.
See this article to learn how to work with HTL and granite data types: Building Experience Manager Components using Granite/Coral Resource Types
When building AEM sites in 6.3/6.4 - you should use Editable Templates. See this article -- Adobe Experience Manager Help | Creating an Adobe Experience Manager 6.4 website using Editable Templates (also includes how to handle CSS included in a site - notice the use of a client library)
When building AEM projects - use Maven and the AEM IDE plug-in tool - details here - see: Getting Started with AEM Sites - WKND Tutorial
These resources should get you up and running.
As far as CSS rules when using AEM - there is not a document that list which CSS rules should and should not be used.
thanks for the help
I'm going read this articles for understand better about development AEM