-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
216 lines (126 loc) · 4.5 KB
/
index.html
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
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
<!DOCTYPE html>
<html>
<head>
<title>Scaphoid and programming</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<style type="text/css">
@import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz);
@import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic);
@import url(https://fonts.googleapis.com/css?family=Ubuntu+Mono:400,700,400italic);
body { font-family: 'Droid Serif'; }
h1, h2, h3 {
font-family: 'Yanone Kaffeesatz';
font-weight: normal;
}
.remark-code, .remark-inline-code { font-family: 'Ubuntu Mono'; }
</style>
</head>
<body>
<textarea id="source">
class: center, middle
# Scaphoid and programming
What?!
---
## 🦴 [The scaphoid bone](https://en.wikipedia.org/wiki/Scaphoid_bone)
<img alt="Scaphoid bone" src="img/scaphoid.png" width="70%" />
???
BodyParts3D is made by DBCLS., CC BY-SA 2.1 JP <https://creativecommons.org/licenses/by-sa/2.1/jp/deed.en>, via Wikimedia Commons
---
## An orthosis during ~3 months 💝
<img alt="Scaphoid bone" src="img/orthosis.png" />
???
Lillie.t, CC BY-SA 3.0 <https://creativecommons.org/licenses/by-sa/3.0>, via Wikimedia Commons
---
class: center, middle
## How do I work now? 🤔
---
## Once upon a time...
* 💻 Laptop but with keyboard/mouse and external monitor
* ⌨️ French AZERTY keyboard layout
* 🐧 Debian Linux
* 📝 PHP Storm IDE
---
## ⚠️ Don't do that!
<img alt="laptop" src="img/laptop.jpg" width="90%"/>
???
Tobias M. Eckrich, CC BY 3.0 <https://creativecommons.org/licenses/by/3.0>, via Wikimedia Commons
---
## ⌨️ The keyboard layout
Using an AZERTY keyboard layout is a pain for coding.
<img alt="azerty layout" src="img/azerty.svg" width="90%"/>
💡 Did you know *Alt Gr* stands for *Alt Graph*?
https://en.wikipedia.org/wiki/AltGr_key
???
Yitscar, CC BY-SA 3.0 <http://creativecommons.org/licenses/by-sa/3.0/>, via Wikimedia Commons
---
class: center, middle
# ✨ Super power: I'm a slow typer ✨
One bug per minute is better than five.
---
## ⌨️ The keyboard layout
A QWERTY keyboard layout is really better.
<img alt="qwerty layout" src="img/qwerty.svg" width="90%"/>
💡 Use an English international with AltGr dead keys layout.
???
No machine-readable author provided. Denelson83 assumed (based on copyright claims)., CC BY-SA 3.0 <http://creativecommons.org/licenses/by-sa/3.0/>, via Wikimedia Commons
---
## ⌨️ The keyboard
🎞️ [Richard Degenne: Les claviers](https://www.clermontech.org/talks/api-hour-35/richard-degenne-les-claviers.html), Clermont'ech APIHour#35
---
## ⌨️ The keyboard: [Typematrix](http://typematrix.com/)
<img alt="typematrix keyboard" src="img/typematrix.png" width="90%"/>
<img alt="typematrix skin" src="img/typematrix-skin.jpg" width="50%"/>
???
[Typematrix.com](http://typematrix.com/)
---
## 🖱️ The mouse issue
Moving from the keyboard to the mouse is slow.
<img alt="computer mouse" src="img/mouse.jpg" width="90%"/>
???
Nenad Stojkovic, CC BY 2.0 <https://creativecommons.org/licenses/by/2.0>, via Wikimedia Commons
---
class: center, middle
# ✨ Super power: I'm a slow learner ✨
I want to learn only for long term usage.
---
## Vim&Tmux: the magic combo
* Exist forever
* The mouse is now almost useless
<img alt="vim and tmux" src="img/vim-tmux.png" width="90%"/>
💡 A must read: [Vim pour les humains](https://vimebook.com/fr):
disable the arrow keys in vim.
---
class: center, middle
## Vim&Tmux: that could hurt 🤕
Vim is not an IDE.
---
## Nvim and LSP: a breeze
* [Nvim](https://neovim.io/) Vi improved²
* [Language Server Protocol](https://microsoft.github.io/language-server-protocol/)
thank you Microsoft 💖
* Awesome extensions: [vim-plug](https://github.com/junegunn/vim-plug),
[fzf.vim](https://github.com/junegunn/fzf.vim),
[coc.nvim](https://github.com/neoclide/coc.nvim)
*Vim is now as powerful and confortable as an IDE.*
<img alt="vim and tmux" src="img/coc.gif" width="90%"/>
???
[coc.nvim](https://github.com/neoclide/coc.nvim)
---
class: center, middle
# Conclusion
🔥 Don't be afraid to get out of your comfort zone.
💪 A weakness could be a strength.
---
class: bottom, left
# Thank you 🙏
Pierre Tachoire<br>
pierre@tch.re<br>
[krichprollsch](https://twitter.com/krichprollsch)
</textarea>
<script src="remark-latest.min.js" type="text/javascript">
</script>
<script type="text/javascript">
var slideshow = remark.create();
</script>
</body>
</html>