[docs] Include links to Moodle Academy

[andrewnicols]

We should work with Jess Gramp (@jgramp) and Rajneel to work out how best to link from the Developer resources to the development courses in the Moodle Academy.

From a User Experience perspective it would be good to have:

• A navbar element
• A landing page explaining that courses are available and linking to a landing page on the Academy

[andrewnicols]

One suggestion from @jgramp is to signpost relevant courses in a consistent way in docs pages, perhaps with relevant iconography.

I'd suggest that we could use a new JSX component with a JSON-defined list of courses so that we can centrally update any course and/or course description.

Having a central list also allows us to create a central course list based on that file.

That could look something like this:

[jgramp]

Looks great Andrew.
How does this central list get populated with new courses?

[jgramp]

The colours shown in the graphic look good. High contrast :) and I like the icon as it aligns with what we use for courses on academy.

[andrewnicols]

Hi @jgramp,

How does this central list get populated with new courses?

At the moment it's via a data structure here: https://github.com/andrewnicols/dinodevdocs/blob/main/academyCourses.js

We can either keep it in here, or we can fetch that data from Moodle Academy. I've writte a short summary for each course, based upon the longer structure, to use as a popover help text. You can see that in action at https://andrewnicols.github.io/dinodevdocs/docs/apis/access.

I've tried to add extra metadata too, though we're not using it yet. My thinking was that we'd have a dedicated page (i.e. /study or /academy or maybe /course which would use the same metadata to list the courses too.

[jgramp]

Sounds good Andrew.
We could use the course summary description that is in the course settings probably for this short description.