Hello World Of Everything

Journey to the realm of Computer Science

Note for the future me: "Haiyaa... Why do you keep forgetting how to code?"

---

Table of Contents

• Python
• C++
• Java
• HTML
• Brainfuck

---

Hello World of Markdown

List of references

• Tutorial
• Cheatsheet
• Markdown Chrome Extension

Table of Contents

• Text Formatting
• List
• Code & Syntax
• Image
• Special Features [Horizontal Line, Checklist, Table, Link, YouTube Video]
• Embedding [Unsupported: Only for Wiki]

---

1. Text Formatting

To myself: <br />
> "Be **BOLD** and <ins>keep</ins> moving *forward* in your **_LIFE_**." [Double space here to skip a line]
> When in _doubt_, ~~GIVE UP~~ <u>[Google it](https://www.google.com)</u>!

To myself:

"Be BOLD and keep moving forward in your LIFE."
When in doubt, GIVE UP Google it!

Notes

Types of Formatting	Examples
Heading 1	# Text
Heading 2	## Text Note: # Text(h1: Biggest) to ###### Text(h6: Smallest)
Bold	**Text** __Text__ <b>Text</b> <strong>Text</strong>
Italic	*Text* _Text_ <i>Text</i> <em>Text</em>
Underline	<u>Text</u> <ins>Text</ins>
Strikethrough	~~Text~~ <s>Text</s> <del>Text</del>
Highlight	<mark>Highlight</mark> [Not supported]
Blockquotes	> Text
Inline code	`Text`
Web link	[Google](https://www.google.com) <a href=https://www.github.com>Github</a>

References

• Next Line
• Underline
• Horizontal Line

---

2. Lists

Unordered

* OR - : The bullet

* Item 1
* Item 2
  * Item 2.1 <-- Make sure you tap space thrice first before typing * Item 2.1
    * Item 2.1.1
  * Item 2.2
    * Item 2.2.1
    * Item 2.2.2
        * Item 2.2.2.1 <-- No more other bulleting style
* Item 3

• Item 1
• Item 2
  • Item 2.1
    • Item 2.1.1
  • Item 2.2
    • Item 2.2.1
    • Item 2.2.2
      • Item 2.2.2.1
• Item 3

Ordered

1. Item 1
1. Item 2
   1. Item 2.1 <-- Make sure you tap space thrice first before typing 1. Item 2.1
   1. Item 2.2
      1. Item 2.2.1
         1. Item 2.2.1.1 <-- No more other bulleting style
1. Item 3
   1. Item 3.1

1. Item 1
2. Item 2
   1. Item 2.1
   2. Item 2.2
      1. Item 2.2.1
         1. Item 2.2.1.1
3. Item 3
   1. Item 3.1

Ordered (with a starting numbering)

4. Item 1
1. Item 2
   3. Item 2.1
   1. Item 2.2
      2. Item 2.2.1
1. Item 3

4. Item 1
5. Item 2 3. Item 2.1
   1. Item 2.2 2. Item 2.2.1
6. Item 3

---

3. Code and Syntax

Overview:

```[Programming language name]
foo & bar went to play FOOtball before becoming a BARista
```

Example 1: With programming langauge name

```python
def say_hello(name):
    return "hello " + name
```

Output 1:

def say_hello(name):
    return "hello " + name

---

Example 2: Without programming langauge name

```
def say_hello(name):
    return "hello " + name
```

Output 2:

def say_hello(name):
    return "hello " + name

References

• Code Preview

---

4. Images

Overview:

![<IMAGE ALT TEXT HERE>](<IMAGE URL> <"Title to be shown when cursor is hovered above the image">) 

Example 1: PNG

![Vim](https://raw.githubusercontent.com/junwheih/Hello-World-Of-Everything/main/.src/Markdown%20Images/Vim%20Knight.png "Vim Knight")

---

Example 2: GIF

![Google](https://raw.githubusercontent.com/junwheih/Hello-World-Of-Everything/main/.src/Markdown%20Images/Google.gif "Google Gif")

---

5. Special Features

a. Horizontal Line

<hr /> OR --- OR ___ OR *** OR <hr style="border:2px solid blue"> </hr>

---

Thin horizontal line normally below the heading 1 and 2

# Heading 1
## Heading 2

Heading 1

Heading 2

b. Checklist

Grocery checklist:
- [x] Milk
- [ ] Bread
- [ ] Apple

Grocery checklist:

• Milk
• Bread
• Apple

c. Table

• Simple version

First Name | Last Name | Full Name
---|-|-:
John | Lee | John Lee
Albert | Smith | Albert Smith
Samantha | McKen | Samantha McKen 

Note: The line below the headings atleast must be -|-|-

First Name	Last Name	Full Name
John	Lee	John Lee
Albert	Smith	Albert Smith
Samantha	McKen	Samantha McKen

• Organized version

| Item   | Amount | Price (BTC) |
| :----- | :----: | ----------: |
| Laptop | 1      | 0.0542      |
| iPod   | 4      | 0.1922      |
| Robot  | 232    | 1532.2311   | 

Note:
default        = --- [Heading is cenrtalized but the attributes are aligned left]
Align-left     = :-
Align-right    = -:
Align-center   = :-:

Item	Amount	Price (BTC)
Laptop	1	0.0542
iPod	4	0.1922
Robot	232	1532.2311

d. Link

[Inline-style link](https://www.google.com)  
[Inline-style link with title](https://www.google.com "Google's Homepage")  
[Reference-style link][Arbitrary case-insensitive reference text]  
[Relative reference to a repository file](../blob/master/README-Updated.md)  
[Use numbers for reference-style link definitions][1]  
Or leave it empty and use the [link text itself].

References:
[arbitrary case-insensitive reference text]: https://www.github.com "Github 4 life"
[1]: https://www.discord.com "Pop-up Discord"
[link text itself]: https://www.reddit.com "Pop-up Title for Reddit"

Note: Reference style can be used when inserting images too

Inline-style link
Inline-style link with title
Reference-style link
Relative reference to a repository file
Use numbers for reference-style link definitions
Or leave it empty and use the link text itself.

References

• Link Tips

e. YouTube Video
Replace all the YOUTUBE_VIDEO_ID_HERE

<a href="http://www.youtube.com/watch?feature=player_embedded&v=YOUTUBE_VIDEO_ID_HERE
" target="_blank"><img src="http://img.youtube.com/vi/YOUTUBE_VIDEO_ID_HERE/0.jpg" 
alt="IMAGE ALT TEXT HERE" width="800" height="600" border="10" /></a>

OR

[![IMAGE ALT TEXT HERE](http://img.youtube.com/vi/YOUTUBE_VIDEO_ID_HERE/0.jpg)](http://www.youtube.com/watch?v=YOUTUBE_VIDEO_ID_HERE)

Click the video below

Sorry for the rick rolling, below is the real one...

One and the only one tip: Don't wait for OPPORTUNITY. CREATE it!

REAL References

• How to get into Google
• How I got a job at Google

---

6. Embedding

[Unsupported, for Wiki only]

Google Map

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d90226.6277624465!2d-157.48923146856956!3d1.9569736864334517!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x17804a9efa2123c0!2sMcDonalds!5e0!3m2!1sen!2smy!4v1611672093311!5m2!1sen!2smy" width="80%" height="250" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>

Spotify

<iframe src="https://open.spotify.com/embed/playlist/1HEsB94zQHrmE7yfFOn7t2" width="80%" height="300" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>

Soundcloud

<iframe width="80%" height="300" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/319656316&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true&visual=true"></iframe>

ilyana azman · Best Of MrRevillz

YouTube

<iframe width="560" height="315" src="https://www.youtube.com/embed/S96r4jdYtqM" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

References

• Video Tutorial

---

That's all for now, all the best! =]

---