-
Notifications
You must be signed in to change notification settings - Fork 0
/
6-JupyterNotebook.qmd
154 lines (135 loc) · 6.45 KB
/
6-JupyterNotebook.qmd
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
---
format:
revealjs:
preview-links: auto
code-link: true
highlight-style: a11y
chalkboard: true
theme:
- meds_styles.scss
---
## {#run-cells data-menu-title="Run cells"}
<div class = "slide-title">`r fontawesome::fa("play", fill = "#05859B", a11y = "sem")` Run cells</div>
::: {.panel-tabset}
## `r fontawesome::fa("apple", fill = "#053660", a11y = "sem")` Mac
:::: {.columns}
::: {.column width="50%"}
<br>
<center><iframe width="550" height="290" src="media/mp4/Jupyter_run_cells.mp4" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></center>
:::
::: {.column width="50%"}
<br>
<br>
<div class = "body-text">`r fontawesome::fa("angle-right", fill = "#05859B", a11y = "sem")` Run selected cell (either mode): `control` (or `command`) + `return`</div>
<div class = "body-text">`r fontawesome::fa("angle-right", fill = "#05859B", a11y = "sem")` Run selected cell & move to next cell (either mode): `shift` + `return`</div>
:::
::::
## `r fontawesome::fa("windows", fill = "#053660", a11y = "sem")` Windows
:::: {.columns}
::: {.column width="50%"}
iframe
:::
::: {.column width="50%"}
<br>
<br>
<div class = "body-text">`r fontawesome::fa("angle-right", fill = "#05859B", a11y = "sem")` Run selected cell (either mode): `control` + `enter`</div>
<div class = "body-text">`r fontawesome::fa("angle-right", fill = "#05859B", a11y = "sem")` Run selected cell & move to next cell (either mode): `shift` + `enter`</div>
:::
::::
:::
---
## {#change-modes-cell-types data-menu-title="Change modes & cell types"}
<div class = "slide-title">`r fontawesome::fa("exchange-alt", fill = "#05859B", a11y = "sem")` Change modes, cell types, delete cells</div>
::: {.panel-tabset}
## `r fontawesome::fa("apple", fill = "#053660", a11y = "sem")` Mac
:::: {.columns}
::: {.column width="50%"}
<br>
<center><iframe width="550" height="290" src="media/mp4/Jupyter_switchmodes.mp4" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></center>
:::
::: {.column width="50%"}
<div class = "body-text">`r fontawesome::fa("angle-right", fill = "#05859B", a11y = "sem")` Change cell type to *Markdown* (command mode): `M`</div>
<div class = "body-text">`r fontawesome::fa("angle-right", fill = "#05859B", a11y = "sem")` Change cell type to *Code*: `Y` (command mode)</div>
<div class = "body-text">`r fontawesome::fa("angle-right", fill = "#05859B", a11y = "sem")` Activate command mode: `esc`</div>
<div class = "body-text">`r fontawesome::fa("angle-right", fill = "#05859B", a11y = "sem")` Activate edit mode: `esc`</div>
<div class = "body-text">`r fontawesome::fa("angle-right", fill = "#05859B", a11y = "sem")` Delete cell (command mode): `DD`</div>
<div class = "body-text">`r fontawesome::fa("angle-right", fill = "#05859B", a11y = "sem")` Undo delete cell (command mode): `Z`</div>
:::
::::
## `r fontawesome::fa("windows", fill = "#053660", a11y = "sem")` Windows
:::: {.columns}
::: {.column width="50%"}
iframe
:::
::: {.column width="50%"}
<div class = "body-text">`r fontawesome::fa("angle-right", fill = "#05859B", a11y = "sem")` Change cell type to *Markdown* (command mode): `M`</div>
<div class = "body-text">`r fontawesome::fa("angle-right", fill = "#05859B", a11y = "sem")` Change cell type to *Code*: `Y` (command mode)</div>
<div class = "body-text">`r fontawesome::fa("angle-right", fill = "#05859B", a11y = "sem")` Activate command mode: `esc`</div>
<div class = "body-text">`r fontawesome::fa("angle-right", fill = "#05859B", a11y = "sem")` Activate edit mode: `esc`</div>
<div class = "body-text">`r fontawesome::fa("angle-right", fill = "#05859B", a11y = "sem")` Delete cell (command mode): `DD`</div>
<div class = "body-text">`r fontawesome::fa("angle-right", fill = "#05859B", a11y = "sem")` Undo delete cell (command mode): `Z`</div>
:::
::::
:::
---
## {#insert-select-cells data-menu-title="Inserting & selecting cells"}
<div class = "slide-title">`r fontawesome::fa("plus", fill = "#05859B", a11y = "sem")` Insert cells & select multiple cells</div>
::: {.panel-tabset}
## `r fontawesome::fa("apple", fill = "#053660", a11y = "sem")` Mac
:::: {.columns}
::: {.column width="50%"}
<br>
<center><iframe width="550" height="290" src="media/mp4/Jupyter_addCells_selectCells.mp4" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></center>
:::
::: {.column width="50%"}
<br>
<br>
<div class = "body-text">`r fontawesome::fa("angle-right", fill = "#05859B", a11y = "sem")` Insert cell above (command mode): `A`</div>
<div class = "body-text">`r fontawesome::fa("angle-right", fill = "#05859B", a11y = "sem")` Insert cell below (command mode): `B`</div>
<div class = "body-text">`r fontawesome::fa("angle-right", fill = "#05859B", a11y = "sem")` Select multiple cells (command mode): `shift` + up/down arrow</div>
:::
::::
## `r fontawesome::fa("windows", fill = "#053660", a11y = "sem")` Windows
:::: {.columns}
::: {.column width="50%"}
iframe
:::
::: {.column width="50%"}
<br>
<br>
<div class = "body-text">`r fontawesome::fa("angle-right", fill = "#05859B", a11y = "sem")` Insert cell above (command mode): `A`</div>
<div class = "body-text">`r fontawesome::fa("angle-right", fill = "#05859B", a11y = "sem")` Insert cell below (command mode): `B`</div>
<div class = "body-text">`r fontawesome::fa("angle-right", fill = "#05859B", a11y = "sem")` Select multiple cells (command mode): `shift` + up/down arrow</div>
:::
::::
:::
---
## {#jupyter-command-palette data-menu-title="Jupyter Command Palette"}
<div class = "slide-title">Open Command Palette</div>
::: {.panel-tabset}
## `r fontawesome::fa("apple", fill = "#053660", a11y = "sem")` Mac
:::: {.columns}
::: {.column width="50%"}
<br>
<center><iframe width="550" height="290" src="media/mp4/Jupyter_commandPalette.mp4" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></center>
:::
::: {.column width="50%"}
<br>
<br>
<br>
<div class = "body-text">`r fontawesome::fa("angle-right", fill = "#05859B", a11y = "sem")` Open command palette: `command` + `shift` + `P`</div>
:::
::::
## `r fontawesome::fa("windows", fill = "#053660", a11y = "sem")` Windows
:::: {.columns}
::: {.column width="50%"}
iframe
:::
::: {.column width="50%"}
<br>
<br>
<br>
<div class = "body-text">`r fontawesome::fa("angle-right", fill = "#05859B", a11y = "sem")` Open command palette: `control` + `shift` + `P`</div>
:::
::::
:::