The New Way of Developing with AEM 6.0 | Sightly | Beautiful Markup
description
Transcript of The New Way of Developing with AEM 6.0 | Sightly | Beautiful Markup
![Page 1: The New Way of Developing with AEM 6.0 | Sightly | Beautiful Markup](https://reader034.fdocuments.in/reader034/viewer/2022051815/53f8da728d7f7253318b48fd/html5/thumbnails/1.jpg)
The New Way of Developing with AEM 6.0Sightly | Beautiful MarkupŞenol Taş, Senior Computer Scientist, Adobe
Follow me @thelabertasch
Stay informed about Sightly @sightlyio
Tweet during my talk #BeautifulMarkup #aemhub
![Page 2: The New Way of Developing with AEM 6.0 | Sightly | Beautiful Markup](https://reader034.fdocuments.in/reader034/viewer/2022051815/53f8da728d7f7253318b48fd/html5/thumbnails/2.jpg)
![Page 3: The New Way of Developing with AEM 6.0 | Sightly | Beautiful Markup](https://reader034.fdocuments.in/reader034/viewer/2022051815/53f8da728d7f7253318b48fd/html5/thumbnails/3.jpg)
![Page 4: The New Way of Developing with AEM 6.0 | Sightly | Beautiful Markup](https://reader034.fdocuments.in/reader034/viewer/2022051815/53f8da728d7f7253318b48fd/html5/thumbnails/4.jpg)
![Page 5: The New Way of Developing with AEM 6.0 | Sightly | Beautiful Markup](https://reader034.fdocuments.in/reader034/viewer/2022051815/53f8da728d7f7253318b48fd/html5/thumbnails/5.jpg)
– Lightweight: No dependencies, fast and lean. – Secure: Automatic contextual XSS protection and URL externalization. – Code-less: Enforce separation of concerns between logic and
markup. – Language agnostic: Easy to port to any programming language. – Standard: Write readable & valid HTML5. – Extensible: Straight-forward API for logic. – Intuitive: Clear, simple & restricted feature set.
![Page 6: The New Way of Developing with AEM 6.0 | Sightly | Beautiful Markup](https://reader034.fdocuments.in/reader034/viewer/2022051815/53f8da728d7f7253318b48fd/html5/thumbnails/6.jpg)
Faster time to market: Reduced development and maintenance effort, therefore shorter projects and overall a reduced TCO. Simplified workflow: Between the web developers (or design agency) and the AEM Java developers.
![Page 7: The New Way of Developing with AEM 6.0 | Sightly | Beautiful Markup](https://reader034.fdocuments.in/reader034/viewer/2022051815/53f8da728d7f7253318b48fd/html5/thumbnails/7.jpg)
![Page 8: The New Way of Developing with AEM 6.0 | Sightly | Beautiful Markup](https://reader034.fdocuments.in/reader034/viewer/2022051815/53f8da728d7f7253318b48fd/html5/thumbnails/8.jpg)
![Page 9: The New Way of Developing with AEM 6.0 | Sightly | Beautiful Markup](https://reader034.fdocuments.in/reader034/viewer/2022051815/53f8da728d7f7253318b48fd/html5/thumbnails/9.jpg)
![Page 10: The New Way of Developing with AEM 6.0 | Sightly | Beautiful Markup](https://reader034.fdocuments.in/reader034/viewer/2022051815/53f8da728d7f7253318b48fd/html5/thumbnails/10.jpg)
Sightly Expression Language
Options @ OptionName=”String”, OptionName2=field.field, OptionsName3=[field, “string”]
Field Expression ${expression}
![Page 11: The New Way of Developing with AEM 6.0 | Sightly | Beautiful Markup](https://reader034.fdocuments.in/reader034/viewer/2022051815/53f8da728d7f7253318b48fd/html5/thumbnails/11.jpg)
Sightly Expression Language
Literals
![Page 12: The New Way of Developing with AEM 6.0 | Sightly | Beautiful Markup](https://reader034.fdocuments.in/reader034/viewer/2022051815/53f8da728d7f7253318b48fd/html5/thumbnails/12.jpg)
Sightly Expression Language
Accessing Variables
![Page 13: The New Way of Developing with AEM 6.0 | Sightly | Beautiful Markup](https://reader034.fdocuments.in/reader034/viewer/2022051815/53f8da728d7f7253318b48fd/html5/thumbnails/13.jpg)
Sightly Expression Language
Default Variables
![Page 14: The New Way of Developing with AEM 6.0 | Sightly | Beautiful Markup](https://reader034.fdocuments.in/reader034/viewer/2022051815/53f8da728d7f7253318b48fd/html5/thumbnails/14.jpg)
Sightly Expression Language
Operators
![Page 15: The New Way of Developing with AEM 6.0 | Sightly | Beautiful Markup](https://reader034.fdocuments.in/reader034/viewer/2022051815/53f8da728d7f7253318b48fd/html5/thumbnails/15.jpg)
Sightly Expression Language
Expression Options
![Page 16: The New Way of Developing with AEM 6.0 | Sightly | Beautiful Markup](https://reader034.fdocuments.in/reader034/viewer/2022051815/53f8da728d7f7253318b48fd/html5/thumbnails/16.jpg)
Sightly Expression Language
Expression Options
![Page 17: The New Way of Developing with AEM 6.0 | Sightly | Beautiful Markup](https://reader034.fdocuments.in/reader034/viewer/2022051815/53f8da728d7f7253318b48fd/html5/thumbnails/17.jpg)
Sightly Block Statements
Plugin Name data-sly-pluginname
Plugin Identifier data-sly-pluginname.itendifier
Plugin Value data-sly-pluginname=“value”
![Page 18: The New Way of Developing with AEM 6.0 | Sightly | Beautiful Markup](https://reader034.fdocuments.in/reader034/viewer/2022051815/53f8da728d7f7253318b48fd/html5/thumbnails/18.jpg)
Sightly Block Statements
![Page 19: The New Way of Developing with AEM 6.0 | Sightly | Beautiful Markup](https://reader034.fdocuments.in/reader034/viewer/2022051815/53f8da728d7f7253318b48fd/html5/thumbnails/19.jpg)
Sightly Block Statements
![Page 20: The New Way of Developing with AEM 6.0 | Sightly | Beautiful Markup](https://reader034.fdocuments.in/reader034/viewer/2022051815/53f8da728d7f7253318b48fd/html5/thumbnails/20.jpg)
Sightly Block Statements
![Page 21: The New Way of Developing with AEM 6.0 | Sightly | Beautiful Markup](https://reader034.fdocuments.in/reader034/viewer/2022051815/53f8da728d7f7253318b48fd/html5/thumbnails/21.jpg)
Sightly Block Statements
![Page 22: The New Way of Developing with AEM 6.0 | Sightly | Beautiful Markup](https://reader034.fdocuments.in/reader034/viewer/2022051815/53f8da728d7f7253318b48fd/html5/thumbnails/22.jpg)
Sightly Block Statements
![Page 23: The New Way of Developing with AEM 6.0 | Sightly | Beautiful Markup](https://reader034.fdocuments.in/reader034/viewer/2022051815/53f8da728d7f7253318b48fd/html5/thumbnails/23.jpg)
Sightly Comments
Annotated HTML Comments, removed server side <!--/* */-->
![Page 24: The New Way of Developing with AEM 6.0 | Sightly | Beautiful Markup](https://reader034.fdocuments.in/reader034/viewer/2022051815/53f8da728d7f7253318b48fd/html5/thumbnails/24.jpg)
XSS Magic
![Page 25: The New Way of Developing with AEM 6.0 | Sightly | Beautiful Markup](https://reader034.fdocuments.in/reader034/viewer/2022051815/53f8da728d7f7253318b48fd/html5/thumbnails/25.jpg)
Use API
![Page 26: The New Way of Developing with AEM 6.0 | Sightly | Beautiful Markup](https://reader034.fdocuments.in/reader034/viewer/2022051815/53f8da728d7f7253318b48fd/html5/thumbnails/26.jpg)
![Page 27: The New Way of Developing with AEM 6.0 | Sightly | Beautiful Markup](https://reader034.fdocuments.in/reader034/viewer/2022051815/53f8da728d7f7253318b48fd/html5/thumbnails/27.jpg)
![Page 28: The New Way of Developing with AEM 6.0 | Sightly | Beautiful Markup](https://reader034.fdocuments.in/reader034/viewer/2022051815/53f8da728d7f7253318b48fd/html5/thumbnails/28.jpg)
![Page 29: The New Way of Developing with AEM 6.0 | Sightly | Beautiful Markup](https://reader034.fdocuments.in/reader034/viewer/2022051815/53f8da728d7f7253318b48fd/html5/thumbnails/29.jpg)
DEMO, TODO MVC APP with Sightly and Brackets
![Page 30: The New Way of Developing with AEM 6.0 | Sightly | Beautiful Markup](https://reader034.fdocuments.in/reader034/viewer/2022051815/53f8da728d7f7253318b48fd/html5/thumbnails/30.jpg)
![Page 31: The New Way of Developing with AEM 6.0 | Sightly | Beautiful Markup](https://reader034.fdocuments.in/reader034/viewer/2022051815/53f8da728d7f7253318b48fd/html5/thumbnails/31.jpg)
Thank for your attention