{"id":4569,"date":"2012-06-17T22:20:14","date_gmt":"2012-06-18T02:20:14","guid":{"rendered":"http:\/\/cscircles.cemc.uwaterloo.ca\/dev\/?page_id=4569"},"modified":"2014-09-19T09:02:27","modified_gmt":"2014-09-19T13:02:27","slug":"0-fr","status":"publish","type":"page","link":"https:\/\/cscircles.cemc.uwaterloo.ca\/dev\/fr\/","title":{"rendered":"0: Bonjour&thinsp;!"},"content":{"rendered":"<!-- Please retain this notice and add more notes if you create a new version.<br \/>\nMain French translator: Brice Canvel, brice.canvel@gmail.com<br \/>\nOriginal lesson author: David Pritchard, daveagp@gmail.com<br \/>\nLicense: http:\/\/creativecommons.org\/licenses\/by-nc-sa\/3.0\/<br \/>\nFor the full site, visit http:\/\/cscircles.ca-->\n<em>New around here? Read <a class='open-same-window' href='https:\/\/cscircles.cemc.uwaterloo.ca\/dev\/using-this-website\/'>Using this Website<\/a>. You can also <a class='open-same-window' href='https:\/\/cscircles.cemc.uwaterloo.ca\/dev\/wp-login.php?redirect_to=https%3A%2F%2Fcscircles.cemc.uwaterloo.ca%2Fdev%2F'>click here to create an account or log in<\/a>.<\/em><br\/>\n<p>Ce site enseigne la programmation. Cette comp\u00e9tence est tr\u00e8s utile\u00a0: la programmation aide \u00e0\u00a0automatiser des t\u00e2ches informatiques, faire de l'art et de la musique, interpr\u00e9ter et analyser les r\u00e9sultats d'une enqu\u00eate, construire des outils pour d'autres personnes, cr\u00e9er vos propres sites Internet, \u00e9crire des jeux, analyser des donn\u00e9es g\u00e9n\u00e9tiques, connecter les gens entre eux... la liste est longue.<\/p>\n<p>Un <em>programme<\/em> informatique est une suite d'instructions, \u00e9crite en mots, nombres et symboles.\u00a0Tout comme chaque phrase parl\u00e9e appartient\u00a0\u00e0 une langue sp\u00e9cifique comme le fran\u00e7ais ou l'anglais, chaque programme informatique est \u00e9crit dans un\u00a0<em>langage de programmation<\/em>. Quelques langages de programmation populaires sont\u00a0<strong>Python<\/strong> (ce que nous allons enseigner ici), C++, JavaScript et PHP. Nous utilisons Python ici car il est \u00e0 la fois suffisamment simple pour les d\u00e9butants et assez puissant pour \u00eatre utilis\u00e9 dans les entreprises. Tous les langages de programmation utilisent les m\u00eame principes, et donc une fois que vous connaissez un langage, vous pouvez en apprendre d'autres plus rapidement.<\/p>\n<p>Voici la premi\u00e8re ligne de code <strong>Python<\/strong> de nos le\u00e7ons.<\/p>\n<p><form class=\"pbform\" action=\"#\" id=\"pbform0\" method=\"POST\">\n<div class='pybox modeNeutral  facultative' id='pybox0'>\n<div class=\"heading\"><span class=\"title\">Example<\/span><\/div>Ceci est un \u00e9chantillon de programme <strong>Python<\/strong>. Appuyez sur le bouton <strong>Ex\u00e9cuter le programme<\/strong>\u00a0pour voir ce qu'il fait.<div class='pyboxTextwrap pyboxCodewrap RO '  style='height: 32px;'><textarea wrap='off' name='usercode0' id='usercode0'  cols=10 rows=1 readonly='readonly'  style = 'height : 32px;'  class='pyboxCode RO'>\nprint(\"Bonjour, Python !\")<\/textarea><\/div>\n<div id='pbhistory0' class='flexcontain' style='display:none;'><\/div>\n<div class='pyboxbuttons'><table><tr>\n<td><input type='submit' name='submit' id='submit0' value=' '\/><\/td>\n<\/tr><\/table><\/div>\n<input type=\"hidden\" name=\"lang\" value=\"\"\/><input type=\"hidden\" id=\"inputInUse0\" name=\"inputInUse\" value=\"Y\"\/>\n<input type=\"hidden\" name=\"pyId\" value=\"0\"\/>\n<input type=\"hidden\" name=\"hash\" value=\"3e2fc2164ce49b4b3b07a238c76408eb\"\/>\n<div id='pbresults0' class='pbresults'><\/div>\n<\/div>\n<\/form>\n<script type='text\/javascript'>document.getElementById(\"submit0\").value = \"Run program\";document.getElementById(\"inputInUse0\").value = \"N\";<\/script>\n<\/p>\n<p>Quand vous ex\u00e9cutez un programme, vous verrez aussi une <em>sortie<\/em>. L'exemple de code ci-dessus contient une seule commande\u00a0<code><code>print(\"Bonjour, Python !\")<\/code><\/code>\u00a0qui produit une seule ligne de sortie<\/p>\n<pre>Bonjour, Python !<\/pre><code><\/code>Voici l'analyse de notre premier programme\u00a0:<\/p>\n<ul>\n<li><code><code>print<\/code><\/code> est le nom de la commande Python qui envoie des messages vers la sortie.<\/li>\n<li>Les parenth\u00e8ses <code><code>()<\/code><\/code> apr\u00e8s la commande <code>print<\/code> sont utilis\u00e9es pour contenir ce que vous voulez afficher.<\/li>\n<li>Les guillemets <code>\" \"<\/code> sont utilis\u00e9s pour contenir le texte <code>Bonjour, Python !<\/code>\u00a0\u00e0 l'int\u00e9rieur. Sans les guillemets, Python penserait que <code><code>Bonjour<\/code><\/code> est cens\u00e9 \u00eatre une commande. Cela entra\u00eenerait une erreur puisque cette commande n'existe pas.<\/li>\n<\/ul>\n<p>Au fur et \u00e0 mesure que vous progresserez au travers des le\u00e7ons,\u00a0vous trouverez d'autres parties d'un programme Python. Voyons exactement ce qui se passe si on laisse les guillemets de c\u00f4t\u00e9.<\/p>\n<p><form class=\"pbform\" action=\"#\" id=\"pbform1\" method=\"POST\">\n<div class='pybox modeNeutral  facultative' id='pybox1'>\n<div class=\"heading\"><span class=\"title\">Example<\/span><\/div>Ce programme Python va g\u00e9n\u00e9rer une erreur. Appuyez sur le bouton <strong>Ex\u00e9cuter le programme<\/strong>.<div class='pyboxTextwrap pyboxCodewrap RO '  style='height: 32px;'><textarea wrap='off' name='usercode1' id='usercode1'  cols=10 rows=1 readonly='readonly'  style = 'height : 32px;'  class='pyboxCode RO'>\nprint(Bonjour, Python)<\/textarea><\/div>\n<div id='pbhistory1' class='flexcontain' style='display:none;'><\/div>\n<div class='pyboxbuttons'><table><tr>\n<td><input type='submit' name='submit' id='submit1' value=' '\/><\/td>\n<\/tr><\/table><\/div>\n<input type=\"hidden\" name=\"lang\" value=\"\"\/><input type=\"hidden\" id=\"inputInUse1\" name=\"inputInUse\" value=\"Y\"\/>\n<input type=\"hidden\" name=\"pyId\" value=\"1\"\/>\n<input type=\"hidden\" name=\"hash\" value=\"155731c6a764bbf0e17f08adb270a650\"\/>\n<div id='pbresults1' class='pbresults'><\/div>\n<\/div>\n<\/form>\n<script type='text\/javascript'>document.getElementById(\"submit1\").value = \"Run program\";document.getElementById(\"inputInUse1\").value = \"N\";<\/script>\n<\/p>\n<p>L\u00e0, le programme <em>plante<\/em>\u00a0: cela veut dire que nous avons donn\u00e9 une mauvaise commande \u00e0 l'ordinateur, ce qui g\u00e9n\u00e8re une erreur et le force \u00e0 s'arr\u00eater.<\/p>\n<h2>Exercice<\/h2>\n<p>Vous trouverez notre premier exercice ci-dessous. Il demande d'\u00e9crire un programme similaire au premier programme que nous avons vu ci-dessus. Tapez votre programme dans la zone de texte, et quand vous voulez tester si votre programme fonctionne correctement, appuyez sur le bouton <strong>Ex\u00e9cuter le programme<\/strong>. Si vous n'y arrivez pas du premier coup, \u00e9ditez votre programme et ex\u00e9cutez-le \u00e0 nouveau.<\/p>\n<p><form class=\"pbform\" action=\"#\" id=\"pbform2\" method=\"POST\">\n<div class='pybox modeNeutral ' id='pybox2'>\n<img title='You have not yet completed this problem.' src='https:\/\/cscircles.cemc.uwaterloo.ca\/dev\/wp-content\/plugins\/pybox\/files\/icon.png' class='pycheck'\/><div class=\"heading\"><span class='type'>Coding Exercise: <\/span><span class='title'>Hello world!<\/span><\/div>Ecrivez un programme qui affiche<\/p>\n<pre>Hello world!<\/pre>(Indice: si vous \u00eates bloqu\u00e9, copiez le <a class=\"hintlink\"  id=\"hintlink3\">premier programme ci-dessus<\/a> et \u00e9ditez-le.)<div class=\"helpOuter\" style=\"display: none;\"><div class=\"helpInner\"><div style=\"text-align: center\">You need to create an account and log in to ask a question.<\/div><\/div><\/div><div class='pyboxTextwrap pyboxCodewrap RW resizy'  style='height: 526px;'><textarea wrap='off' name='usercode2' id='usercode2' placeholder='Tapez votre code ici' cols=10 rows=20   class='pyboxCode RW'>\n<\/textarea><\/div>\n<div id='pbhistory2' class='flexcontain' style='display:none;'><\/div>\n<div class='pyboxbuttons'><table><tr>\n<td><input type='submit' name='submit' id='submit2' value=' '\/><\/td>\n<td><input type='button' name='history' value=\"History\" onclick=\"historyClick(2,'0.bonjour')\" ><\/td>\n<td><input type='button' name='help' value=\"Help\" onclick=\"helpClick(2);\" ><\/td>\n<\/tr><\/table><\/div>\n<input type=\"hidden\" name=\"lang\" value=\"\"\/><input type=\"hidden\" id=\"inputInUse2\" name=\"inputInUse\" value=\"Y\"\/>\n<input type=\"hidden\" name=\"pyId\" value=\"2\"\/>\n<input type=\"hidden\" name=\"hash\" value=\"828ec63831149d3ed3efd46c0b724c37\"\/>\n<div id='pbresults2' class='pbresults'><\/div>\n<\/div>\n<\/form>\n<script type='text\/javascript'>document.getElementById(\"submit2\").value = \"Run program\";document.getElementById(\"inputInUse2\").value = \"N\";<\/script>\n<\/p>\n<p><em>Conseil: vous pouvez agrandir la zone de code en faisant glissez son <a>bord inf\u00e9rieur<\/a>.<\/em><\/p>\n<p>Si vous avez <a class=\"open-same-window\" href=\"http:\/\/cscircles.cemc.uwaterloo.ca\/wp-login.php?redirect_to=http:\/\/cscircles.cemc.uwaterloo.ca\/0-fr\/\">cr\u00e9\u00e9 un compte et que vous \u00eates connect\u00e9<\/a>,<\/p>\n<ul>\n<li>nous sauvegarderons toutes les versions du code que vous ex\u00e9cuterez\u2009;<\/li>\n<li><strong>Historique<\/strong> montre toutes les versions que vous avez soumises jusqu'\u00e0 maintenant\u2009;<\/li>\n<li>et quand vous visiterez le site \u00e0 nouveau, la version la plus r\u00e9cente appara\u00eetra dans l'\u00e9diteur.<\/li>\n<\/ul>\n<p>Lorsque vous r\u00e9ussirez correctement un exercice comme celui-ci, vous verrez\u00a0appara\u00eetre un\u00a0<img decoding=\"async\" style=\"vertical-align: -6px\" src=\"..\/wp-content\/plugins\/pybox\/files\/checked.png\" alt=\"\" width=\"24px\" height=\"24px\" \/>\u00a0dans le coin en haut \u00e0 droite de la zone. Si vous \u00eates connect\u00e9, <em>Cercles informatiques<\/em> se souviendra des exercices que vous avez termin\u00e9s.<\/p>\n<p><table class='pywarn'><tr><td class='pywarnleft'><img src='https:\/\/cscircles.cemc.uwaterloo.ca\/dev\/wp-content\/plugins\/pybox\/files\/warning.png'\/><\/td><td class='pywarnright'><span> Ces le\u00e7ons enseignent <strong>Python version 3<\/strong>. Bien que nos le\u00e7ons aient pour but d'\u00eatre auto-suffisantes, si vous d\u00e9cidez de chercher d'autres informations en ligne sur Python, sachez que Python version 2 est aussi tr\u00e8s populaire\u00a0et que certains \u00e9l\u00e9ments entre eux sont incompatibles. <\/span><\/td><\/table><\/p>\n<p>Vous \u00eates pr\u00eat pour la prochaine le\u00e7on! Cliquez <strong>Suivant<\/strong> ci-dessous.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ce site enseigne la programmation. Cette comp\u00e9tence est tr\u00e8s utile\u00a0: la programmation aide \u00e0\u00a0automatiser des t\u00e2ches informatiques, faire de l'art et de la musique, interpr\u00e9ter et analyser les r\u00e9sultats d'une enqu\u00eate, construire des outils pour d'autres personnes, cr\u00e9er vos propres &hellip; <a href=\"https:\/\/cscircles.cemc.uwaterloo.ca\/dev\/fr\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4569","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cscircles.cemc.uwaterloo.ca\/dev\/wp-json\/wp\/v2\/pages\/4569","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cscircles.cemc.uwaterloo.ca\/dev\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cscircles.cemc.uwaterloo.ca\/dev\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cscircles.cemc.uwaterloo.ca\/dev\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cscircles.cemc.uwaterloo.ca\/dev\/wp-json\/wp\/v2\/comments?post=4569"}],"version-history":[{"count":65,"href":"https:\/\/cscircles.cemc.uwaterloo.ca\/dev\/wp-json\/wp\/v2\/pages\/4569\/revisions"}],"predecessor-version":[{"id":4576,"href":"https:\/\/cscircles.cemc.uwaterloo.ca\/dev\/wp-json\/wp\/v2\/pages\/4569\/revisions\/4576"}],"wp:attachment":[{"href":"https:\/\/cscircles.cemc.uwaterloo.ca\/dev\/wp-json\/wp\/v2\/media?parent=4569"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}