ask the aem community expert feb 2016 session: aem + brackets

© 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.