# Chapter 1: Markdown Guide

## Section 1.1: Basic Markdown Notation

This is a hackmd.io session. A Hackmd.io note is a plain text note with markdown formatting.

You can do basic formatting in markdown. For examples:

1. I want enumerate
2. I also want bullet point
2. just type number and let markdown handle the formatting.
3. last enumerate
a. second level enumerate
b. another one

Markdown has different variants, which we called markdown favours: **CommonMark**, and __Github Markdown__.

Bullet points

- emphasis: *emphasis*, _emphasis_
- bold: **bold**, __bold__
- strikethrogu: ~ ~ strikthrough ~ ~, ~~strikethrough~~
- these are the formatting
- if you need more, you can use html tags
- highlight: <mark>hightlight</mark>

## Section 2

Let's types together.

Break time :coffee:
:tada: :panda_face: :wine_glass:
:satisfied:
:flag-cz:
:hand_with_index_and_middle_fingers_crossed:
:sweet_potato:
:100:
:+1:

:hand:
:8ball:

:the_horns:
:last_quarter_moon_with_face:

yat :rocket: :moon:

:santa:

## Section 3

Mathematical formula in Markdown is borrowed from Latex. There are 2 types of mathematical expressions: inline or paragraph.

An inline maths expression is like this: $y = mx + c$. When you have fraction, then the formula is small, for example: $\frac{dy}{dx}$. Similarly, for summation or limit notation: $\lim_{x\to 0} \frac{\sin x}{x} = 1$. $\sum_{k=1} a^k$

A paragraph math express is like this:

$$\lim_{x\to 0} \frac{\sin x}{x} = 1,$$

$$\sum_{k=1} a^k,$$

$$\frac{\partial^2 u}{\partial t^2} = \rho \nabla^2 u(x,y,z,t).$$

Matrix $Ax = b$:

$$\begin{bmatrix}1&2&3\\4&5&6\\7&8&9 \end{bmatrix}
\begin{pmatrix}x\\ y \\ z\end{pmatrix}
=\begin{bmatrix} b_1\\ b_2 \\b_3 \end{bmatrix}
$$

$$\int_0^{\infty} e^{-x^2} dx = \frac{\sqrt{\pi}}{2}$$

## Images


## Programming Codes

There are also inline and paragraph (block) versions of programming code.

If you are mentioning a programming term, like `markdown` or `latex`. These are examples of inline code.

The block code is like this:

import numpy as np
import matplotlib.pyplot as plt

x = np.linspace(0, 2*np.pi)
plt.plot(x, np.sin(x))
plt.savefig('sine_curve.png')

Good markdown renderer helps to do syntax highlighting.

import numpy as np
import matplotlib.pyplot as plt

x = np.linspace(0, 2*np.pi)
plt.plot(x, np.sin(x))
plt.savefig('sine_curve.png')

#include <iostream>
using namespace std;

int main(){
   cout << "Hello World" <<endl;
}

## Tables

| No. | Items | Price |
| --- | ----- | ----- |
| 1. | apple | RM 1.50 |
| 2. | banana | RM 5.20 |
| 3. | coconut | RM 4.50 |

## Check list

- [x] height
- [ ] weight
- [ ] temperature

## Where to find out more on the notations?

- [Markdown guide](https://www.markdownguide.org/basic-syntax/)
- [Latex Mathematics expression reference](https://en.wikibooks.org/wiki/LaTeX/Mathematics)

The end