Scrivere il primo programma Kotlin

In questo codelab scriverai il tuo primo programma nel linguaggio Kotlin utilizzando un editor interattivo che puoi eseguire dal browser.

Un programma[LINK] può essere considerato come una serie di istruzioni per il sistema per eseguire un'azione. Ad esempio, potresti scrivere un programma che crea un biglietto di auguri. In questo programma, potevi scrivere un'istruzione per stampare un testo di congratulazioni o calcolare l'età di una persona a partire dal suo anno di nascita.

Proprio come usi il linguaggio umano per comunicare con un'altra persona, usi un linguaggio di programmazione per comunicare con il sistema operativo del tuo computer. Fortunatamente, i linguaggi di programmazione sono meno complessi delle lingue umane e piuttosto logici.

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

Imparare a creare un'app e apprendere le basi della programmazione contemporaneamente sarà difficile, quindi inizieremo con un po' di programmazione prima di passare alla creazione di app. Acquisire familiarità con alcune nozioni di base della programmazione non è solo un passaggio importante per creare app, ma ti aiuterà anche a creare la tua prima app più avanti in questo corso.

Gli editor di codice sono strumenti che ti aiutano a scrivere codice, proprio come un word processor (come Documenti Google) ti aiuta a creare documenti di testo. In questo codelab, utilizzi un editor Kotlin interattivo all'interno del browser. Ciò significa che non devi installare alcun software per fare il primo passo verso lo sviluppo di app.

Prerequisiti

  • Utilizzare siti web interattivi nel browser web.

Obiettivi didattici

  • Come creare, modificare, comprendere ed eseguire un programma Kotlin minimale che visualizza un messaggio.

Cosa creerai

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

Cosa serve

  • Un computer con un browser web moderno, ad esempio l'ultima versione di Chrome.
  • Accesso a internet sul computer.

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

Utilizzare un editor di codice interattivo

Anziché installare software sul computer, puoi utilizzare 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 sul browser.
  2. Dovresti visualizzare una pagina simile allo screenshot riportato di seguito, con un elenco di file a sinistra e un editor a destra. Potresti anche vedere un riquadro nero nell'angolo in basso a destra con informazioni sulle norme relative ai cookie.

Avviso:se non accetti le norme sui cookie di questo sito, non procedere.

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

  • (1) Schede Impara, Community e Prova online in alto. Se non è già selezionata, fai clic sulla scheda Prova online.
  • (2) Esplora file nel riquadro più a sinistra. Ogni cartella di questo elenco contiene un piccolo esempio autonomo per l'apprendimento di Kotlin.
  • (3) L'editor nel riquadro di destra è dove svolgerai la maggior parte del tuo lavoro di scrittura del codice.

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

Apri il codice campione

  1. In Esplora file, se non è già selezionato, seleziona Esempi > Hello, world! > Versione più semplice > 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 e i PDF hanno un'estensione .pdf, tutti i file Kotlin devono avere l'estensione .kt.
  3. Nota il codice nell'editor (2 nello screenshot riportato di seguito). Parte del codice è evidenziata. Questo è il codice con cui lavorerai.

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 che hai creato 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 giocare, ti interessa principalmente ciò che il programma può fare per te e non ti preoccupi 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 nella pagina fino a visualizzare la parte inferiore dell'editor per vedere il riquadro in basso (1 nello screenshot seguente).

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

  1. Notifica Hello, world! stampata nel riquadro Console, come nello screenshot sopra. Ora sai cosa fa questo programma: stampa o restituisce un messaggio Hello World nella finestra Console.
  2. Nota che sopra il Hello, world! stampato è presente il messaggio Compilation complete successfully. La compilazione è un processo che traduce il codice del programma Kotlin in un formato 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 cosa fa questo programma, dai un'occhiata a come lo fa.

  1. Guarda il programma nell'editor.
  2. Nota come questo codice sia suddiviso in 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 */.

Ciò significa che si tratta di un commento, ovvero un messaggio con informazioni per altri sviluppatori. Quando esegui il programma, questo commento viene ignorato dal sistema. Per il momento, puoi ignorare anche 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 sono il programma vero e proprio che viene eseguito e stampa il messaggio.

Modificare il codice Hello World

Modifichiamo il programma per fargli fare qualcosa di leggermente diverso.

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

Come funziona?

Come funziona? Sembra un sacco di codice solo per stampare qualcosa.

Se volessi chiedere a un amico di scrivere "Hello, world!" su un foglio di carta, ci sono molte informazioni implicite. Se gli dici solo "Scrivi "Hello world!" su questo foglio di carta", farà delle ipotesi sulle informazioni che hai omesso. Ad esempio, supporranno di dover usare una penna e che tu voglia che scrivano usando le lettere. Il computer non fa queste ipotesi, quindi devi fornire istruzioni precise che includano ogni passaggio.

