├── .github └── FUNDING.yml ├── codecat.png └── README.md /.github/FUNDING.yml: -------------------------------------------------------------------------------- 1 | github: codestackr -------------------------------------------------------------------------------- /codecat.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeSTACKr/markdown-crash-course/HEAD/codecat.png -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Markdown Crash Course 2 | 3 | **Video Course** 4 | 5 | [![Thumbnail](https://img.youtube.com/vi/ftOBvusMHjQ/maxresdefault.jpg)](https://youtu.be/ftOBvusMHjQ) 6 | 7 | --- 8 | 9 | ## Basic Syntax 10 | 11 | ### Headings 12 | 13 | Below are 6 heading variations. 14 | 15 | # Heading 1 16 | 17 | ## Heading 2 18 | 19 | ### Heading 3 20 | 21 | #### Heading 4 22 | 23 | ##### Heading 5 24 | 25 | ###### Heading 6 26 | 27 | --- 28 | 29 | ### Horizontal Rule 30 | 31 | 3 dashes creates a horizontal line. 32 | 33 | --- 34 | 35 | ### Text formating 36 | 37 | Paragraph line spacing is important. 38 | This sentence is on the same line even though it's on the next line of the editor because there's no separation of content. 39 | 40 | Add an empty line between elements. 41 | 42 | *italic text* and _more italic text_ 43 | 44 | **bold text** and __more bold text__ 45 | 46 | ***bold and italic text*** 47 | 48 | **mix *and* match** 49 | 50 | ~~strikethrough text~~ 51 | 52 | ### Lists 53 | 54 | Ordered List 55 | 56 | 1. Item 1 57 | 1. Item 2 58 | 1. Item 3 59 | 60 | Unordered List 61 | 62 | - Item 63 | - Item 64 | - Item 65 | 66 | ### Code formating 67 | 68 | Inline: Use JavaScript `map()` on arrays. 69 | 70 | Fenced code block: 71 | 72 | ```js 73 | const sum = (a, b) => a + b 74 | 75 | sum(2,2) 76 | ``` 77 | 78 | ### Blockquote 79 | 80 | > This is a blockquote 81 | > 82 | > more text 83 | > 84 | > > Nexted blockquote 85 | 86 | ### Links 87 | 88 | [codeSTACKr](https://youtube.com/codeSTACKr 'codeSTACKr YouTube') 89 | 90 | [Headings](#headings) 91 | 92 | [codeSTACKr][cs] 93 | 94 | [cs]: https://youtube.com/codeSTACKr 'codeSTACKr YouTube' 95 | 96 | ### Images 97 | 98 | ![alt text](/codecat.png) 99 | 100 | [![alt text](/codecat.png)](https://codecats.xyz) 101 | 102 | ## Extended Syntax 103 | 104 | Not all extended syntax features work in all markdown applications. 105 | 106 | ### Table 107 | 108 | | Packages | Description | Version | 109 | | :--- | :----: | ---: | 110 | | React | JavaScript Framework | v18.0 | 111 | | Next.js | React Framework | v12.0 | 112 | 113 | ### Task List 114 | 115 | - [x] Task 1 116 | - [ ] Task 2 117 | - [ ] Task 3 118 | 119 | ### Emoji 120 | 121 | Emoji's are fun! :joy: 122 | 123 | ### Comments 124 | 125 | [This is a hidden comment.]: # 126 | 127 | ### Toggle 128 | 129 |
130 | :zap: This is a toggle! 131 | 132 | Contents of toggle. 133 |
134 | 135 | ### Callouts 136 | 137 | > :bulb: **Tip:** Here's an important tip to remember! 138 | 139 | ### Table of Contents 140 | 141 | - [Basic Syntax](#basic-syntax) 142 | - [Headings](#headings) 143 | - [Horizontal Rule](#horizontal-rule) 144 | - [Text formating](#text-formating) 145 | - [Lists](#lists) 146 | - [Code formating](#code-formating) 147 | - [Blockquote](#blockquote) 148 | - [Links](#links) 149 | - [Images](#images) 150 | - [Extended Syntax](#extended-syntax) 151 | - [Table](#table) 152 | - [Task List](#task-list) 153 | - [Highlight](#highlight) 154 | - [Emoji](#emoji) 155 | - [Comments](#comments) 156 | - [Toggle](#toggle) 157 | - [Callouts](#callouts) 158 | - [Table of Contents](#table-of-contents) --------------------------------------------------------------------------------