{"id":6118,"date":"2012-11-05T19:54:08","date_gmt":"2012-11-06T00:54:08","guid":{"rendered":"http:\/\/cscircles.cemc.uwaterloo.ca\/?page_id=6118"},"modified":"2019-03-01T10:35:35","modified_gmt":"2019-03-01T15:35:35","slug":"0-nl","status":"publish","type":"page","link":"https:\/\/cscircles.cemc.uwaterloo.ca\/dev\/nl\/","title":{"rendered":"0: Hallo!"},"content":{"rendered":"<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>Via de lessen op deze website leer je programmeren. Dat is een erg nuttige vaardigheid: als programmeur kun je processen automatiseren, kunst en muziek maken, enqu\u00eates uitvoeren en analyseren, websites op maat maken, games schrijven, mensen met elkaar in contact brengen, en ga zo maar door...<\/p>\n<p>Een <em>computerprogramma<\/em> is een rij opdrachten, bestaande uit woorden, getallen en symbolen. Net zoals je bij een zin die je uitspreekt, gebruik maakt van een taal, zoals Nederlands, Engels of Frans, zo is ieder computerprogramma geschreven in een <em>programmeertaal<\/em>. Populaire programmeertalen zijn <strong>Python<\/strong> (die we in deze lessen leren), C++, JavaScript en PHP. We hebben voor Python gekozen omdat het enerzijds eenvoudig genoeg is voor beginners en anderzijds krachtig genoeg om te worden gebruikt voor moderne toepassingen.<\/p>\n<p>In alle programmeertalen komen dezelfde principes aan bod. Dat betekent dat als je \u00e9\u00e9n programmeertaal beheerst, je een andere veel sneller zult kunnen leren.<\/p>\n<p>Hier komt de eerste regel in <strong>Python<\/strong>\u00a0uit onze lessen.<\/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>Dit is een voorbeeld van een <strong>Python<\/strong>-programma. Druk op de knop <strong>Uitvoeren<\/strong> om te zien wat het programma doet.<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(\"Hello, World!\")<\/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=\"01179f4aed2f85e6c94eabb3cb9a4c48\"\/>\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>Wanneer je een programma uitvoert, krijg je ook de\u00a0<em>uitvoer<\/em>\u00a0(Eng.: <em>output<\/em>)\u00a0van het programma te zien.\u00a0Het voorbeeldprogramma\u00a0hierboven bestaat maar uit \u00e9\u00e9n opdracht,\u00a0<code>print(\"Hello, World!\")<\/code> en het genereert \u00e9\u00e9n regel uitvoer:<\/p>\n<pre>Hello, World!<\/pre>Hier volgt een analyse van het programma:<\/p>\n<ul>\n<li><code>print<\/code> (Engels voor <em>afdrukken<\/em>) is de naam van een Python-opdracht, die boodschappen naar de uitvoer stuurt.<\/li>\n<li>De haakjes <code>()<\/code> na de <code>print<\/code>-opdracht staan om de inhoud heen die je wilt afdrukken.<\/li>\n<li>De aanhalingstekens <code>\" \"<\/code> worden gebruikt om het begin en einde van de tekst\u00a0<code>Hello, World!<\/code> aan te geven. Zonder aanhalingstekens zou Python denken dat <code>Hello<\/code> als een opdracht bedoeld was. En dat zou als fout worden aangeduid omdat zo\u2019n opdracht niet bestaat in Python.<\/li>\n<\/ul>\n<p>Je zult doorheen deze lessen meer leren over de verschillende elementen van een Python-programma.<\/p>\n<p>Laten we eens kijken wat er precies gebeurt wanneer we de aanhalingstekens weglaten.<\/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>Dit Python-programma zal een foutmelding opleveren. Druk op de knop <b>Uitvoeren<\/b>.<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(Hello, World)<\/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=\"215d19d291445e6a35f30de1b9b7f66e\"\/>\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>Hier <em>crasht<\/em> het programma:\u00a0het Python-systeem komt een situatie tegen waarin het de uitvoering van het programma niet met succes kan verderzetten (hier komt het de onbekende naam <code>Hello<\/code> tegen), en be\u00ebindigt de uitvoering met een foutmelding.<\/p>\n<h2>Oefening<\/h2>\n<p>Onze eerste oefening staat hieronder. Je wordt gevraagd een soortgelijk programma te schrijven als hierboven. Typ je programma in het vak; wanneer je wilt testen of je programma de taak correct uitvoert, druk dan op de knop <b>Uitvoeren<\/b>. Als je het de eerste keer niet correct\u00a0krijgt, verbeter dan het programma en probeer het opnieuw uit te voeren.<\/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'>Hallo iedereen!<\/span><\/div>Schrijf een programma dat als uitvoer heeft: <\/p>\n<pre>Hallo iedereen!<\/pre> (Hint: als je er niet uit komt, kopieer dan <a class=\"hintlink\"  id=\"hintlink3\">ons eerste programma hierboven<\/a> en pas het aan.)<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='Klik in dit vak en tik je code in' 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.hallo')\" ><\/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=\"c72e7b21d4bedcfcdf5f3a50290f2a56\"\/>\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>Tip: je kunt het programmeer-vak vergroten door de <a>onderste rand<\/a> ervan te verslepen.<\/em><\/p>\n<p>Wanneer je <a href=\"http:\/\/cscircles.cemc.uwaterloo.ca\/wp-login.php?redirect_to=http:\/\/cscircles.cemc.uwaterloo.ca\/\">een account hebt aangemaakt en bent ingelogd<\/a>,<\/p>\n<ul>\n<li>zullen we elke versie van je programma bewaren dat je uitvoert;<\/li>\n<li>toont <strong>Geschiedenis<\/strong> alle versies die je tot nu toe hebt ingestuurd;<\/li>\n<li>en wanneer je opnieuw onze website bezoekt verschijnt de meest recente versie in het programmeer-vak.<\/li>\n<\/ul>\n<p>Zodra je een oefening zoals deze correct hebt zal je een vinkje <img decoding=\"async\" src=\"http:\/\/cscircles.cemc.uwaterloo.ca\/wp-content\/plugins\/pybox\/files\/checked.png\" alt=\"\" width=\"24px\" height=\"24px\" \/> zien verschijnen. Wanneer je ingelogd bent, zal de Computer Science Circles-website onthouden welke oefeningen je hebt afgewerkt.<\/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> In deze lessen leren we <strong>Python version 3<\/strong>. Hoewel onze lessen geheel op zichzelf staan, zul je, wanneer je online gaat zoeken naar informatie over Python, merken dat ook <strong>Python version 2<\/strong>\u00a0vaak wordt gebruikt. Maar let op: <strong>Python version 2<\/strong> verschilt van <strong>Python version 3<\/strong>. Je kunt beide versies niet door elkaar gebruiken.  <\/span><\/td><\/table><\/p>\n<p>Wanneer je naar de volgende les wilt gaan klik je op de knop: <strong>Volgende<\/strong>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Via de lessen op deze website leer je programmeren. Dat is een erg nuttige vaardigheid: als programmeur kun je processen automatiseren, kunst en muziek maken, enqu\u00eates uitvoeren en analyseren, websites op maat maken, games schrijven, mensen met elkaar in contact &hellip; <a href=\"https:\/\/cscircles.cemc.uwaterloo.ca\/dev\/nl\/\">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-6118","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cscircles.cemc.uwaterloo.ca\/dev\/wp-json\/wp\/v2\/pages\/6118","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=6118"}],"version-history":[{"count":51,"href":"https:\/\/cscircles.cemc.uwaterloo.ca\/dev\/wp-json\/wp\/v2\/pages\/6118\/revisions"}],"predecessor-version":[{"id":11168,"href":"https:\/\/cscircles.cemc.uwaterloo.ca\/dev\/wp-json\/wp\/v2\/pages\/6118\/revisions\/11168"}],"wp:attachment":[{"href":"https:\/\/cscircles.cemc.uwaterloo.ca\/dev\/wp-json\/wp\/v2\/media?parent=6118"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}