
Demystifying markdown introduces a clean, easy to read text file for rich text formatting, using non alphabetic characters to add bold, italics, headings, and horizontal rules.
Explore an end-to-end overview of unflavored markdown and begin hands-on practice using GitHub, a sample repository, and Jekyll to turn markdown into a live website on GitHub pages.
Create a GitHub account, fork the sample website to your account, and edit the index file to practice markdown; then commit changes and review the repository to learn publishing and readme guidance.
Learn to format markdown content by adding line breaks with two trailing spaces, separating paragraphs with empty lines, and creating horizontal rules with three or more asterisks, hyphens, or underscores.
Explore basic markdown formatting by applying bold with two asterisks or underscores, italics with one asterisk or underscore, strikethrough, and block codes with a greater-than prefix for multi-line text.
Explore how to add headings in Markdown using hash symbols for six levels and the equals and hyphen methods for heading levels one and two, with a live preview.
Explore creating unordered lists with asterisk, hyphen, or plus, nest items across levels, and format ordered lists with numbers and periods.
learn how to add links in markdown using inline syntax and the reference link method, including auto-detecting URLs and creating clickable text.
Learn how to add images to a markdown file using the image syntax, including alt text and optional title tooltips, and see how the code outputs HTML for rendered images.
Create a simple markdown table with pipe separators, a header separated from data by at least three hyphens, and align columns using colons for left, center, and right.
Learn to add syntax-highlighted code to markdown, using inline code with backticks, and multi-line blocks with triple backticks, including language identifiers for JavaScript and other languages.
Explore escaping characters in markdown to control formatting, such as printing asterisks, hash symbols, and backslashes, without triggering bold, headings, or inline code; prefix with a backslash.
Learn to enhance markdown with emojis using emoji codes and copying them from an emoji list, and create checklists by using [x] for completed items and [ ] for remaining tasks.
Explore how to build a one-page markdown website using headings, lists, links, images, code blocks, tables, and formatting like bold and strikethrough, demonstrated with a Nikola Tesla example.
Learn markdown and see how a GitHub markdown editor turns content into a full one-page website, then create and share your own project for review.
Markdown is one of the cleanest and easiest forms of writing rich-text content. Believe me. Once you learn the trick, you’ll wonder why you didn’t know about this before. With Markdown, you can go from writing simple readme files (that looks amazing, by the way!) to creating your own website/blog.
In this class, you’ll learn GitHub flavored Markdown (GFM) – a slightly more powerful version of regular Markdown – and by the end, you would have also created a one-pager website. Doesn’t that sound exciting?
Anyone who is keen to expand their horizon and is up for a new challenge is welcome to tune in to this class. No previous experience is necessary (even if you’re not from the software industry, seriously).
Follow along each class module to learn a new concept of GitHub flavored Markdown and get one step closer to building a one-pager website. Think of this as a puzzle. Each class module will provide you with one piece of the puzzle and once you’ve put it all together, you would get an awesome website that you’ve built using something as simple as Markdown.
Please do share your class project (i.e., a one-pager website of either yourself or a celebrity) with this class.