- Home
- 💡 Simple card
- 🔎 Missing! card
- 🖍️ Draw! card
- 🧑🎨 Add color to your code
- 🧑🎓 The professional way
★ Required ☆ ✎ Optional ⤷ Field Type
A simple question->answer
card; we're asking the question: "what does this code do?", e.g:
- A function with an output you have to guess.
- A class with a method that you need to call.
You'll probably want: | It's helpful to add: |
---|---|
A descriptive title (or intro) | A subtitle or tags |
A clear question and answer | Supporting notes (bullet points) |
Your key learning point | Links to articles or documentation |
In general it's best to make sure ★ Required
fields are filled in. However, for a very simple question->answer
card, where you don't need a code example, feel free to just use ★ Title
and ★ Key point notes
fields. Example here and issue here.
⤷
string
(automatically wrapped with aH1
tag)
- The main question, statement or fact.
⤷
string
(automatically wrapped with aH2
tag)
- A helpful tip or guide
- A group of related cards
- The type of
syntax
we're learning
⤷
code string
(automatically wrapped with<p><code>
tag)
- A short line of code
- The actual function or symbol, i.e.
len()
.
⤷
code block
(requiresmarkdown->html
conversion)
- A sample of the code we're learning
⤷
code block
(requiresmarkdown->html
conversion)
- The answer or key learning point
⤷
rich html
- A short explanation of what we're trying to learn.
⤷
rich html
A short reference if needed. Remember to KISS!
- Links to documentation
- Supplementary notes
- A common link between cards
⤷
raw text
For the risk-averse, you can keep raw text
in the ✎ Markdown
field provided — here you can store raw markdown, or a link to the original code (Github gist for example).
- Store raw
.md
for future editing, if necessary