1-intro.qmd

---
format: 
  revealjs:
    preview-links: auto
    code-link: true
    highlight-style: a11y
    chalkboard: true
    theme: 
      - meds_styles.scss
---

## {#worth-my-time data-menu-title="Are they worth my time??"}

[Keyboard shortcuts...are they really worth my time?]{.slide-title} 

. . .

<div class = body-text>`r fontawesome::fa("keyboard", fill = "#05859B", a11y = "sem")` Because both your hands remain on the keyboard, shortcuts are often **faster** than a mouse</div>

. . . 

<div class = body-text>`r fontawesome::fa("clock", fill = "#05859B", a11y = "sem")` Yes, learning shortcuts *does* take some patience and practice, but it will **save you time** in the long run</div>

. . . 

<div class = body-text>`r fontawesome::fa("globe", fill = "#05859B", a11y = "sem")` Good news: lots keyboard shortcuts are **universal**, meaning you can use them across a variety applications</div>

. . . 

<div class = body-text>`r fontawesome::fa("mouse-pointer", fill = "#05859B", a11y = "sem")` Looking for more shortcuts? **Clicking on or hovering over** menu items/buttons in many applications will reveal the corresponding keyboard shortcut</div>

---

## {#make-it-a-game data-menu-title="Make it a game"}

[`r fontawesome::fa("gamepad", fill = "#05859B", a11y = "sem")` Make it a game]{.slide-title}

> <div class = body-text>*[shortcutFoo](https://www.shortcutfoo.com/) was created by programmers for programmers in an attempt to make learning your editor fun, easy, and effective. Akin to the days of first learning how to type on a keyboard, shortcutFoo aims to help programmers accomplish more in less time and with fewer keystrokes.*</div>

:::: {.columns} 

::: {.column width="60%"}
<center><img src="media/pics/shortcutFoo.jpeg" alt="The shortcut foo landing page." width="500"/></center>
:::

::: {.column width="40%"}
<br>
<div class = body-text>Learn and practice shortcuts for all your favorite applications -- ranging from IDEs like RStudio and VSCode to apps like Twitter, GitHub, and Slack. Start a new game [here](https://www.shortcutfoo.com/app/dojos).</div>
:::

::::

---

## {#mac-windows data-menu-title="Mac vs. Windows"}

<div class = slide-title>`r fontawesome::fa("apple", fill = "#05859B", a11y = "sem")` Mac vs. `r fontawesome::fa("windows", fill = "#05859B", a11y = "sem")`  Windows</div>
<br>
<div class = body-text>Keyboard shortcuts typically involve pressing two or more keys in a specific order. Most times, the key combos include at least one of the following: control, option, command, alt.</div>

:::: {.columns}

::: {.column width="50%"}
<center><img src="media/pics/mac_basics.jpeg" alt="" width="380"/></center>

<center><div class = caption-text>`r fontawesome::fa("apple", fill = "#05859B", a11y = "sem")` Macs use **control**, **option**, and **command** keys</div></center>
:::

::: {.column width="50%"}
<center><img src="media/pics/windows_basics.jpeg" alt="" width="380"/></center>

<center><div class = caption-text>`r fontawesome::fa("windows", fill = "#05859B", a11y = "sem")` Windows machines use the **ctrl** (Control) and **alt** keys</div></center>
:::

::::

<br>

<center><center><div class = caption-text><span style = 'color: #6F6F6F'>Image source: <https://edu.gcfglobal.org/en/techsavvy/keyboard-shortcuts/1/></span></div></center>