Scrivi il tuo primo programma Kotlin

In questo codelab, scriverai il tuo primo programma nella lingua Kotlin utilizzando un editor interattivo che puoi eseguire dal browser.

Puoi considerare un programma[LINK] una serie di istruzioni in cui il sistema esegue alcune azioni. Ad esempio, potresti scrivere un programma che crei una scheda di compleanno. In questo programma, potresti scrivere un'istruzione per stampare un testo di congratulazioni o calcolare l'età di un utente a partire dall'anno di nascita.

Analogamente a come utilizzi un linguaggio umano per comunicare con un'altra persona, utilizzi un linguaggio di programmazione per comunicare con il sistema operativo del computer. Fortunatamente, i linguaggi di programmazione sono meno complessi delle lingue umane e abbastanza logici.

Le app Android sono scritte nel linguaggio di programmazione Kotlin. Kotlin è un linguaggio moderno creato per aiutare gli sviluppatori a scrivere il codice in modo efficiente e con il minor numero di errori possibile.

Imparare a creare un'app e imparare le nozioni di base della programmazione sarà complicato, quindi iniziamo con un po' di programmazione prima di passare alla creazione dell'app. Conoscere alcune nozioni di base sulla programmazione non è solo un passo importante verso la creazione di app, ma renderà anche più facile creare la tua prima app in questo corso.

Gli editor di codice sono strumenti che consentono di scrivere codice, proprio come un elaboratore di testi (come Documenti Google) ti consente di creare documenti di testo. In questo codelab, stai utilizzando un editor Kotlin interattivo all'interno del tuo browser. Ciò significa che non è necessario installare software per fare il primo passo verso lo sviluppo di app.

Prerequisiti

  • Utilizza siti web interattivi nel tuo browser web.

Obiettivi didattici

  • Come creare, modificare, comprendere ed eseguire un programma Kotlin minimo che mostri un messaggio.

Cosa devi creare

  • Un programma nel linguaggio di programmazione Kotlin che mostra un messaggio quando lo esegui.

Cosa serve

  • Un computer con un browser web moderno, ad esempio la versione più recente di Chrome.
  • Accesso a Internet sul computer.

In questa attività utilizzerai un editor su un sito web per iniziare subito a programmare in lingua Kotlin.

Utilizzare un editor di codice interattivo

Anziché installare un software sul tuo computer, puoi usare uno strumento basato sul Web per creare il tuo primo programma.

  1. Nel browser, apri https://try.kotlinlang.org/. Si apre uno strumento di programmazione basato su browser.
  2. Dovresti vedere una pagina simile allo screenshot di seguito, con un elenco di file a sinistra e un editor a destra. Potresti anche visualizzare una casella nera nell'angolo in basso a destra con le informazioni sulle norme relative ai cookie.

Avviso: se non stai bene con le norme sui cookie di questo sito, non procedere.

  1. Fai clic sulla X nell'angolo in alto a sinistra della finestra popup nera per chiuderla.
  1. Segui lo screenshot annotato di seguito come riferimento per orientarti con questo editor.

  • (1) In alto, tocca le schede Impara, Community e Prova online. Fai clic sulla scheda Prova online, se non è già selezionata.
  • (2) Esplora file nel riquadro all'estrema sinistra. Ogni cartella di questo elenco contiene un piccolo esempio autonomo per imparare a utilizzare Kotlin.
  • (3) L'editor nel riquadro a destra ti consente di svolgere gran parte del tuo lavoro nella scrittura del codice.

Questo editor di codice basato sul Web offre molte altre funzionalità, ma queste sono quelle che devi conoscere per iniziare.

Apri il codice di esempio

  1. In Esplora file, se non è già selezionato, seleziona Esempi > Ciao, mondo! > Simplest version > SimplestVersion.kt (1 nello screenshot di seguito).
  2. Nel nome del file SimplestVersion.kt, nota l'estensione del file .kt (vedi 1 nello screenshot di seguito). Proprio come le immagini hanno un'estensione .jpg o .png, mentre i PDF hanno un'estensione .pdf, tutti i file Kotlin devono avere l'estensione .kt.
  3. Osserva il codice nell'editor (due screenshot nello screenshot riportato di seguito). Una parte del codice è evidenziata. Questo è il codice che utilizzerai.

Questo è il codice del programma evidenziato nell'editor:

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

Esegui il codice del programma

L'esecuzione di un programma creato da te non è molto diversa dall'esecuzione di un programma come un elaboratore di testi sul computer. La differenza è che, quando esegui un programma per svolgere un'attività o un gioco, ti concentri principalmente su ciò che il programma può fare per te e non devi preoccuparti del codice che lo fa funzionare. Quando programmi, puoi vedere e utilizzare il codice effettivo che rende possibile la magia.

