Erstes Kotlin-Programm schreiben

In diesem Codelab schreiben Sie Ihr erstes Programm in der Kotlin-Sprache mit einem interaktiven Editor, den Sie in Ihrem Browser ausführen können.

Ein Programm[LINK] ist eine Reihe von Anweisungen, die das System durchführen kann. Beispielsweise können Sie ein Programm schreiben, mit dem eine Geburtstagskarte erstellt wird. In diesem Programm kannst du zum Beispiel Gratulationstexte ausdrucken oder das Geburtsdatum eines Nutzers aus seinem Geburtsjahr berechnen.

Bei der Kommunikation mit einer anderen Person verwenden Sie eine Programmiersprache, um mit dem Betriebssystem Ihres Computers zu kommunizieren. Glücklicherweise sind Programmiersprachen weniger komplex als menschliche Sprachen und ziemlich logisch.

Android-Apps sind in der Programmiersprache Kotlin geschrieben. Kotlin ist eine moderne Sprache und soll Entwicklern dabei helfen, Code effizient und mit möglichst wenigen Fehlern zu schreiben.

Es ist nicht immer einfach, eine App zu entwickeln und die Grundlagen des Programmierens zu erlernen. Wir beginnen mit ein paar Programmierkenntnissen, bevor wir uns mit der App-Erstellung befassen. Wenn Sie bereits mit einigen Programmiergrundlagen vertraut sind, ist das nicht nur ein wichtiger Schritt beim Erstellen von Apps, sondern Sie werden auch später noch Ihre erste App erstellen können.

Code-Editoren sind Tools, mit denen Sie Code schreiben können – ähnlich wie bei einem Textverarbeitungsprogramm wie Google Docs für die Erstellung von Textdokumenten. In diesem Codelab verwenden Sie einen interaktiven Kotlin-Editor in Ihrem Browser. Sie müssen also keine Software installieren, um mit der Entwicklung Ihrer App zu beginnen.

Vorbereitung

• Interaktive Websites in deinem Webbrowser

Lerninhalte

• Kotlin-Programm erstellen, ändern, verstehen und ausführen, das eine Mitteilung anzeigt

Aufgaben

• Ein Programm in der Kotlin-Programmiersprache, das beim Ausführen eine Nachricht anzeigt.

Voraussetzungen

• Einen Computer mit einem modernen Webbrowser, etwa der neuesten Version von Chrome
• Internetzugang auf Ihrem Computer

In dieser Aufgabe verwenden Sie einen Editor auf einer Website, um sofort mit der Programmierung in der Kotlin-Sprache zu beginnen.

Interaktiven Codeeditor verwenden

Zum Installieren Ihres ersten Programms können Sie statt eines Softwareprogramms ein webbasiertes Tool verwenden.

1. Öffnen Sie https://try.kotlinlang.org/ in Ihrem Browser. Dadurch wird ein browserbasiertes Programmiertool geöffnet.
2. Sie sollten eine Seite sehen, die dem Screenshot unten ähnelt, und links eine Liste mit Dateien. Rechts sehen Sie einen Editor. Möglicherweise wird unten rechts auch ein schwarzes Feld mit Informationen zu den Cookie-Richtlinien angezeigt.

JetBrains, das Unternehmen, das die Kotlin-Sprache und diese Website entwickelt hat, verwendet Cookies und IP-Adressen, um Statistiken zu erfassen und die Nutzung zu personalisieren. Beispielsweise speichert die Website den Code, den Sie in einer früheren Sitzung geschrieben haben.

Warnung:Wenn Sie mit der Cookierichtlinie dieser Website nicht einverstanden sind, fahren Sie nicht fort.

3. Klicken Sie auf das X links oben im schwarzen Pop-up-Feld, um es zu schließen.

4. Verwenden Sie den unten kommentierten Screenshot, um sich mit diesem Editor vertraut zu machen.

• (1) Die Tabs Weitere Informationen, Community und Online testen oben auf dem Bildschirm. Klicken Sie auf den Tab Online testen, falls er nicht bereits ausgewählt ist.
• (2) Explorer ganz links. Jeder Ordner in dieser Liste enthält ein kleines, eigenständiges Beispiel für den Einsatz von Kotlin.
• (3) Im Editor im rechten Bereich erledigen Sie den Großteil Ihrer Arbeit mit dem Schreiben von Code.

