-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·196 lines (186 loc) · 6.09 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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>reveal.js</title>
<link rel="stylesheet" href="css/reveal.css">
<link rel="stylesheet" href="css/theme/league.css">
<!-- Theme used for syntax highlighting of code -->
<link rel="stylesheet" href="lib/css/zenburn.css">
<!-- Printing and PDF exports -->
<script>
var link = document.createElement( 'link' );
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = window.location.search.match( /print-pdf/gi ) ? 'css/print/pdf.css' : 'css/print/paper.css';
document.getElementsByTagName( 'head' )[0].appendChild( link );
</script>
</head>
<body>
<div class="reveal">
<div class="slides">
<section>
<h1>Les phases du programmeur</h1>
<h3>Jean-Baptiste Dusseaut</h3>
<p>
<a href="http://arpinum.fr"><img src="img/arpinum.png" alt="" /></a>
</p>
<p>
<a href="https://twitter.com/bodysplash">@bodysplash</a>
</p>
</section>
<section id="histoire">
<section data-background="img/castor.jpeg">
<h2 class="shadowed">Au commencement</h2>
<aside class="notes">
Mon histoire, somme toute classique
ASP + SQL Server + XML + XSLT
Répéter n fois
«je n'ai plus rien à apprendre»
</aside>
</section>
<section>
<blockquote>Je n'ai plus rien à apprendre sur mon métier</blockquote>
<small>Jean-Baptiste Dusseaut - un soir ou il aurait du fermer sa gueule</small>
<aside class="notes">
J'étais hermétique aux bonnes pratiques (on fait ce qui marche, xp ? ah ouais le truc ou on code à deux)
J'étais persuadé d'être bon
</aside>
</section>
</section>
<section id="problème">
<section>
<h2>Questions</h2>
<ul>
<li>Pourquoi est-ce le cas nominal</li>
<li>Comment s'en sortir</li>
<li>Pourquoi on ne se comprendrait pas</li>
</ul>
</section>
</section>
<section id="explication">
<section>
<h2>Les phases…</h2>
</section>
<section>
<h3>Le modèle de Dreyfus</h3>
</section>
<section data-background-image="img/dreyfus.png" data-background-size="contain"></section>
</section>
<section>
<section>
<h3>Phase I<h3>
</section>
<section>
<h4>Archétype</h4>
<ul>
<li class="fragment fade-up">Programmation par coincidence</li>
<li class="fragment fade-up">Va parler très technique</li>
<li class="fragment fade-up">Va admirer les "exploits"</li>
<li class="fragment fade-up">Va éventuellement aller à des conf(s) très techniques</li>
</ul>
</section>
<section>
<h3>Difficultés pour en sortir</h3>
<h4>Effet Dunning-Kruger</h4>
</section>
<section>
<h3>Difficultés pour en sortir</h3>
<h4>Motivations intrinsèques</h4>
</section>
<section>
<h3>Difficultés pour en sortir</h3>
<h4>Dissonance cognitive</h4>
</section>
</section>
<section>
<section>
<h2>Phase II</h2>
</section>
<section>
<h4>Archétype</h4>
<ul>
<li class="fragment fade-up">Commence à être "libéré" de la technique</li>
<li class="fragment fade-up">Commence à avoir une vision d'ensemble</li>
<li class="fragment fade-up">Commence à respecter plutôt qu'admirer</li>
<li class="fragment fade-up">Le modèle de pensée commence à être intuitif</li>
</ul>
</section>
</section>
<section>
<h3>Crossing the chasm</h3>
<img src="img/learning.jpg" alt="">
</section>
<section data-background="white">
<aside class="notes">
Que se passe-t-il quand on arrête d'apprendre ?
Que se passe-t-il si les conditions ne sont pas réunies pour passer à la case suivante ?
</aside>
</section>
<section>
<section data-background="img/arrested-development.png">
<h3>Arrested development -> Le débutant expert</h3>
</section>
<section data-background-image="img/expert-beginner.png" data-background-size="contain"></section>
<section>
<ul>
<li>"Chez nous on fait ce qui marche, on est pragmatique"</li>
</ul>
</section>
</section>
<section id="solutions">
<section>
<h2>Solutions ?</h2>
</section>
<section>
<h3>La rencontre…</h3>
<aside class="notes">
Le point commun de pas mal de «craftsmen»: avoir rencontré la bonne personne, au bon moment.
</aside>
</section>
<section>
<h3>Et si… on systématisait la rencontre ?</h3>
</section>
<section>
<h3>L'ordre des développeurs</h3>
</section>
</section>
<section id="conclusion">
<section><h1>Pour finir</h1></section>
<section>
<h2>Devoirs, chez vous</h2>
<ul>
<li>Identifier vos «débutants experts»</li>
<li>
Voir vos juniors pour ce qu'ils sont, des débutants
<small>Oui, malgré le titre «d'expert» de leur école d'ingé</small>
</li>
<li>
Comprendre comment faire émerger vos véritables experts
</li>
<li>
Et surtout, comprendre comment les garder
</li>
</ul>
</section>
</section>
</div>
</div>
<script src="lib/js/head.min.js"></script>
<script src="js/reveal.js"></script>
<script>
// More info https://github.com/hakimel/reveal.js#configuration
Reveal.initialize({
history: true,
// More info https://github.com/hakimel/reveal.js#dependencies
dependencies: [
{ src: 'plugin/markdown/marked.js' },
{ src: 'plugin/markdown/markdown.js' },
{ src: 'plugin/notes/notes.js', async: true },
{ src: 'plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } }
]
});
</script>
</body>
</html>