Vediamo cosa fa questo programma.

  1. Nell'editor, nell'angolo in alto a destra, individua il triangolo verde e fai clic per eseguire il programma.

  1. Se necessario, scorri verso il basso fino alla parte inferiore dell'editor per visualizzare il riquadro (1 nello screenshot di seguito).

  1. Fai clic sulla scheda Console. La console è un posto in cui i programmi possono stampare l'output di testo.

  1. Noterai l'elemento Hello, world! stampato nel riquadro Console, come mostrato nello screenshot in alto. Ora che sai cosa fa questo programma: viene stampato o generato un messaggio hello world nella finestra della Console.
  2. Tieni presente che sopra il Hello, world! stampato è presente un messaggio Compilation complete successfully. Compilation è una procedura che traduce il codice del programma Kotlin in una forma che il sistema può eseguire. Se la compilazione viene completata correttamente, non ci sono errori nel programma che ne impediscono l'esecuzione.

Parti di un programma

Ora che hai visto che cosa fa questo programma, dai un'occhiata a come funziona.

  1. Osserva il programma nell'editor.
  2. Nota che questo codice è composto da due sezioni distinte.

Parte superiore del programma:

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

Nello snippet di codice riportato sopra, puoi vedere il testo all'interno di questi simboli: /* e */.

Si tratta di un commento, ovvero di un messaggio che contiene informazioni per altri sviluppatori. Quando esegui il programma, il commento viene ignorato dal sistema. Per ora, puoi ignorare questo commento. Scoprirai di più sui commenti in un codelab successivo.

Parte inferiore del programma:

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

Queste tre righe di codice rappresentano il programma che viene eseguito e stampato.

Modificare il codice Hello World

Cambiamo il programma per fare qualcosa di diverso.

  1. Modifica il testo "Hello, world!" per dire "Happy Birthday!".
  2. Esegui il tuo programma facendo clic sul pulsante verde in alto a destra.
  3. Nella Console, ora dovresti vedere Happy Birthday! stampato, come mostrato nello screenshot di seguito.

Come funziona?

In che modo? Sembra che ci sia molto codice per stampare qualcosa!

Beh, se volevi che un amico scrivesse "Ciao, mondo!" su un foglio, ci sono molte informazioni implicite. Se dici solo di scrivere "Ciao 'Ciao mondo!' su questo foglio", proveranno a indovinare le informazioni che hai escluso. Ad esempio, supponiamo che abbiano bisogno di una penna e che tu voglia che scrivano usando lettere. Il computer non effettua queste ipotesi, quindi devi fornire istruzioni precise che includano ogni passaggio.

Proprio come la lingua inglese ha una struttura, così come la lingua di programmazione. Se hai imparato un'altra lingua, non sai come imparare la grammatica, l'ortografia, forse il nuovo alfabeto e il vocabolario. Imparare a programmare ha difficoltà simili ma, fortunatamente, è meno complesso e molto più logico, ad esempio l'inglese.

Comprendi le parti del programma

Ora diamo un'occhiata al codice. Ogni parte del programma ha una finalità specifica e sono necessarie tutte le funzioni per poter eseguire il programma. Iniziamo con la prima parola.

fun
  • fun è un termine nella lingua di programmazione Kotlin. fun sta per la funzione. Una funzione è una sezione di un programma che esegue un'attività specifica.
fun main
  • main è il nome di questa funzione. Le funzioni hanno un nome che consente di distinguerle l'una dall'altra. Questa funzione è chiamata main, perché è la prima o principale funzione che viene chiamata quando esegui il programma. Ogni programma Kotlin richiede una funzione denominata main.
fun main()
  • Il nome della funzione è sempre seguito da () due parentesi.
fun main(args: Array<String>)
  • All'interno delle parentesi, puoi inserire informazioni da utilizzare con la funzione. Questo input per la funzione è chiamato"argomenti"o args. Scoprirai di più sugli argomenti in un secondo momento. Devi solo sapere che la funzione main ha sempre lo stesso argomento.
fun main(args: Array<String>) {}
  • Noterai la coppia di parentesi graffe dopo gli argomenti. All'interno di una funzione c'è un codice che esegue un'attività. Queste parentesi graffe circondano quelle righe di codice.

Guarda la riga di codice tra parentesi graffe.

println("Happy Birthday!")

