Open Badges are the leading standard for innovative credentials. They are not specific to a product or platform. They are designed to be verifiable, portable, and packed with information about skills and achievements.
- Open Badges do not serve the majority world.
- Badge issuing systems have expensive subscription models
- Badge backpacka arenot available for those to be stored on in South Africa (as far as I know) and other african countries
- Derek Moore | @web-learning
| ποΈ | Concept | Concepts and Examplars | Exemplar |
|---|---|---|---|
| 01 | Light weight badge created with CSS | Bryan Fillmer has a great example https://codepen.io/bfillmer/pen/rNWWBz. I also got CHAT GPT to help me out https://codepen.io/Web-learning-the-bold/pen/OJGjGaG | A lightweight badge in CSS that can be modified https://weblearning.co.za/badges/test/ |
| 02 | JSON files that capture badge information | WebDevSimplified has got a good primer on YouTube which explain how to fetch in data from a separate json file. See www.webdevsimplified.com. I also liked this codepen that pulled in JSOn data from https://codepen.io/stevenventimiglia/pen/GEEoPe | A lightweight badge without CSS that pulls in JSON https://weblearning.co.za/badges/test/json.html |
| 03 | Is it possible to work recursivly through the whole JSON file and place the content into the light weight badge? | Good avice to put JSON file in a gist and link to the raw file. See https://forum.freecodecamp.org/t/how-do-i-add-the-local-json-file-in-fetch-api-in-codepen/274890 |
*The CSS used to create the light weight badges is made by Bryan Fillmer (https://codepen.io/bfillmer) See original (https://codepen.io/bfillmer/pen/rNWWBz) Where permissions are expressed
- The JSON instructions is explaned in "How to Create and Issue Open Badges" - https://thejeshgn.com/2022/07/21/how-to-create-and-issue-open-badges/ | CC BY NC SA https://thejeshgn.com/terms-and-conditions/
This work (unless indicated otherwise)is licensed under a
Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.