-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathslides-fr.html
More file actions
182 lines (149 loc) · 6.87 KB
/
slides-fr.html
File metadata and controls
182 lines (149 loc) · 6.87 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
<!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> 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 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 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/197985216/?autostart=false" frameborder="0" allowfullscreen></iframe>
## <a href="https://scratch.mit.edu/projects/197985216">Création de spirales</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 centered" data-markdown>
<script type="text/template">
#LE CODE DU PROGRAMMEUR
## 1. DEMANDEZ DE L'AIDE
## 2. SOYEZ PRÉSENTS
## 3. FAITES DE VOTRE MIEUX
</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
 <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>