Questa riga di codice stampa il testo Happy Birthday!.

  • println indica al sistema di stampare una riga di testo.
  • Inserisci il testo da stampare tra parentesi.
  • Nota che il testo da stampare è racchiuso tra virgolette. In questo modo indichi al sistema che tutto ciò che si trova tra virgolette deve essere stampato esattamente come indicato.

Per stampare effettivamente il testo, l'intera istruzione println deve essere contenuta nella funzione main.

Eccolo. Il programma Kotlin più piccolo.

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

Benissimo! Hai stampato una riga di testo utilizzando l'println() function. Tuttavia, all'interno di una funzione puoi inserire tutte le righe di istruzioni che vuoi o che ti servono per svolgere un'attività.

  1. Copia la riga println("Happy Birthday!") e incollala altre 2 volte al di sotto. Assicurati che le linee incollate si trovino all'interno delle parentesi graffe della funzione main.
  2. Modifica un testo da stampare nel nome di una persona, di' "Jhansi".
  3. Cambia l'altro testo in "Stampa" 25!".

Il tuo codice sarà simile al seguente:

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

Cosa ti aspetti che faccia questo codice quando viene eseguito?

  1. Esegui il programma per vedere cosa funziona.
  2. Vai alla finestra Console. Dovresti vedere tre righe stampate nella finestra della console, come mostrato nello screenshot di seguito.

Ottimo!

Gestire gli errori

Correggere gli errori durante la programmazione è normale e la maggior parte degli strumenti ti fornirà un feedback per aiutarti a correggerli. In questo passaggio, crea un errore per vedere cosa succede.

  1. Nel tuo programma, rimuovi le virgolette intorno al testo Jhansi, in modo che la riga venga visualizzata come mostrato di seguito.
println(Jhansi)
  1. Esegui il tuo programma. Dovresti visualizzare Jhansi stampato in rosso e un punto esclamativo accanto alla riga 8 del codice per indicare la presenza di un errore.

  1. Scorri verso il basso per visualizzare la console.
  2. Seleziona la scheda Visualizzazione del problema, se non è selezionata.
  3. Vai alla scheda Problemi. Viene visualizzato un messaggio con la stessa icona di punto esclamativo e la parola Error. Di seguito è riportata una descrizione dell'errore nel codice.

  1. Cerca i numeri (8, 12). Questi numeri indicano la riga del codice in cui si verifica l'errore, la riga 8 e la posizione della lettera nella riga in cui inizia l'errore, che è 12.
  2. Ora puoi vedere un messaggio: Unresolved reference: Jhansi. che indica l'errore rilevato dal sistema nel codice. Anche se non conosci il significato del messaggio di errore, potresti essere in grado di capire che cosa non va. In questo caso, sai che l'istruzione println() stampa il testo. Hai appreso in precedenza che il testo deve essere racchiuso tra virgolette. Se il testo non è citato, si tratta di un errore.
  3. Aggiungile di nuovo.
  4. Esegui il programma per assicurarti che funzioni di nuovo.

Congratulazioni, hai corso e cambiato il tuo primo programma Kotlin.

Questo è il codice completo del programma a cui hai lavorato in questo codelab.

  • https://try.kotlinlang.org/ è un editor di codice interattivo sul Web in cui puoi esercitarti a scrivere programmi Kotlin.
  • Tutti i programmi Kotlin devono avere una funzione main(): fun main(args: Array<String>) {}
  • Utilizza la funzione println() per stampare una riga di testo.
  • Posiziona il testo da stampare tra virgolette doppie. Ad esempio "Hello".
  • Ripeti l'istruzione println() per stampare più righe di testo.
  • Gli errori sono contrassegnati in rosso nel programma. Nella scheda Problemi viene visualizzato un messaggio di errore per aiutarti a individuare la causa dell'errore e la relativa causa.

Questo codelab fa parte del corso Android Basics in Kotlin.

Segui questi passaggi:

  1. Cambia le istruzioni di println() in print().
  2. Esegui il tuo programma. Cosa succede?

Suggerimento: l'istruzione print() stampa semplicemente il testo senza aggiungere un'interruzione di riga alla fine di ogni stringa.

  1. Correggi il testo in modo che ogni parte del messaggio si trovi su una riga separata.

Suggerimento: utilizza \n all'interno del testo per aggiungere un'interruzione di riga. Ad esempio: "line \n break". L'aggiunta di un'interruzione di riga modifica l'output come mostrato di seguito.

Suggerimento: puoi stampare una riga vuota senza inserire testo: println("").

Codice:

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

Output:

Controllare il lavoro:

Ecco una possibile soluzione:

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