M6.2 - Magnolia for Front-end Developers

Total time: ~1 day

Learn about Light Development and Magnolia's CLI tool to build websites quickly without the need to program in Java.

Prerequisites

Work on the file system and use technologies that you already know, such as CSS and HTML5. Define templates and configurations, faster and easier. This course is for front-end developers who want to learn how to build templates and apps for Magnolia. This course does not require any prior Magnolia knowledge. However, we highly recommend that participants have used scripting languages, and are familiar with Terminal or Command Prompt and Git.

This training is based on Magnolia 6.2.

Chapters

1. Getting started with light development 2 min
2. Magnolia CLI 2 min
3. Exercise: Setting up the environment 15 min
4. Light modules 1 min
5. Exercise: Create a light module 5 min
6. Knowledge check 1 min
7. Resource files app 1 min
8. Exercise: Check the light module in the app 2 min
9. Template 1 min
10. Page template 4 min
11. FreeMarker directives - page 1 min
12. Exercise: Create a page template 10 min
13. JCR 2 min
14. Exercise: Check entries in the JCR browser 2 min
15. Area template 2 min
16. FreeMarker directives - area 1 min
17. Exercise: Create an area 5 min
18. Accessing the content 1 min
19. Component template 3 min
20. FreeMarker directives - component 1 min
21. Exercise: Create a component template 5 min
22. Knowledge check (FreeMarker) 1 min
23. Dialog 2 min
24. Exercise: Add dialog definition and content 10 min
25. Resource linking 1 min
26. Exercise: Reference web and image resources 15 min
27. Knowledge check (CSS) 1 min
28. Templating functions 1 min
29. Exercise: Make use of cmsfn to decode a property 5 min
30. FreeMarker null handling and assign 3 min
31. Exercise: Null proof navigation title 10 min
32. Definition decorator 2 min
33. Exercise: Decorate an app label 5 min
34. Definitions app 1 min
35. Site definition 2 min
36. Exercise: Add third content language 5 min
37. Content i18n 2 min
38. Exercise: Internationalize banner content 5 min
39. Message bundles 1 min
40. Exercise: Render different copyright footer for different languages 10 min
41. System i18n 1 min
42. Knowledge check (languages) 1 min
43. Exercise: Change label to be set inside message bundle not in dialog definition 5 min
44. Template availability 1 min
45. Knowledge check (control) 1 min
46. YAML and FTL includes 2 min
47. Exercise: Make use of includes 10 min
48. Single-page website 180 min