Der webbasierte Code-Editor hat viele weitere Funktionen. Bevor Sie das tun, müssen Sie diese Schritte ausführen.

Beispielcode öffnen

1. Wenn die Datei im Datei-Explorer noch nicht ausgewählt ist, wählen Sie Beispiele & gt; Hallo! > Simplest Version > SimplestVersion.kt (1. Screenshot unten.)
2. In der Datei SimplestVersion.kt ist die Dateiendung .kt zu sehen (siehe Screenshot 1). Ebenso wie Bilder haben die Dateiendung .jpg oder .png und PDFs die Erweiterung .pdf, müssen alle Kotlin-Dateien die Erweiterung .kt haben.
3. Beachten Sie den Code im Editor (2 im Screenshot unten). Ein Teil des Codes ist markiert. Dies ist der Code, mit dem Sie arbeiten.

Dies ist der hervorgehobene Programmcode im Editor:

fun main(args: Array<String>) {
    println("Hello, world!")
}

Programmcode ausführen

Die Ausführung eines Programms, das Sie erstellt haben, unterscheidet sich kaum von einem Programm wie einem Textverarbeitungsprogramm auf Ihrem Computer. Der Unterschied besteht darin, dass es Ihnen bei der Ausführung eines Programms, eine Aufgabe zu erledigen oder ein Spiel zu spielen, in erster Linie wichtig ist, was das Programm für Sie tun kann. Sie müssen sich nicht mit dem Code beschäftigen, mit dem das Programm funktioniert. Wenn Sie programmieren, sehen Sie den Code, der für die Magie verantwortlich ist, und arbeiten mit ihm.

Schauen wir mal, was dieses Programm bewirkt!

1. Klicken Sie im Editor rechts oben auf das grüne Dreieck und klicken Sie darauf.

2. Scrollen Sie gegebenenfalls auf der Seite nach unten, bis unten im Editor der Bereich unten zu sehen ist (1 im Screenshot unten).

3. Klicken Sie auf den Tab Konsole. In der Console können Programme Text ausgeben.

4. Sie sehen Hello, world! im Bereich Console, wie im Screenshot oben. Sie wissen jetzt, was dieses Programm bewirkt: Es gibt eine Hello World-Nachricht im Fenster Console aus.
5. Denken Sie daran, dass über dem gedruckten Hello, world! die Meldung Compilation complete successfully steht. Bei der Kompilierung wird der Kotlin-Programmcode in ein Formular umgewandelt, das das System ausführen kann. Wenn die Kompilierung erfolgreich abgeschlossen wurde, gibt es im Programm keine Fehler, die die Ausführung verhindern.

Bestandteile eines Programms

Nachdem du jetzt das Programm gesehen hast, solltest du dir jetzt ansehen, wie es funktioniert.

1. Sieh dir das Programm im Editor an.
2. Dieser Code besteht aus zwei Abschnitten.

Oberer Teil des Programms:

/**
 * We declare a package-level function main which returns Unit and takes
 * an Array of strings as a parameter. Note that semicolons are optional.
 */

Im Code-Snippet oben sehen Sie Text in den folgenden Symbolen: /* und */.

Dabei handelt es sich um einen Kommentar, also eine Nachricht mit Informationen für andere Entwickler. Wenn du das Programm startest, wird dieser Kommentar vom System ignoriert. Du kannst diesen Kommentar vorerst ignorieren. Weitere Informationen zu Kommentaren erhalten Sie in einem späteren Codelab.

Unterer Teil des Programms:

fun main(args: Array<String>) {
    println("Hello, world!")
}

Diese drei Codezeilen sind das Programm, das die Nachricht ausführt und ausgibt.

Hello World-Code ändern

Lass uns das Programm ändern, um es etwas anders zu machen.

1. Ändern Sie den Text von "Hello, world!" in „"Happy Birthday!"“.
2. Führen Sie das Programm aus, indem Sie rechts oben auf die grüne Schaltfläche klicken.
3. In der Console sollte jetzt Happy Birthday! angezeigt werden, wie im Screenshot unten dargestellt.

Wie ist die Veranstaltung organisiert?

Wie funktioniert das? Das ist Code, mit dem man einfach etwas drucken muss.

Angenommen, Sie möchten, dass ein Freund auf einem Blatt Papier schreiben kann. Wenn man ihnen einfach auf dem Blatt zuschreibt, nimmt sie eine Annahme über die Informationen auf, die sie vergessen haben. Sie gehen zum Beispiel davon aus, dass sie einen Stift verwenden müssen und dass sie ihn in Buchstaben schreiben sollen. Der Computer macht diese Annahmen nicht, daher müssen Sie genaue Anweisungen machen, die jeden Schritt umfassen.

