Mastering Markdown in 10 min BY ANTHONY DJOEWANDA
Mastering Markdown in 10 -min BY ANTHONY DJOEWANDA
What is Markdown? • Markdown is a lightweight markup language with plain-text -formatting syntax. • It is very similar to HTML, but without the tags. • It uses a. md file extension • It’s commonly used to write README. md file! Example: https: //github. com/tonychuaco/cra-template-my-template
Why Learn Markdown? • Personalize your Git. Hub and React Projects Plain Text • Write better & more structured contents 1. Begin writing your webpages in plain English Markdown 2. Quickly add formatting with Markdown 3. Automatically convert it to HTML 4. Automatically convert it to JSX for React • Add Markdown as a skill to your Resume! Example (Markdown to HTML): https: //markdowntohtml. com JSX
Markdown: Adding Text Paragraphs <p> Unordered list <ul> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. * List item Headings <h 1>…<h 6> # Heading 1 ## Heading 2 ### Heading 3 #### Heading 4 ##### Heading 5 ###### Heading 6 Ordered list <ol> 1. Item one * Item 2. Item two 1. Item 2. Item
Markdown: Text Formatting Bold <b> Code <code> **Bold this** `on. Click` Italic <i> *italicize this* Code-block (TAB keyboard) Horizontal line <hr> Blockquotes <blockquote> ------- > Brevity is the soul of wit.
Markdown: Images & Links Images <img> Table (Git. Hub specific) <table> ![This is the Logo](/logo. jpg) Header | Header -------------|-------Cell | Cell | Cell Links <a> [Shop Now](https: //example. com)
Markdown: Resources Official Site https: //daringfireball. net/projects/markdown Git. Hub Markdown https: //guides. github. com/features/mastering-markdown Online Editor https: //stackedit. io Visual Studio Code - Keyboard Shortcut Preview: Ctrl+Shift+V (Windows) | Cmd+Shift+V (Mac)
Markdown: Demo
Download My Quick Reference https: //gist. github. com/tonychuaco Markdown: Q & A View the PPT on Slideshare https: //www. slideshare. net/Anthony. Djoewand a Follow Me @tonychuaco
- Slides: 9