-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathslides2-fr.html
More file actions
206 lines (163 loc) · 7.96 KB
/
slides2-fr.html
File metadata and controls
206 lines (163 loc) · 7.96 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>Canada en programmation</title>
<link rel="stylesheet" href="framework/css/slideshow.css" data-noprefix>
<link rel="stylesheet" href="framework/css/fonts.css" data-noprefix>
<link rel="stylesheet" href="framework/css/highlightjs/github.css" data-noprefix>
<link rel="stylesheet" href="framework/css/styles.css" data-noprefix>
<link rel="shortcut icon" href="framework/img/favicon.ico">
<!-- Takes care of CSS3 prefixes -->
<script src="framework/scripts/prefixfree.min.js"></script>
<!-- opens all links in a new window -->
<base target="_blank">
</head>
<!-- Timer/progress bar: Define the presentation duration using "data-duration" in minutes. -->
<body class="en" data-duration="360">
<main>
<section class="slide welcome highlight">
<h1><img class="logo-stacked" src="framework/img/workshop/codemobilelogo.png" alt="Code Mobile logo">Bienvenue!</h1>
<h2 style="margin-left:2%;"> <br> En <br>attendant</h2>
<p><br>Installez l’application Scratch <a href="https://scratch.mit.edu/download">https://scratch.mit.edu/download</a></p>
<!--
<h2 style="margin-left:2%;"> <br> PROGRAMMATION <br>À DEUX</h2>
<p><br>Deux têtes valent mieux qu’une
<br>Deux apprenant(e)s par ordinateur</p>
<hr>
<h2>Se connecter<br> à Scratch</h2>
<p><strong><a href="http://bit.ly/replace-with-link-to-class">bit.ly/replace-with-link-to-class</a></strong></p>
<p>Créez un NOUVEAU compte (suivez les instructions)</p>
-->
</div>
<footer>
<a class="left" rel="license" href="http://creativecommons.org/licenses/by-nc/4.0/"><img alt="Creative Commons License" src="framework/img/cc-by-nc.png" /></a>
<p class="left">Contenu créé par Kassandra Lenters & Eden Beronio pour <a prefix="cc: http://creativecommons.org/ns#" href="http://canadalearningcode.ca" property="cc:attributionName" rel="cc:attributionURL">Canada en programmation</a></p>
<p class="right">Naviguez avec la flèche gauche <span class="arrow">←</span> et droite <span class="arrow">→</span></p>
</footer>
</section>
<section class="slide two-col-list" data-markdown>
<script type="text/template">
#Bienvenue
* Assures-toi d’avoir l’application <strong>Scratch</strong> ouverte sur ton ordinateur et prête à partir!<br>
* Lorsque tu es prêt(e), écris GO dans la boîte “converser” et tu seras admis dans la salle de fête
* Si tu as besoin d’aide, écris un message dans la boîte “converser” et quelqu’un te répondra<br><br>
* <img src="framework/img/workshop/scratch-preview.png" alt="Scratch App"/>
</script>
</section>
<section class="slide title" data-markdown>
<script type="text/template">
#Introduction
</script>
</section>
<section class="slide centered" data-markdown>
<script type="text/template">
#Bienvenue
 <br>
<a href= "http://ladieslearningcode.com/code-mobile/!/"> [codemobile.rocks] </a>
</script>
</section>
<section class="slide centered" data-markdown>
<script type="text/template">
#LE CODE DU PROGRAMMEUR
## 1. Garde un adulte avec toi en tout temps
## 2. Demande de l’aide
## 3. Sois présent
## 4. Prends soin de ton corps
## 5. Choisis bien tes mots
## 6. Pas de photos ou d’enregistrement audio/vidéo
</script>
</section>
<section class="slide title" data-markdown>
<script type="text/template">
# Le projet du jour
## Nous apprendrons comment créer des œuvres d'art numériques avec Scratch
</script>
</section>
<section class="slide centered" data-markdown>
<script type="text/template">
# Le projet du jour
<iframe allowtransparency="true" width="485" height="402" src="https://scratch.mit.edu/projects/embed/208415729/?autostart=false" frameborder="0" allowfullscreen></iframe>
## <a href="https://scratch.mit.edu/projects/208415729">Peindre avec Gobo</a>
</script>
</section>
<section class="slide title" data-toc data-markdown>
<script type="text/template">
# Qu'est-ce que le code?
</script>
</section>
<section class="slide" data-markdown>
<script type= "text/template">
#Le code, c'est...
## UN ENSEMBLE DE DIRECTIVES DISANT À L'ORDINATEUR QUOI FAIRE
<br>
<p> En programmation, un ensemble de directives s'appelle un <strong style="color:#ef0919;">algorithme</strong>.</p><!-- .element: class="delayed"-->
</script>
</section>
<section class="slide title" data-toc data-markdown>
<script type="text/template">
#ON PROGRAMME!
</script>
</section>
<section class="slide title" data-markdown>
<script type="text/template">
#Scratch
</script>
</section>
<!--
<section class="slide title" data-markdown>
<script type="text/template">
#DÉMOS
</script>
</section>
-->
<section class="slide" data-toc data-markdown>
<script type="text/template">
# Aujourd'hui, j'ai appris que...
<p><strong>Je peux</strong> créer des œuvres d'art numériques avec le code</p><!-- .element: class="delayed" -->
<p><strong>Je peux</strong> rendre mon œuvre interactive</p><!-- .element: class="delayed" -->
<p><strong>Je peux</strong> faire appel à des boucles pour répéter des actions plus d'une fois.</p><!-- .element: class="delayed" -->
<p><strong>Je peux</strong> utiliser des événements pour contrôler quand les choses se passent dans mon projet</p><!-- .element: class="delayed" -->
<p><strong>Je peux </strong> utiliser mon compte Scratch pour CONTINUER À PROGRAMMER!</p><!-- .element: class="delayed" -->
</script>
</section>
<main>
<section class="slide centered" data-markdown>
<script type="text/template">
# BIENVENUE À LA BRIGADE DE CODE
[http://bit.ly/rétroactions-sur-le-pilote-en-ligne](http://bit.ly/rétroactions-sur-le-pilote-en-ligne)
 <br>
<a href= "http://codemobile.rocks"> [codemobile.rocks] </a>
</script>
</section>
</main><!-- cls main section -->
<script src="framework/scripts/jquery-1.11.0.min.js"></script>
<script src="framework/scripts/slideshow.js"></script>
<!-- Uncomment the plugins you need -->
<script src="framework/scripts/plugins/css-edit.js"></script>
<script src="framework/scripts/plugins/css-snippets.js"></script>
<script src="framework/scripts/plugins/css-controls.js"></script>
<!-- <script src="plugins/code-highlight.js"></script>-->
<script src="framework/scripts/plugins/markdown/marked.js"></script>
<script src="framework/scripts/plugins/markdown/markdown.js"></script>
<script src="framework/scripts/plugins/highlight/highlight-8.4.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
<script src="framework/scripts/llc.js"></script>
<script>
var slideshow = new SlideShow();
// Grabs all the .snippet elements
var snippets = document.querySelectorAll('.snippet');
for(var i=0; i<snippets.length; i++) {
new CSSSnippet(snippets[i]);
}
</script>
</body>
</html>