Ähnlich wie die englische Sprache hat ihre Struktur eine Programmiersprache. Wenn du schon mal eine andere Sprache gelernt hast, kennst du dich sicher mit der Grammatik, der Rechtschreibung, dem neuen Alphabet und dem Vokabular aus. Programmieren zu finden hat ähnliche Herausforderungen, zum Glück ist es jedoch weniger kompliziert und logisch, als zum Beispiel Englisch.

Die Programmteilnehmer

Sehen Sie sich jetzt den Code an. Jedes Programm erfüllt einen bestimmten Zweck. Damit Sie das Programm nutzen können, brauchen Sie alle Komponenten. Beginnen wir mit dem ersten Wort.

fun

• fun ist ein Wort in der Kotlin-Programmiersprache. fun steht für „Feature“ (Funktion). Eine Funktion ist der Abschnitt eines Programms, das eine bestimmte Aufgabe ausführt.

Hinweis: Kotlin hat viele Sonderzeichen mit sehr spezifischen Bedeutungen. Wenn du in der Kotlin-Sprache programmierst, lernst du diese Wörter. Sie werden häufig als Keywords oder reservierte Wörter bezeichnet.

fun main

• main ist der Name dieser Funktion. Funktionen haben Namen, damit sie voneinander unterschieden werden können. Diese Funktion wird als main bezeichnet, da sie die erste oder Hauptfunktion ist, die beim Ausführen des Programms aufgerufen wird. Jedes Kotlin-Programm benötigt eine Funktion namens main.

fun main()

• Auf den Funktionsnamen folgen immer () Klammern.

fun main(args: Array<String>)

• In den Klammern können Sie Informationen für die Funktion einfügen. Diese Eingabe in der Funktion wird als „Argumente"“ oder kurz args bezeichnet. Weitere Informationen zu Argumenten erhalten Sie später. Du musst nur wissen, dass die Funktion main immer dieses Argument hat.

fun main(args: Array<String>) {}

• Beachten Sie die geschweiften Klammern nach den Argumenten. In einer Funktion befindet sich Code, der eine Aufgabe erfüllt. Diese geschweiften Klammern umgeben diese Zeilen.

Sehen Sie sich die Codezeile zwischen geschweiften Klammern an:

println("Happy Birthday!")

Mit dieser Codezeile wird der Happy Birthday!-Text gedruckt.

• println weist das System an, eine Textzeile zu drucken.
• Fügen Sie den zu druckenden Text in die Klammern ein.
• Beachten Sie, dass der zu druckende Text in Anführungszeichen gesetzt wird. Dadurch weiß das System, dass alle Zeichen in den Anführungszeichen genau wie angegeben gedruckt werden sollen.

Die gesamte println-Anweisung muss sich innerhalb der main-Funktion befinden, damit der Text tatsächlich gedruckt wird.

Das ist also das kleinste Kotlin-Programm.

fun main(args: Array<String>) {
    println("Happy Birthday!")
}

Mehrere Nachrichten drucken

Gut gemacht! Sie haben mit der println() function eine Textzeile gedruckt. Sie können jedoch so viele Anweisungen in eine Funktion einfügen, wie Sie möchten oder eine Aufgabe erledigen müssen.

1. Kopieren Sie die Zeile „println("Happy Birthday!")“ und fügen Sie sie noch zweimal darunter ein. Fügen Sie die eingefügten Zeilen in die geschweiften Klammern der Funktion main ein.
2. Ändern Sie einen Text, der in einen Namen gedruckt werden soll, zum Beispiel „Jhansi"
3. Ändern Sie den Text, der gedruckt werden soll. Sie sind 25 Jahre!

Der Code sollte folgendermaßen aussehen:

fun main(args: Array<String>) {
    println("Happy Birthday!")
    println("Jhansi")
    println("You are 25!")
}

Was würden Sie von diesem Code erwarten, wenn er ausgeführt wird?

4. Führe dein Programm aus, um zu sehen, was es bewirkt.
5. Öffnen Sie das Fenster Konsole. Dort sollten drei Zeilen im Konsolenfenster angezeigt werden (siehe Screenshot unten).

Gut gemacht!

