Markdown Crash Course
ฝัง
- เผยแพร่เมื่อ 29 ก.ย. 2024
- In this video we will discuss what Markdown is, what it is used for and we will jump into VSCode and learn the entire syntax in around 10 minutes. We will also push to a Github repo to see what it looks like there.
Sponsor: Coding Dojo
www.codingdojo....
Cheat Sheet Gist:
gist.github.co...
💖 Become a Patron: Show support & get perks!
/ traversymedia
Website & Udemy Courses
www.traversymed...
Follow Traversy Media:
/ traversymedia
/ traversymedia
/ traversymedia
The Developer Hangout: Public Discord Server
/ discord
Thanks for this video, 20 minutes and now I have done the documentation of my code very professionally.
Awesome video, I use markdown almost daily as a way to document as I write code. Since I have to pass out paper copies of my notes sometimes I like to use Pandoc (with the vs code extension vscode-pandoc) to convert it in word, put page breaks in for formatting and am good to go. I also find myself using a lot of tables, so I found the Markdown Table Formatter extension to be very handy as I can do a really roughed out table then through the key command make it look nice.
Markdown is a sweet little concept and more devs should know about it! Knowing the syntax is so handy, especially for Static Site Generators. Thanks Brad.
Markdown is also handy for KDoc ( kotlinlang.org/docs/reference/kotlin-doc.html ).
@@aproe610 QAAAAAAAAAAAAAAASAEAAAAAAAAAPAAAAAAAYAEAAAAAAAHEAAAAHAAAHEEHHEHPHHEHHHAAHEEHNEYEEHYHHAHEEHHHEHAHHHHEAHHUHEHHHHHHEHHHEEHHPHHEHHEEHHEHEHEHHHHPPPHHHHPHHHHHHPHHHHHHHH
Just amazing! Thanks for the effort.
Thank you for creating this wonderful video.
6:15 # the commonly known pound sign lol great vid thanks :)
I gave the video a like before watching it because Brad's content is so good
Thank you so much 🥺💙💙💜💜 You're a life saver 🥺
Looks like I will be making my site with Gatsby. Wanted to use Jekyll, but there aren't many good tutorials for it and it loads slower than Gatsby. Will still try it out someday though.
cool, now i know markdown, thanks brad!
Stack overflow uses this
Thanks brad❤
Amazing Brad,
Thank you very much!
Would love a docker course :)
Thank you! This was very helpful!
AMAZING video EVER!
I like this video, and of course I immediately subscribed to your channel. stay in touch!
Liked before watching. :)
Thank you, Sir.
Hey Brad. I am caught up some how. What is the use case of a tinyMCE and Markdown in web development. Please throw some light into their differences
I love this video - is there a way to view a file on your markdown page. On my desktop I have a mockup of my website using Balsamique, I want to add that to my markdown
Heading 5 and 6 are smaller than the body text... great.
How do you add this Preview Section to VScode Editor?
Hey first comment?! Thanks for the great content Brad!
Brad, that extension seems to have stalled. I see one that says "Markdown All in One" and has 2.75 million downloads. I think I will use that one.
他用的什么插件来一键添加的??
what kind of extension does he use to fast insert ?
Try Ctrl + / (i use Windows)
@@thongnguyen5024 very usefull,thanks a lot!!
Markdown is great for readme's.
also for preparing docs?
yeah i use discord it has some things so this is even easier lol
@@WaiRo441 that's interesting can you please tell me more about discord and markdown?
Edit: I know what discord is but how is markdown used in that?
Sure I've seen README.md somewhere ;)
@@paulbrown6792 Github projects probably.
Mark my words! 400,000 subscribers by the end of April. Thank you Brad. Can't wait for the React course!
Argee Learner let's hope so 🤞
28 may, still 375k :D vangan't
Toko Goshadze getting there.
almost 700k now 👌👌
@@ridl27 739k now O_O
Brad... come on brother... you are TOOOOO AWESOME! Damn man, you really do know what us newbies need. You’re paving the road for a lot of people and we are so grateful for it. Thanks again man
Thank you Brad. Now I know StackOverflow question/answers editor uses the same syntax. Finally I know it’s MARKDOWN 👍🏻
Yes indeed.
A very useful video about markdown and its uses, thank you
I'm here because I want to write fancy stuff in Discord lol
Same but on Reddit
Obsidian MD is really nice to take notes with! It supports markdown natively
Lean markdown and install software like boostnote , now you got yourself a very meaningful note taking application. Rather than only text now you can view your data in table , links and checklist etc. format.
Very helpful tutorial. Thank you!
First like, then watch.
Exactly what I was looking for. THANKS
Right in time for me! Learning the JAM Stack now. Wanted a detailed introduction of this. Thanks.
Really great walkthrough. Thanks for putting this together. 👍
08:00 - Hey, original Markdown is not know what is ~~text~~
Check it here:
- daringfireball.net/projects/markdown/syntax
- daringfireball.net/projects/markdown/dingus
This is for GitHub Flavored Markdown.
- github.github.com/gfm/#strikethrough-extension-
Love markdown and a previewer. So good for note taking too :) Great vid once again Brad.
thank you bro ! it's very helpful
what is markdown?
lightweight markup language with a plain text formatting syntax
can be convert into html or xhtml and other formatt
it's main purpose is readability and ease of use
what is it used for?
readme files in github, etc
forum and blog posts
used in many static site generators
some things i can format with markdown
headings: #-heading1 and tuong tu
unordered list: * this text (and eat in new line)
ordered list: 1. this text (and eat in new line)
italic: *this text* or _this text_
strong: **this text** or __this text__
strikethrough: ~~this text~~
links: [this text](this link "this title")
blocks of code: `this is a block of code`
block of code 2: ``` this is block of codes ```
images: 
blockquotes: > this text
horizontal rules: --- or ___ (trible)
table: | name | age |
backslash: add \ before first and last syntax. ex: \* this text \*
After watching many videos, I found this one to be exceptional. The tutor explains the concept clearly and provides an excellent practical example. This is a fantastic video
Great video , learned a lot , thanks for putting this together
2020, still a great video - thank you! :)
Brad, this link has overdubbed your content. Blatantly ripping your content th-cam.com/video/hp71dDZkhRY/w-d-xo.html
Appreciate your content mate.
I'd like to ask the creator of this to be mindful of blind folk who might watch this video and not be able to read the typed text. It would be helpful if you would read what you're typing verbatim, at least to the extent of the markdown syntax, as I'm not sure for instance of which items are wrapped in their key characters, and which just have the character before text.
Otherwise, I appreciate the efficient way this gives syntax for markdown, which I am interested in learning.
Thanks for taking a look at this.
Amazing course .
I love markdown it is simple but it can do soo much !
It is a great tool for note taking :)
Great tutorial. Old is gold
Do I have to download anything to use Markdown? I just tried using the normal editor in windows and named the file test.md, but when I saved it, it wouldn't let me open it (Internet Explorer opened and then closed again right away)
I had no idea what Markdown or Mark up languages were before this video but kept seeing them pop up, this was amazingly helpful, thank you
70k in 14 weeks is no brainer! Listen to this laud and observable intro - you can go wrong with this course! 70k in 14 weeks - remember!!
You can preview Markdown in VS Code without an extensions - look for the bottom top-rright when you are in an md file.
Thanks for this video. Could you please show us how to enable the Auto-Open Markdown Preview extension, so that it shows up next to the code in a window, as you have it
Just a heads up regarding "MarkdownPad 2" (that features on Brads list of editors) - this seems to be an abandoned project unfortunately. I used to use it - it was a great editor, but several faults developed that never got fixed (and some requested features never got added). It's not been updated in over 3 years (latest version is 2.5 from 24 Dec 2014). Several threads on the ApricitySoftware forums asking "is it dead?" and quite a few disgruntled comments from those who have purchased the "Pro" version - which is still available to buy - but are having problems and receiving no support. FWIW I switched to MarkdownEdit, which is a simple/lightweight markdown editor on Windows, although it does struggle with large documents.
I was going to follow you but all the adds and pushing your sponsors... OMG
The video was good though - thank you
I just realized I already knew markdown without knowing I know markdown (formums)
I love markdown for websites write, but is complicated when need to create layouts and divs or another elements containers, thanks for video is awesome. I use in jekyll for contents for posts and pages.
'This is a paragraph'
Upon writting this only the english sentence is visible in the preview and there is no
Why is it so I wrote the same thing
I am taking an online course in reinforcement learning while working from home during the coronavirus pandemic. The course requires submitting project reports written in markdown. I have never used markdown before. Your video is helpful. Thank you!
guys you can use * and _ for TH-cam comments also
like this *lol*
just do this to your text **lol**
So where did you get your background at? Or maybe, do you know where that pic is actually taken?
I have big sentence which can actually fit. but it breaking into multiple lines without even consuming full width how do i put that in single line
I had a little difficulty, got frustrated at first, but finally I was able to follow and it was a nice class, so I want to thank you and say I'm sorry for my first frustrations. It's a class for beginners and good at it. Thank you so much.
This was a great video. It helped me a lot. could you please answer a question of mine(image location that is supposed to be entered in parentheses) where or how I get it if I edited a photo on my mac and need to upload it to markdown. It would be very helpful to me if you replied. thanks en advance.
traversy media do you have a special form of visual display in the server i do not see the same with codeblock to github
Thanks man, you did a great help to me and the other devs.
Hi, how to create 3 lines of header such that first header will have one data and colspan with 5 column and second line of header will have two column like that
thank you so much your teaching method is simple and effective :)
Great. Thanks. I wish our CS teachers will teach such stuff in such a nice manner.
Please make a video on SEO with step by step.
SEO is depends a lot on the type of content your website is about. Brad is Full Stack Web Developer and I'n not saying he does not know about SEO but Social Marketing is not the purpose of his channel.
I am using markdown on my react project but the code is not highlighting
I need help
If I could hit the like button more, I would smash the like button until the mouse is broken
New here; can markdown be used to build a simple web site for family or personal use?
which one do u use to separate text downwards? for example:
instead of fast car
fast
car
?
Could you do a video on low-code platforms? The pro's, con's, and your opinion on them? Thank you!
Can I place a google map link and preview it with markdown in vs code?
An excellent course for those people who are starting to learn Markdown, Thanks
help me, my appli komodo have not markdown preview. help me for upgrad pleas
This is amazing. I just learned something. Hands down to you, sir!
with a blog post, will this effect the SEO ? how will it effect search results?
great video
Thanks Brad! Awesome tutorial.
How can I show the line numbers on code snippets in the markdown file?
Hi Brad: Thanks for the tip ... what if I want to display this markdown file in any browser instead of upload to GitHub?
Just getting into MD since I became a fan of HTMLy a no database blog
how do you get the to appear so fast. What's the shortcut?
Thank you Brad for your tutorial. I especially love the cheat sheet.
Is it possible to create pagination on the footer with markdown?
looking forward to some gatsby videos, this site I made uses gatsby and markdown and hopefully shows off some of its capabilities www.insowerbybridge.co.uk check how fast it is...
Awesome, yes very fast. That is one of the things I love about Gatsby. Should have some videos soon
Traversy Media great work, I have learned a lot from you.
Hey Paul can't you make it a web app with Gatsby ..?
cause on android it's opening up in browser.. rather than a stand alone web app
(p.s.-just curious about Gatsby.I might be wrong. I'm new to react. By the way nice website)
Bosco Corriea it’s designed for creating websites not apps, to create apps you need to use react native however something like gatsby doesn’t exist for that yet.
By web app I meant a progressive web app
Thanks for providing all this content for free
Suyash Purwar your'e welcome 😊
Hey Brad thanks for the video! Please make more videos about Symfony cause there aren't many about it on the web.
Hello. The image [Markdown logo] is not displaying for me. @12:30 in the video... I am following along and the image does not display. I am using Visual Studio Code with the correct extension installed. Instead of seeing the image. I am just seeing the markdown syntax in the preview plane, where the image should be. Can anyone advise me as to what is going wrong, or what I am not doing correctly... my markdown is exactly as seen in the video. Thanks.
Hello... hopefully I can save some face by posting my "solution" haha to my own "question"....
I know I didn't add any code and that this was bad form...
To anyone with a similar issue try the obvious first... I left a space where there shouldn't have been one....
I had this:
![Markdown Logo] (markdown-here.com/img/icon256.png)
*There's a space between... go] (http
There shouldn't be... works fine without the space...
Thank you Brad for this fantastic video and all other materials and content on this channel...
It's really great stuff. Thanks again
Excellent - thanks Brad. You planning on doing automating code documentation with things like ASCIIDOC and SPHINX?
Hey anyone know what his color scheme is? His code looks very nice in those colors!
This was really helpful. Thank you!
markdown is garbage you cant even change font colour
Hey Brad thanks for this and can you do more express.js videos please?
Sir, can you make tutorial for us unexperienced about debugging (JavaScript)?
It will be awesome.
How to put readme in main page? thet everybody see it