Proprio come la lingua inglese ha una struttura, anche un linguaggio di programmazione ne ha una. Se hai mai imparato un'altra lingua, sai quanto sia difficile imparare la grammatica, l'ortografia, magari un nuovo alfabeto di simboli e il vocabolario. Imparare a programmare presenta sfide simili, ma fortunatamente è meno complesso e molto più logico che imparare, ad esempio, l'inglese.

Comprendere le parti del programma

Ora dai un'occhiata al codice. Ogni parte di questo programma ha uno scopo specifico e hai bisogno di tutte le parti per poterlo eseguire. Iniziamo con la prima parola.

fun
  • fun è una parola del linguaggio di programmazione Kotlin. fun sta per funzione. Una funzione è una sezione di un programma che esegue un'attività specifica.
fun main
  • main è il nome di questa funzione. Le funzioni hanno nomi, quindi possono essere distinte l'una dall'altra. Questa funzione è chiamata main perché è la prima o la principale funzione chiamata quando esegui il programma. Ogni programma Kotlin ha bisogno di 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 le informazioni da utilizzare per la funzione. Questo input della funzione è chiamato "argomenti" o args in breve. Scoprirai di più sugli argomenti più avanti. Devi solo sapere che la funzione main ha sempre lo stesso argomento. 
fun main(args: Array<String>) {}
  • Nota la coppia di parentesi graffe dopo gli argomenti. All'interno di una funzione si trova il codice che svolge un'attività. Queste parentesi graffe racchiudono le righe di codice.

Esamina la riga di codice tra le parentesi graffe: 

println("Happy Birthday!")

Questa riga di codice stampa il testo Happy Birthday!.

  • println indica al sistema di stampare una riga di testo.
  • All'interno delle parentesi inserisci il testo da stampare.
  • Tieni presente che il testo da stampare è racchiuso tra virgolette. Indica 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 trovarsi all'interno della funzione main.

Ecco il programma Kotlin più piccolo. 

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

Ottimo lavoro. Hai stampato una riga di testo utilizzando println() function. Tuttavia, puoi inserire tutte le righe di istruzioni che vuoi o di cui hai bisogno all'interno di una funzione per completare un'attività.

  1. Copia la riga println("Happy Birthday!") e incollala altre due volte sotto. Assicurati che le righe incollate si trovino all'interno delle parentesi graffe della funzione main.
  2. Modifica un testo in modo che venga stampato sul nome di una persona, ad esempio "Jhansi".
  3. Modifica l'altro testo da stampare in "Hai 25 anni!".

Il codice dovrebbe essere simile a quello riportato di seguito. 

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 fa.
  2. Vai alla finestra Console e dovresti vedere 3 righe stampate nella finestra della console, come mostrato nello screenshot di seguito.

Ottimo!

Gestione degli errori

Fare errori durante la programmazione è normale e la maggior parte degli strumenti fornisce un feedback per aiutarti a correggerli. In questo passaggio, crea un errore per vedere cosa succede.

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

  1. Scorri verso il basso per visualizzare la console.
  2. Se non è selezionata, seleziona la scheda Visualizzazione problemi.
  3. Esamina la scheda Visualizzazione problemi. Mostra un messaggio con la stessa icona del 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 in quella riga in cui inizia l'errore, ovvero 12.
  2. Successivamente, potresti vedere il messaggio Unresolved reference: Jhansi. Questo messaggio indica qual è l'errore nel codice secondo il sistema. Anche se non sai cosa significa il messaggio di errore, potresti riuscire a capire qual è il problema. In questo caso, sai che l'istruzione println() stampa il testo. In precedenza hai appreso che il testo deve essere racchiuso tra virgolette. Se il testo non è tra virgolette, si tratta di un errore.
  3. Procedi e aggiungi di nuovo le virgolette.
  4. Esegui il programma per assicurarti che funzioni di nuovo.

Congratulazioni, hai eseguito e modificato il tuo primo programma Kotlin.

Questo è il codice completo del programma su 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.
  • Inserisci 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 Visualizzazione Problemi è presente un messaggio di errore che ti aiuta a capire dove si trova l'errore e qual è la sua causa.

Questo codelab fa parte del corso Android Basics in Kotlin.

Procedi nel seguente modo:

  1. Modifica le istruzioni println() in print().
  2. Esegui il programma. Che cosa succede?

Suggerimento:l'istruzione print() stampa solo 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 fornire 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!")
}