Umgang mit Fehlern

Fehler beim Programmieren sind normal. Die meisten Tools geben dir Feedback, damit du Fehler beheben kannst. Erstellen Sie in diesem Schritt einen Fehler und prüfen Sie, was passiert.

1. Entferne in deinem Programm den Text von Jhansi, sodass diese Zeile wie unten dargestellt aussieht.

println(Jhansi)

2. Führe dein Programm aus. Die Zeile Jhansi sollte rot und ein Ausrufezeichen neben Zeile 8 des Codes angezeigt werden.

3. Scrollen Sie nach unten, um die Konsole zu sehen.
4. Wählen Sie den Tab Problemansicht aus, falls er nicht ausgewählt ist.
5. Rufen Sie den Tab Problemansicht auf. Sie enthält eine Nachricht mit demselben Ausrufezeichen und dem Wort „Error“. Nachfolgend findest du eine Beschreibung des Fehlers in deinem Code.

6. Suchen Sie nach den Zahlen (8, 12). Diese Zahlen geben die Zeile im Code an, bei der der Fehler auftritt, Zeile 8 und die Position des Buchstabens in der Zeile, bei der der Fehler beginnt (12).
7. Als Nächstes sehen Sie eine Nachricht: Unresolved reference: Jhansi. Diese Meldung gibt an, was das System als Fehler im Code meint. Auch wenn du nicht weißt, was die Fehlermeldung bedeutet, kannst du sie möglicherweise trotzdem herausfinden. In diesem Fall wissen Sie, dass die println()-Anweisung Text ausgibt. Sie haben bereits gelernt, dass der Text zwischen Anführungszeichen liegen muss. Wenn der Text nicht in Anführungszeichen gesetzt wurde, ist das ein Fehler.
8. Fügen Sie die Zitationen wieder hinzu.
9. Starten Sie Ihr Programm, um sicherzustellen, dass es wieder funktioniert.

Glückwunsch, du hast dein erstes Kotlin-Programm ausgeführt und geändert.

Das ist der vollständige Code des Programms, an dem du in diesem Codelab gearbeitet hast.

/**

* We declare a package-level function main which returns Unit and takes

* an Array of strings as a parameter. Note that semicolons are optional.

*/

fun main(args: Array<String>) {

println("Happy Birthday!")

println("Jhansi")

println("You are 25!")

}

• https://try.kotlinlang.org/ ist ein interaktiver Codeeditor im Web, in dem Sie das Erstellen von Kotlin-Programmen üben können.
• Alle Kotlin-Programme müssen eine main()-Funktion haben: fun main(args: Array<String>) {}
• Mit der Funktion println() können Sie eine Textzeile drucken.
• Geben Sie den Text zwischen doppelten Anführungszeichen ein. Beispiel: "Hello"
• Wiederhole die Anweisung println(), um mehrere Textzeilen zu drucken.
• Fehler werden im Programm rot markiert. Auf dem Tab Problemansicht wird eine Fehlermeldung angezeigt, mit der Sie herausfinden können, wo der Fehler auftritt und woran er liegen könnte.

• https://try.kotlinlang.org/

Dieses Codelab ist Teil der Android-Grundlagen für Kotlin.

Hinweis: Übungen sind optional. Sie können dort üben, was Sie in diesem Codelab gelernt haben.

Gehen Sie so vor:

1. Ändern Sie die println()-Anleitung in print().
2. Führe dein Programm aus. Was ändert sich?

Hinweis:Mit der print()-Anweisung wird nur der Text ausgegeben, ohne dass am Ende jedes Strings ein Zeilenumbruch eingefügt wird.

3. Korrigieren Sie den Text so, dass sich jeder Teil der Nachricht in einer eigenen Zeile befindet.

Tipp:Verwenden Sie \n im Text, um einen Zeilenumbruch hinzuzufügen. Beispiel: "line \n break" Wenn Sie einen Zeilenumbruch einfügen, ändert sich die Ausgabe wie unten.

Tipp:Sie können auch eine leere Zeile drucken. Geben Sie dazu keinen Text ein: println("").

Code:

fun main(args: Array<String>) {
    println("no line break")
    println("")
    println("with line \n break")
}

Ausgabe:

Aufgaben prüfen:

Hier ist eine mögliche Lösung:

fun main(args: Array<String>) {
    print("Happy Birthday!\n")
    print("Jhansi\n")
    print("You are 25!")
}