View
185
Download
3
Embed Size (px)
Citation preview
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Ask the AEM Community Experts – Brackets (Making life easier with IDEs)Lokesh BS/Scott Macdonald | Feb 2016
1
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
AEM 6.x
2
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
AEM IDEs
Java Developer Eclipse : AEM Plugin IntelliJ
Web Developer Brackets : AEM Extensions
3
IDE SETUP- DEMO
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Brackets
Brackets is a lightweight text editor Code hints from PSD Support Sightly with hints and autocomplete feature Easy sync with AEM instance Hot AEM deployment Support of other front-end frameworks like AngularJS, Jquery etc..
5
BRACKETS- DEMO
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Touch UI and Sightly
Future of AEM Use of <data-sly- > Sightly Component Models : WCMUse
7
TOUCH UI AND SIGHTLY
- DEMO
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Brackets – Frontend frameworks
Brackets also supports
9
DEMO- AngularJS & JQuery with AEM
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
References
Download Brackets – http://brackets.io Download Eclipse - https://eclipse.org/downloads/ AngularJS - https://angularjs.org/ JQuery - https://jquery.com/ Touch UI and Sightly - https://
helpx.adobe.com/experience-manager/using/sightly_multifield.html AEM Examples – http://adobeaemclub.com
11
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2014 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.