{"id":5502,"date":"2012-09-12T19:57:23","date_gmt":"2012-09-12T23:57:23","guid":{"rendered":"http:\/\/cscircles.cemc.uwaterloo.ca\/?page_id=5502"},"modified":"2020-04-08T08:37:35","modified_gmt":"2020-04-08T12:37:35","slug":"0-de","status":"publish","type":"page","link":"https:\/\/cscircles.cemc.uwaterloo.ca\/dev\/de\/","title":{"rendered":"0: Hallo, Welt!"},"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>Diese Website ist eine Einf\u00fchrung in die Computer-Programmierung. <strong>Einen allgemeinen \u00dcberblick <a href=\"http:\/\/cscircles.cemc.uwaterloo.ca\/using-website-de\/\" target=\"_blank\" rel=\"noopener noreferrer\">findest du hier<\/a>.<\/strong> Dieser Kurs wird dir auf jeden Fall noch n\u00fctzlich sein: als Programmierer kannst du Prozesse automatisieren, Kunst und Musik machen, Umfragen interpretieren und analysieren, eigene Webseiten erstellen, Spiele entwickeln, Menschen verbinden und vieles mehr...<\/p>\n<p>Ein <em>Computerprogramm<\/em> ist eine Folge von Befehlen, beschrieben in W\u00f6rtern, Zahlen und Symbolen. So, wie jeder gesprochene Satz in einer menschlichen Sprache wie Deutsch oder Englisch ausgedr\u00fcckt wird, wird jedes Programm in einer <em>Programmiersprache<\/em> ausgedr\u00fcckt. Einige bekannte Programmiersprachen sind\u00a0<strong>Python<\/strong> (das wir in diesem Kurs benutzen), C++, JavaScript und PHP. Unsere Auswahl fiel auf Python, da es sowohl einfach genug f\u00fcr Einsteiger als auch leistungsf\u00e4hig genug f\u00fcr moderne Anwendungen ist. Alle Programmiersprachen bauen auf den selben Prinzipien auf, also kannst du einfach weitere lernen, wenn du schon eine kennst.<\/p>\n<p>Hier kommt die erste Zeile mit <strong>Python<\/strong>-Code in diesem Kurs:<\/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>Dies ist ein einfaches <strong>Python<\/strong>-Programm. Klicke den <strong>Programm ausf\u00fchren<\/strong>-Button, um herauszufinden, was es tut.<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(\"Hallo, Welt!\")<\/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=\"d4ac2d31bc974f5ecb4a52abbd65a9aa\"\/>\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>Wenn du ein Programm ausf\u00fchrst, kannst du auch dessen <em>Ausgabe<\/em> sehen. Dieses Beispiel-Programm hat genau einen Befehl, <code>print(\"Hallo, Welt!\")<\/code>, und erzeugt eine einzeilige Ausgabe,<\/p>\n<pre>Hallo, Welt!<\/pre><code><\/code>Hier ist eine Analyse von dem, was dieses Programm macht:<\/p>\n<ul>\n<li><code>print<\/code> ist der Name eines Python-Befehls, der Text ausgibt.<\/li>\n<li>Die Klammern <code>()<\/code> nach dem Print-Befehl enthalten das, was du ausgeben m\u00f6chtest.<\/li>\n<li>Die Anf\u00fchrungsstriche <code>\" \"<\/code> sind eine Art Beh\u00e4lter f\u00fcr den Text <code>Hallo, Welt!<\/code>. Ohne Anf\u00fchrungsstriche w\u00fcrde Python annehmen, dass <code>Hallo<\/code> als Befehl gemeint ist. Das w\u00fcrde einen Fehler produzieren, da es keinen solchen Befehl gibt.<\/li>\n<\/ul>\n<p>Du wirst mehr \u00fcber den Aufbau von Python-Programmen erfahren, w\u00e4hrend du dich durch die Kapitel arbeitest.<\/p>\n<p>Schauen wir uns doch mal an, was genau passiert, wenn man die Anf\u00fchrungsstriche wegl\u00e4sst.<\/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>Dieses Programm wird einen Fehler verursachen. Klicke den <strong>Programm ausf\u00fchren<\/strong>-Button.<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(Hallo, Welt)<\/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=\"bc0f9d79a7acda51d69a1db4248dcf8f\"\/>\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 ist das Programm <em>abgest\u00fcrzt<\/em>: Das hei\u00dft, wir haben dem Computer einen falschen Befehl gegeben, der zu einem Fehler und zum Programmende f\u00fchrte.<\/p>\n<h2>\u00dcbung<\/h2>\n<p>Die erste \u00dcbung findest du hier. Du musst ein Programm schreiben, das so \u00e4hnlich ist wie das vorhin. Trage das Programm in die Box ein, und wenn du pr\u00fcfen m\u00f6chtest, ob es funktioniert und richtig arbeitet, klicke den <strong>Programm ausf\u00fchren<\/strong>-Button. Wenn es schief geht, \u00e4ndere dein Programm und versuche es nochmal.<\/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'>Bonjour<\/span><\/div>Schreibe ein Programm, das folgende Ausgabe erzeugt:<\/p>\n<pre>Bonjour, tout le monde!<\/pre>(Hinweis: Wenn du nicht weiterkommst, kopiere das <a class=\"hintlink\"  id=\"hintlink3\">vorherige Programm<\/a> und passe es geeignet an.)<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='Click on this box and type to enter your code' 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=\"79bb681d5a54bb8636b4e26890fe9452\"\/>\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>Tipp: du kannst die Code-Box gr\u00f6\u00dfer machen, indem du den <a onmouseover=\"jQuery('.pybox .ui-resizable-handle').css('background-color', 'blue');\" onmouseout=\"jQuery('.pybox .ui-resizable-handle').css('background-color', '');\">unteren Rahmen<\/a> verschiebst.<\/em><\/p>\n<p>Wenn du <a class=\"open-same-window\" href=\"http:\/\/cscircles.cemc.uwaterloo.ca\/wp-login.php?redirect_to=http:\/\/cscircles.cemc.uwaterloo.ca\/0-de\/\">dich registriert hast und angemeldet bist<\/a>,<\/p>\n<ul>\n<li>werden wir jede von dir ausgef\u00fchrte Programmversion speichern;<\/li>\n<li>zeigt <strong>Chronik<\/strong>\u00a0alle vorherigen Versionen;<\/li>\n<li>wird, wenn du diese Seite nochmal aufrufst, die letzte Version im Editor stehen.<\/li>\n<\/ul>\n<p>Wenn du eine \u00dcbung wie diese korrekt gel\u00f6st hast, wird ein Haken <img decoding=\"async\" style=\"vertical-align: -6px;\" alt=\"\" src=\"..\/wp-content\/plugins\/pybox\/files\/checked.png\" width=\"24px\" height=\"24px\" \/> in der oberen rechten Ecke der Box erscheinen. Wenn du angemeldet bist, merken wir uns, welche \u00dcbungen du gel\u00f6st hast.<\/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> Dieser Kurs lehrt <strong>Python Version 3<\/strong>. Auch wenn unser Kurs (hoffentlich) selbsterkl\u00e4rend sein sollte, beachte, dass bei Informationen \u00fcber Python auch Version 2 gemeint sein kann, die in einigen Punkten anders ist.  <\/span><\/td><\/table><\/p>\n<p>Wenn du fertig f\u00fcr die n\u00e4chste Lektion bist, klicke unten auf den <strong>\"Weiter mit\"<\/strong> Button.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Diese Website ist eine Einf\u00fchrung in die Computer-Programmierung. Einen allgemeinen \u00dcberblick findest du hier. Dieser Kurs wird dir auf jeden Fall noch n\u00fctzlich sein: als Programmierer kannst du Prozesse automatisieren, Kunst und Musik machen, Umfragen interpretieren und analysieren, eigene Webseiten &hellip; <a href=\"https:\/\/cscircles.cemc.uwaterloo.ca\/dev\/de\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":2653,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5502","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cscircles.cemc.uwaterloo.ca\/dev\/wp-json\/wp\/v2\/pages\/5502","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\/2653"}],"replies":[{"embeddable":true,"href":"https:\/\/cscircles.cemc.uwaterloo.ca\/dev\/wp-json\/wp\/v2\/comments?post=5502"}],"version-history":[{"count":41,"href":"https:\/\/cscircles.cemc.uwaterloo.ca\/dev\/wp-json\/wp\/v2\/pages\/5502\/revisions"}],"predecessor-version":[{"id":15908,"href":"https:\/\/cscircles.cemc.uwaterloo.ca\/dev\/wp-json\/wp\/v2\/pages\/5502\/revisions\/15908"}],"wp:attachment":[{"href":"https:\/\/cscircles.cemc.uwaterloo.ca\/dev\/wp-json\/wp\/v2\/media?parent=5502"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}