<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="fr">
	<id>https://travaux.indse.be/index.php?action=history&amp;feed=atom&amp;title=Utilisateur%3ACedric.pirnay%40indse.be</id>
	<title>Utilisateur:Cedric.pirnay@indse.be - Historique des versions</title>
	<link rel="self" type="application/atom+xml" href="https://travaux.indse.be/index.php?action=history&amp;feed=atom&amp;title=Utilisateur%3ACedric.pirnay%40indse.be"/>
	<link rel="alternate" type="text/html" href="https://travaux.indse.be/index.php?title=Utilisateur:Cedric.pirnay@indse.be&amp;action=history"/>
	<updated>2026-05-10T17:38:42Z</updated>
	<subtitle>Historique des versions pour cette page sur le wiki</subtitle>
	<generator>MediaWiki 1.39.10</generator>
	<entry>
		<id>https://travaux.indse.be/index.php?title=Utilisateur:Cedric.pirnay@indse.be&amp;diff=18208&amp;oldid=prev</id>
		<title>Cedric.pirnay@indse.be : Corrections éventuelles</title>
		<link rel="alternate" type="text/html" href="https://travaux.indse.be/index.php?title=Utilisateur:Cedric.pirnay@indse.be&amp;diff=18208&amp;oldid=prev"/>
		<updated>2019-03-26T13:47:43Z</updated>

		<summary type="html">&lt;p&gt;Corrections éventuelles&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;fr&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Version précédente&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Version du 26 mars 2019 à 15:47&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l1&quot;&gt;Ligne 1 :&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Ligne 1 :&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Mon but dans le cours d'informatique est d'apprendre la programmation en JavaScript afin de créer un petit jeu vidéo amusant.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Mon but dans le cours d'informatique est d'apprendre la programmation en JavaScript afin de créer un petit jeu vidéo amusant.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;1&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;. &lt;/del&gt;Terminer mon apprentissage &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;en JavaScript. J'ai pour cela utilisé le fabuleux site &lt;/del&gt;Khan Academy &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;qui m'a été proposé sur le wiki de l'école.&lt;/del&gt;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;'''Phase &lt;/ins&gt;1&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;:''' &lt;/ins&gt;Terminer mon apprentissage &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;sur &lt;/ins&gt;Khan Academy&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;2&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;. Terminer mes projets JavaScript &lt;/del&gt;sur &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Khan Academy&lt;/del&gt;.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;'''Phase &lt;/ins&gt;2&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;:''' M'informer &lt;/ins&gt;sur &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;la conception de jeux vidéos grâce à YouTube&lt;/ins&gt;.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;3&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;. M&lt;/del&gt;'&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;informer sur la conception &lt;/del&gt;de &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;jeux vidéos grâce &lt;/del&gt;à &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;YouTube&lt;/del&gt;.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;'''Phase &lt;/ins&gt;3&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;:'&lt;/ins&gt;'&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;' Choisir un moteur &lt;/ins&gt;de &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;jeu et apprendre &lt;/ins&gt;à &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;l'utiliser&lt;/ins&gt;.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;4&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;. &lt;/del&gt;Créer mon jeu vidéo.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;'''Phase &lt;/ins&gt;4&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;:''' &lt;/ins&gt;Créer mon jeu vidéo.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Ça doit faire maintenant d'un peu plus de 2 mois que j'apprends la programmation en JavaScript sur Khan Academy. Et voici ce que j'ai apprit;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Ça doit faire maintenant d'un peu plus de 2 mois que j'apprends la programmation en JavaScript sur Khan Academy. Et voici ce que j'ai apprit;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;D'abord on m'a introduit au monde de l'animation (avant celui des jeux vidéos) pour que j'ai les bases du codage en JS (JavaScript). J'ai donc regardé une série de &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;vidéo &lt;/del&gt;qui me montrait ce que je pouvais faire avec la programmation dans &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;son &lt;/del&gt;au sens large du terme. Puis j'ai commencé quelques exercices qui très souvent &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;accompagné &lt;/del&gt;d'une petite vidéo d'explication. Ça m'a permis d'accroître mon sens de l'écoute et mon Anglais puisque certaines vidéos n'étaient pas traduites en &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Français. Dans la première série de vidéos on m'a introduit aux formes et aux objets que l'ont pouvait créer avec une simple ligne de code tel que : &lt;/del&gt;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;D'abord on m'a introduit au monde de l'animation (avant celui des jeux vidéos) pour que j'ai les bases du codage en JS (JavaScript). J'ai donc regardé une série de &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;vidéos &lt;/ins&gt;qui me montrait ce que je pouvais faire avec la programmation dans au sens large du terme. Puis j'ai commencé quelques exercices qui &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;étaient &lt;/ins&gt;très souvent &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;accompagnés &lt;/ins&gt;d'une petite vidéo d'explication. Ça m'a permis d'accroître mon sens de l'écoute et mon Anglais puisque certaines vidéos n'étaient pas traduites en &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;français&lt;/ins&gt;.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;ellipse(x, y, w, h) qui représente une forme ovale ou ronde avec x et y pour ses coordonnées sur l'écran, w pour l'agrandissement/rétrécissement horizontale et h pour l'agrandissement/rétrécissement verticale. J'ai donc ainsi appris en un chapitre à concevoir des formes diverses et variées avec de simple ligne de codes. Les chapitres était souvent accompagnés de petits tests après le visionnage d'une vidéo pour être sûr que vous avez compris. Et à la fin du chapitre on vous donne un mini projet à réalisé sans date limite qui sera en rapport avec tout ce que vous avez appris jusqu'à là. Celui du chapitre (que j'ai terminé) consistait à faire un plat avec ce que vous avez appris, c'est-à-dire les différents codes pour les formes (ex. rect(x, y, w, h) pour faire une frite). Ça booste la créativité et ça nous pousse à utiliser tout ce qu'on connaît. Pour l'info les différents code qui sont vu au cours de l'apprentissage son tous écrit et expliquer dans ce qu'on appelle &amp;quot;documention&amp;quot; qui est un genre de dictionnaire de JavaScript. Donc pas besoin de tout connaître par cœur, d'ailleurs il fortement conseiller de souvent le consulter car on peut aussi apprendre de nouvelles choses&lt;/del&gt;.&lt;/div&gt;&lt;/td&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-added&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Dans le chapitre un j'ai principalement vu comment créer une forme, comment la munir d'une couleur, de &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;bordure &lt;/del&gt;(que l'on pouvait agrandir ou rétrécir à sa guise) ou même de &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;bordure coloré&lt;/del&gt;. J'ai aussi appris à déplacer ces objets sur l'écran &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;m&lt;/del&gt;, car il ne suffit pas de cliquer dessus avec la souris et de le bouger. Il faut mettre les coordonnées de où vous voulez que l'objets soit sur l'écran. J'ai aussi appris à &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;donné &lt;/del&gt;un angle de rotation à un objet ce qui est très pratique.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Dans &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;la première série de vidéos on m'a introduit aux formes et aux objets que l'on pouvait créer avec une simple ligne de code tel que: &amp;quot;ellipse(x, y, w, h);&amp;quot; qui représente une forme ovale ou ronde avec x et y pour ses coordonnées sur l'écran, w pour l'agrandissement/rétrécissement horizontale et h pour l'agrandissement/rétrécissement verticale. J'ai donc ainsi appris en un chapitre à concevoir des formes diverses et variées avec de simple ligne de codes. Les chapitres étaient souvent accompagnés de petits tests après &lt;/ins&gt;le &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;visionnage d'une vidéo pour être sûr que vous avez compris. Et à la fin du &lt;/ins&gt;chapitre &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;on vous donne &lt;/ins&gt;un &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;mini projet à réalisé sans date limite qui sera en rapport avec tout ce que vous avez appris jusqu'à là. Celui du chapitre (que j'ai terminé) consistait à faire un plat avec ce que vous avez appris, c'est-à-dire les différents codes pour les formes (ex.:&amp;quot;rect(x, y, w, h);&amp;quot;) pour faire une frite). Ça booste la créativité et ça nous pousse à utiliser tout ce qu'on connaît. Pour l'info les différents codes qui sont vu au cours de l'apprentissage sont tous écrit et expliqués dans ce qu'on appelle &amp;quot;documentation&amp;quot; qui est un genre de dictionnaire de JavaScript. Donc pas besoin de tout connaître par cœur, d'ailleurs il est fortement conseillé de souvent le consulter car on peut aussi apprendre de nouvelles choses.&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt; &lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Dans le chapitre 1 &lt;/ins&gt;j'ai principalement vu comment créer une forme, comment la munir d'une couleur, de &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;bordures &lt;/ins&gt;(que l'on pouvait agrandir ou rétrécir à sa guise) ou même de &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;bordures colorées&lt;/ins&gt;. J'ai aussi appris à déplacer ces objets sur l'écran, car il ne suffit pas de cliquer dessus avec la souris et de le bouger. Il faut mettre les coordonnées de où vous voulez que l'objets soit sur l'écran. J'ai aussi appris à &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;donner &lt;/ins&gt;un angle de rotation à un objet ce qui est très pratique.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Voici les liens des vidéos du chapitre 1;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Voici les liens des vidéos du chapitre 1;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>Cedric.pirnay@indse.be</name></author>
	</entry>
	<entry>
		<id>https://travaux.indse.be/index.php?title=Utilisateur:Cedric.pirnay@indse.be&amp;diff=17890&amp;oldid=prev</id>
		<title>Cedric.pirnay@indse.be : Mon but dans le cours d'informatique</title>
		<link rel="alternate" type="text/html" href="https://travaux.indse.be/index.php?title=Utilisateur:Cedric.pirnay@indse.be&amp;diff=17890&amp;oldid=prev"/>
		<updated>2018-12-07T10:06:39Z</updated>

		<summary type="html">&lt;p&gt;Mon but dans le cours d&amp;#039;informatique&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;fr&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Version précédente&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Version du 7 décembre 2018 à 12:06&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l1&quot;&gt;Ligne 1 :&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Ligne 1 :&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Mon but dans le cours d'informatique est d'apprendre la programmation en JavaScript afin de créer un petit jeu vidéo &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;chouette&lt;/del&gt;.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Mon but dans le cours d'informatique est d'apprendre la programmation en JavaScript afin de créer un petit jeu vidéo &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;amusant&lt;/ins&gt;.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt; &lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;1. Terminer mon apprentissage en JavaScript. J'ai pour cela utilisé le fabuleux site Khan Academy qui m'a été proposé sur le wiki de l'école.&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt; &lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;2. Terminer mes projets JavaScript sur Khan Academy.&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt; &lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;3. M'informer sur la conception de jeux vidéos grâce à YouTube.&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt; &lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;4. Créer mon jeu vidéo.&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt; &lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;J'ai pour cela utilisé le site fabuleux Khan Academy qui m'a été proposé sur le wiki de l'école.&lt;/del&gt;&lt;/div&gt;&lt;/td&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-added&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Ça doit faire maintenant d'un peu plus de 2 mois que j'apprends la programmation en JavaScript sur Khan Academy. Et voici ce que j'ai apprit;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Ça doit faire maintenant d'un peu plus de 2 mois que j'apprends la programmation en JavaScript sur Khan Academy. Et voici ce que j'ai apprit;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;D'abord on m'a introduit au monde de l'animation (avant celui des jeux vidéos) pour que j'ai les bases du codage en JS (JavaScript). J'ai donc regardé une série de vidéo qui me montrait ce que je pouvais faire avec la programmation dans son au sens large du terme. Puis j'ai commencé quelques exercices qui très souvent accompagné d'une petite vidéo d'explication. Ça m'a permis d'accroître mon sens de l'écoute et mon Anglais puisque certaines vidéos n'étaient pas traduites en Français. Dans la première série de vidéos on m'a introduit aux formes et aux objets que l'ont pouvait créer avec une simple ligne de code tel que :  &lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;D'abord on m'a introduit au monde de l'animation (avant celui des jeux vidéos) pour que j'ai les bases du codage en JS (JavaScript). J'ai donc regardé une série de vidéo qui me montrait ce que je pouvais faire avec la programmation dans son au sens large du terme. Puis j'ai commencé quelques exercices qui très souvent accompagné d'une petite vidéo d'explication. Ça m'a permis d'accroître mon sens de l'écoute et mon Anglais puisque certaines vidéos n'étaient pas traduites en Français. Dans la première série de vidéos on m'a introduit aux formes et aux objets que l'ont pouvait créer avec une simple ligne de code tel que :  &lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;ellipse(x, y, w, h) qui représente une forme ovale ou ronde avec x et y pour ses coordonnées sur l'écran, w pour l'agrandissement/rétrécissement horizontale et h pour l'agrandissement/rétrécissement verticale. J'ai donc ainsi appris en un chapitre à concevoir des formes diverses et variées avec de simple ligne de codes. Les chapitres était souvent accompagnés de petits tests après le visionnage d'une vidéo pour être sûr que vous avez compris. Et à la fin du chapitre on vous donne un mini projet à réalisé sans date limite qui sera en rapport avec tout ce que vous avez appris jusqu'à là. Celui du chapitre (que j'ai terminé) consistait à faire un plat avec ce que vous avez appris, c'est-à-dire les différents codes pour les formes (ex. rect(x, y, w, h) pour faire une frite). Ça booste la créativité et ça nous pousse à utiliser tout ce qu'on connaît. Pour l'info les différents code qui sont vu au cours de l'apprentissage son tous écrit et expliquer dans ce qu'on appelle &amp;quot;documention&amp;quot; qui est un genre de dictionnaire de JavaScript. Donc pas besoin de tout connaître par cœur, d'ailleurs il fortement conseiller de souvent le consulter car on peut aussi apprendre de nouvelles choses.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;ellipse(x, y, w, h) qui représente une forme ovale ou ronde avec x et y pour ses coordonnées sur l'écran, w pour l'agrandissement/rétrécissement horizontale et h pour l'agrandissement/rétrécissement verticale. J'ai donc ainsi appris en un chapitre à concevoir des formes diverses et variées avec de simple ligne de codes. Les chapitres était souvent accompagnés de petits tests après le visionnage d'une vidéo pour être sûr que vous avez compris. Et à la fin du chapitre on vous donne un mini projet à réalisé sans date limite qui sera en rapport avec tout ce que vous avez appris jusqu'à là. Celui du chapitre (que j'ai terminé) consistait à faire un plat avec ce que vous avez appris, c'est-à-dire les différents codes pour les formes (ex. rect(x, y, w, h) pour faire une frite). Ça booste la créativité et ça nous pousse à utiliser tout ce qu'on connaît. Pour l'info les différents code qui sont vu au cours de l'apprentissage son tous écrit et expliquer dans ce qu'on appelle &amp;quot;documention&amp;quot; qui est un genre de dictionnaire de JavaScript. Donc pas besoin de tout connaître par cœur, d'ailleurs il fortement conseiller de souvent le consulter car on peut aussi apprendre de nouvelles choses.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Dans le chapitre un j'ai principalement vu comment créer une forme, comment la munir d'une couleur, de bordure (que l'on pouvait agrandir ou rétrécir à sa guise) ou même de bordure coloré. J'ai aussi appris à déplacer ces objets sur l'écran m, car il ne suffit pas de &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;clicker &lt;/del&gt;dessus avec la souris et de le bouger. Il faut mettre les coordonnées de où vous voulez que l'objets soit sur l'écran. J'ai aussi appris à donné un angle de rotation à un objet ce qui est très pratique.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Dans le chapitre un j'ai principalement vu comment créer une forme, comment la munir d'une couleur, de bordure (que l'on pouvait agrandir ou rétrécir à sa guise) ou même de bordure coloré. J'ai aussi appris à déplacer ces objets sur l'écran m, car il ne suffit pas de &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;cliquer &lt;/ins&gt;dessus avec la souris et de le bouger. Il faut mettre les coordonnées de où vous voulez que l'objets soit sur l'écran. J'ai aussi appris à donné un angle de rotation à un objet ce qui est très pratique.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Voici les liens des vidéos du chapitre 1;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Voici les liens des vidéos du chapitre 1;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>Cedric.pirnay@indse.be</name></author>
	</entry>
	<entry>
		<id>https://travaux.indse.be/index.php?title=Utilisateur:Cedric.pirnay@indse.be&amp;diff=17684&amp;oldid=prev</id>
		<title>Cedric.pirnay@indse.be : Mon but dans le cours d'informatique</title>
		<link rel="alternate" type="text/html" href="https://travaux.indse.be/index.php?title=Utilisateur:Cedric.pirnay@indse.be&amp;diff=17684&amp;oldid=prev"/>
		<updated>2018-11-09T09:43:34Z</updated>

		<summary type="html">&lt;p&gt;Mon but dans le cours d&amp;#039;informatique&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Nouvelle page&lt;/b&gt;&lt;/p&gt;&lt;div&gt;Mon but dans le cours d'informatique est d'apprendre la programmation en JavaScript afin de créer un petit jeu vidéo chouette.&lt;br /&gt;
&lt;br /&gt;
J'ai pour cela utilisé le site fabuleux Khan Academy qui m'a été proposé sur le wiki de l'école.&lt;br /&gt;
Ça doit faire maintenant d'un peu plus de 2 mois que j'apprends la programmation en JavaScript sur Khan Academy. Et voici ce que j'ai apprit;&lt;br /&gt;
D'abord on m'a introduit au monde de l'animation (avant celui des jeux vidéos) pour que j'ai les bases du codage en JS (JavaScript). J'ai donc regardé une série de vidéo qui me montrait ce que je pouvais faire avec la programmation dans son au sens large du terme. Puis j'ai commencé quelques exercices qui très souvent accompagné d'une petite vidéo d'explication. Ça m'a permis d'accroître mon sens de l'écoute et mon Anglais puisque certaines vidéos n'étaient pas traduites en Français. Dans la première série de vidéos on m'a introduit aux formes et aux objets que l'ont pouvait créer avec une simple ligne de code tel que : &lt;br /&gt;
ellipse(x, y, w, h) qui représente une forme ovale ou ronde avec x et y pour ses coordonnées sur l'écran, w pour l'agrandissement/rétrécissement horizontale et h pour l'agrandissement/rétrécissement verticale. J'ai donc ainsi appris en un chapitre à concevoir des formes diverses et variées avec de simple ligne de codes. Les chapitres était souvent accompagnés de petits tests après le visionnage d'une vidéo pour être sûr que vous avez compris. Et à la fin du chapitre on vous donne un mini projet à réalisé sans date limite qui sera en rapport avec tout ce que vous avez appris jusqu'à là. Celui du chapitre (que j'ai terminé) consistait à faire un plat avec ce que vous avez appris, c'est-à-dire les différents codes pour les formes (ex. rect(x, y, w, h) pour faire une frite). Ça booste la créativité et ça nous pousse à utiliser tout ce qu'on connaît. Pour l'info les différents code qui sont vu au cours de l'apprentissage son tous écrit et expliquer dans ce qu'on appelle &amp;quot;documention&amp;quot; qui est un genre de dictionnaire de JavaScript. Donc pas besoin de tout connaître par cœur, d'ailleurs il fortement conseiller de souvent le consulter car on peut aussi apprendre de nouvelles choses.&lt;br /&gt;
&lt;br /&gt;
Dans le chapitre un j'ai principalement vu comment créer une forme, comment la munir d'une couleur, de bordure (que l'on pouvait agrandir ou rétrécir à sa guise) ou même de bordure coloré. J'ai aussi appris à déplacer ces objets sur l'écran m, car il ne suffit pas de clicker dessus avec la souris et de le bouger. Il faut mettre les coordonnées de où vous voulez que l'objets soit sur l'écran. J'ai aussi appris à donné un angle de rotation à un objet ce qui est très pratique.&lt;br /&gt;
&lt;br /&gt;
Voici les liens des vidéos du chapitre 1;&lt;br /&gt;
* Qu'est-ce que la programmation:[https://fr.khanacademy.org/computing/computer-programming/programming/intro-to-programming/v/programming-intro]&lt;br /&gt;
* Faire des dessins avec du code:[https://fr.khanacademy.org/computing/computer-programming/programming/drawing-basics/p/making-drawings-with-code]&lt;br /&gt;
* Dessiner plus de formes avec le code.:[https://fr.khanacademy.org/computing/computer-programming/programming/drawing-basics/p/drawing-more-shapes-with-code]&lt;br /&gt;
* Colorier avec le code:[https://fr.khanacademy.org/computing/computer-programming/programming/coloring/p/coloring-with-code]&lt;br /&gt;
* La puissance de la documentation:[https://fr.khanacademy.org/computing/computer-programming/programming/coloring/v/the-power-of-the-docs]&lt;/div&gt;</summary>
		<author><name>Cedric.pirnay@indse.be</name></author>
	</entry>
</feed>