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