-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
468 lines (384 loc) · 11.6 KB
/
index.html
File metadata and controls
468 lines (384 loc) · 11.6 KB
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
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>The Hacking Project</title>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link rel="stylesheet" href="css/reveal.css">
<link rel="stylesheet" href="css/theme/moon.css" id="theme">
<!-- 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>
<!--[if lt IE 9]>
<script src="lib/js/html5shiv.js"></script>
<![endif]-->
</head>
<body>
<div class="reveal">
<!-- Any section element inside of this container is displayed as a slide -->
<div class="slides">
<section>
<h1>The Hacking Project</h1>
<h3>La nouvelle Schola</h3>
</section>
<section>
<img src="images/squat.jpg" height="600" width="800">
</section>
<section>
<h2>Plan</h2>
<ol>
<li>
Introduction
</li>
<li>
Apprendre à coder est indispensable
</li>
<li>
Notre méthodo est au top
</li>
<li>
Le programme est aux petits oignons
</li>
<li>
Topito des raisons de faire THP
</li>
<li>
Concrètement
</li>
<li>
Témoignages
</li>
<li>
Questions / Réponses
</li>
</ol>
</section>
<section>
<h1>Introduction</h1>
<h3>The Hacking Project, Origines</h3>
</section>
<section>
<h2>The Hacking Project - Peer-Learning</h2>
<ul>
<li>
Notre méthodologie est celle du peer-learning : les élèves sont leurs propres professeurs. Nous leur donnons un programme, une communauté, et des groupes de travail.
</li>
<li>
Le reste est entre vos mains 😉
</li>
</ul>
</section>
<section>
<h2>Origines</h2>
<ul>
<li>
Le problème : Félix a toujours voulu apprendre à coder. Mais il était confronté à soit des coding bootcamp onéreux, soit à des sites où les étudiants étaient livrés à eux-mêmes..
</li>
<li>
Il a donc créé un groupe de travail de code en prenant la méthodo 42 et suivant le cursus de The Odin Project
</li>
</ul>
</section>
<section>
<h2>Création</h2>
<ul>
<li>
Le modèle a bien marché donc Félix s'est associé avec Charles qui faisait avec lui la session 0 pour lancer le modèle à plus grande échelle.
</li>
</ul>
</section>
<section>
<h2>9 mois</h2>
<ul>
<li>
Session 1, été 2017 : 80 personnes qui ont appris le code dans un squat du 93. Taux de réussite à 40%
</li>
<li>
300 personnes sont passées par THP, dont ~150 formées.
</li>
<li>
Ouverture de notre deuxième cursus : Sales
</li>
</ul>
</section>
<section>
<h1>Apprendre à coder</h1>
<h3>Pourquoi c'est indispensable</h3>
</section>
<section>
<h2>Pourquoi apprendre le code : top 5</h2>
<ul>
<li class="fragment">🖥 Comprendre les devs
</li>
<li class="fragment">🚀 Coder sa startup
</li>
<li class="fragment">💰 Compétence demandée qui vaut très ch€r
</li>
<li class="fragment">🏄 Double compétence
</li>
<li class="fragment">🎓 Indispensable
</li>
</ul>
</section>
<section>
<h1>La méthodologie</h1>
<h3>Peer-learning, groupes</h3>
</section>
<section>
<img src="images/groupes2.jpg" height="400" width="400">
<aside class="notes">
Nous allons assigner des groupes qui vont se retrouver tous les jours. Vous allez recevoir des ressources, qui vont vous aider à effectuer des projets, que vous corrigerez entre vous. Vous ferez partie d'une communauté qui vous aidera, et que vous aiderez : vous contribuerez à la communauté en réalisant une mission.
</aside>
</section>
<section>
<h2>Le quatuor</h2>
<h4>Ressources - Projets - Corrections - Missions</h4>
</section>
<section>
<h2>Ressources</h2>
<ul>
<li>
Exemples : un chapitre OpenClassrooms, une vidéo tuto Youtube, un article que l'on a écrit
</li>
<li>
Cela vous apprend à chercher rapidement de l'information
</li>
</ul>
</section>
<section>
<h2>Projets</h2>
<ul>
<li>
Exemples : faire un bot Twitter, un site de réservation d'avions, mettre en ligne le projet de la veille
</li>
<li>
Cela vous fera mettre les mains dans le cambouis et l'application concrète sera stimulante
</li>
</ul>
</section>
<section>
<h2>Corrections</h2>
<ul>
<li>
Exemples : corrections en visio-conférence, corrections à la OpenClassrooms
</li>
<li>
Les corrections vous obligeront à rendre du contenu soigné, vous obligeront à devoir comprendre ce que vous avez fait, puis vous fera découvrir la communauté
</li>
</ul>
</section>
<section>
<h2>Missions</h2>
<ul>
<li>
Exemples : animer une conférence sur le marketing digital, faire un atelier <i>création d'une table basse connectée</i> avec d'autres moussaillons, trouver un lieu de travail gratuit pour les moussaillons
</li>
<li>
Chaque moussaillon devra réaliser une mission de son choix, qui a pour but d'améliorer la communauté
</li>
</ul>
</section>
<section>
<h2>La communauté</h2>
<ul>
<li>
The Hacking Project c'est avant tout une communauté active, qui s'entraide, qui partage des passions communes
</li>
</ul>
</section>
<section>
<h2>Le cursus</h2>
<h3>Comment ça va se passer semaine par semaine</h3>
</section>
<section>
<img src="images/groupes.jpg" height="600" width="700">
</section>
<section>
<h2>Semaine 1 : introduction au front</h2>
<ul>
<li>
Découvertes du terminal, de Github, des outils de saisie de code
</li>
<li>
Découverte du front : HTML / CSS / JavaScript / jQuery
</li>
<li>
Exemple projet : recréér la homepage de Google
</li>
</ul>
</p>
</section>
<section>
<h2>Semaines 2-3 : Ruby</h2>
<p>
<ul>
<li>
On va explorer le monde merveilleux de Ruby, un langage de backend. On apprendra à définir des objets, à scrapper des sites, ou jouer avec des fichiers spreadsheet.
</li>
<li>
Exemple de projet : envoyer des emails à partir d'un fichier Excel
</li>
</ul>
</p>
</section>
<section>
<h2>Semaines 4-5-6 : Ruby on Rails</h2>
<ul>
<li>
On va voir comment réaliser créer des backends et des serveurs de sites internet, afin de créer des sites ayant des utilisateurs
</li>
<li>
Exemple de projet : faire un Eventbrite-like
</li>
</ul>
</section>
<section>
<h2>Semaine 7 : HTML / CSS</h2>
<ul>
<li>
On va créér plein de pages et sites différents afin que vous n'ayez plus peur du front ! On va découvrir l'univers d'extensions en CSS qui vont nous mâcher le travail
</li>
<li>
Exemple de projet : recréer une page d'un article du New York Times
</li>
</ul>
</section>
<section>
<h2>Semaine 8 : JavaScript / jQuery</h2>
<ul>
<li>
On va voir comment faire des pages web dynamiques, et explorer le langage le plus hype du moment.
</li>
<li>
Exemple de projet : faire un lecteur d'emails
</li>
</ul>
</section>
<section>
<h2>Semaine 9 : Projet en équipe</h2>
<ul>
<li>
On va vous donner un site type Airbnb que vous devrez coder en une semaine. En équipe, ce qui vous apprendra à architecturer un site complet à partir de rien.
</li>
</ul>
</section>
<section>
<h2>Semaines 10-11 : Final project</h2>
<ul>
<li>
Vous pourrez travailler sur le projet de votre choix, afin d'appliquer tout ce que vous avez vu pendant la formation
</li>
<li>
Exemple de projet : ton idée de startup qui va changer le monde 😉
</li>
</ul>
</section>
<section>
<h1>Topito</h1>
<h3>Les raisons pour faire THP</h3>
</section>
<section>
<img src="images/club.jpeg" height="600" width="700">
</section>
<section>
<h2>Top 6 des raisons de faire THP</h2>
<ul>
<li class="fragment">🎓 Apprendre une nouvelle compétence
</li>
<li class="fragment">🎸 Ambiance "garage"
</li>
<li class="fragment">👥 Se faire des amis
</li>
<li class="fragment">🌍 Rejoindre une communauté
</li>
<li class="fragment">📚 Réapprendre à apprendre
</li>
</ul>
</section>
<section>
<h2>Détails techniques</h2>
<h3>Logistiques, dates</h3>
</section>
<section>
<h2>Dates</h2>
<ul>
<li>
La formation commence le 2 juillet, elle se finit le 15 juin
</li>
<li>
Elle se déroule les semaines du lundi au vendredi, de 9h à 20h.
</li>
</ul>
</section>
<section>
<h2>Inscriptions</h2>
<ul>
<li>
Sur le site, avant le 26 juin 23h59 🎓
</li>
</ul>
</section>
<section>
<h2>Préparcours</h2>
<ul>
<li>
Il faut faire la semaine 0
</li>
<li>
Tout ceci, avant le vendredi 29 juin 23h59
</li>
</ul>
</section>
<section>
<h2>Slack</h2>
<ul>
<li>
La majorité de la comm, de l'aide pour les gens, et de la formation des groupes se fait sur Slack
</li>
<li>
On vous enverra une invitation d'ici fin juin, qu'il faudra que vous acceptiez IMPÉRATIVEMENT
</li>
</ul>
</section>
<section>
<h1>Témoignages</h1>
<h3>Ce qu'en pensent les moussaillons actuels ?</h3>
</section>
<section>
<h1>C'est tout</h1>
<h3>Des questions ?</h3>
</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({
controls: true,
progress: true,
history: true,
center: true,
transition: 'slide', // none/fade/slide/convex/concave/zoom
// More info https://github.com/hakimel/reveal.js#dependencies
dependencies: [
{ src: 'lib/js/classList.js', condition: function() { return !document.body.classList; } },
{ src: 'plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: 'plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: 'plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
{ src: 'plugin/zoom-js/zoom.js', async: true },
{ src: 'plugin/notes/notes.js', async: true }
]
});
</script>
</body>
</html>