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