Dans cet atelier de programmation, vous allez écrire votre premier programme en langage Kotlin à l'aide d'un éditeur interactif compatible avec votre navigateur.
Un programme[LINK] représente une série d'instructions permettant au système d'effectuer certaines actions. Par exemple, vous pouvez écrire un programme pour créer une carte d'anniversaire. Dans ce programme, vous pouvez écrire une instruction pour imprimer un texte de félicitations ou calculer l'âge d'une personne à partir de son année de naissance.
De la même manière que vous utilisez le langage humain pour communiquer avec une autre personne, vous utilisez un langage de programmation pour communiquer avec le système d'exploitation de votre ordinateur. Heureusement, les langages de programmation sont moins complexes que les langages humains et relativement logiques.
Les applications Android sont écrites dans le langage de programmation Kotlin. Kotlin est un langage moderne conçu pour aider les développeurs à écrire du code efficacement et avec le moins d'erreurs possible.
Il n'est pas évident d'apprendre à créer une application, mais aussi d'apprendre les bases de la programmation avant de commencer. Connaître les principes de base de la programmation vous permettra non seulement de créer des applications, mais également de créer votre première application plus facilement dans la suite de ce cours.
Les éditeurs de code sont des outils qui vous aident à rédiger votre code, de la même manière qu'un outil de traitement de texte (comme Google Docs) vous permet de créer des documents texte. Dans cet atelier de programmation, vous utilisez un éditeur Kotlin interactif dans votre navigateur. Cela signifie que vous n'avez pas besoin d'installer de logiciel pour commencer votre développement.
Prerequisites
- Utilisez des sites Web interactifs dans votre navigateur Web.
Points abordés
- Découvrez comment créer, modifier, comprendre et exécuter un programme Kotlin minimal qui affiche un message.
Ce que vous allez faire
- Programme dans le langage de programmation Kotlin qui affiche un message lorsque vous l'exécutez.
Ce dont vous avez besoin
- Un ordinateur équipé d'un navigateur Web récent, tel que la dernière version de Chrome
- Un accès Internet à un ordinateur.
Dans cette tâche, vous allez utiliser un éditeur d'un site Web pour commencer immédiatement la programmation en langage Kotlin.
Utiliser un éditeur de code interactif
Au lieu d'installer des logiciels sur votre ordinateur, vous pouvez utiliser un outil Web pour créer votre premier programme.
- Dans un navigateur, ouvrez https://try.kotlinlang.org/. Un outil de programmation basé sur le navigateur s'ouvre.
- Vous devriez voir une page semblable à la capture d'écran ci-dessous, avec une liste de fichiers sur la gauche et un éditeur sur la droite. Vous verrez peut-être une zone noire dans l'angle inférieur droit contenant des informations sur les règles de cookies.
Avertissement:Si vous n'êtes pas d'accord avec le règlement relatif aux cookies de ce site, ne continuez pas.
- Cliquez sur X en haut à gauche de la fenêtre pop-up noire pour la fermer.
- Pour vous familiariser avec cet éditeur, suivez la capture d'écran annotée ci-dessous.
- (1) Accédez aux onglets Apprendre, Communauté et Essayer en ligne en haut de la page. Cliquez sur l'onglet Essayer en ligne, si ce n'est pas déjà fait.
- (2) Explorateur de fichiers dans le volet le plus à gauche. Chaque dossier de cette liste contient un petit exemple autonome pour apprendre à utiliser Kotlin.
- (3) L'éditeur situé dans le volet de droite vous permet d'effectuer la plupart de vos tâches en écrivant du code.
Bien que cet éditeur de code Web propose de nombreuses autres fonctionnalités, vous devez connaître celles présentées ci-dessous.
Ouvrir l'exemple de code
- Dans l'explorateur de fichiers, s'il n'est pas déjà sélectionné, sélectionnez Exemples > Bonjour ! > Simplest version > SimplestVersion.kt (1 dans la capture d'écran ci-dessous).
- Dans le nom de fichier SimplestVersion.kt, notez l'extension de fichier .kt (voir la capture d'écran 1 ci-dessous). Tout comme les images sont dotées d'une extension
.jpg
ou.png
, et les PDF présentent une extension.pdf
, tous les fichiers Kotlin doivent comporter l'extension.kt
. - Notez le code dans l'éditeur (voir la capture d'écran ci-dessous). Une partie du code est mise en surbrillance. Il s'agit du code que vous allez utiliser.
Voici le code du programme mis en surbrillance dans l'éditeur:
fun main(args: Array<String>) {
println("Hello, world!")
}
Exécuter le code du programme
L'exécution d'un programme que vous avez créé est très différente de celle d'un programme de traitement de texte sur votre ordinateur. La différence est que lorsque vous exécutez un programme pour accomplir une tâche ou jouer à un jeu, vous vous souciez principalement de ce qu'il peut faire pour vous, et vous ne vous préoccupez pas du code qui le fait fonctionner. Lorsque vous programmez, vous pouvez voir et utiliser le code qui fait la magie.
Voyons ce que fait ce programme.
- Dans l'angle supérieur droit de l'éditeur, recherchez le triangle vert
, puis cliquez dessus pour exécuter le programme.
- Si nécessaire, faites défiler la page vers le bas jusqu'à ce que le bas de l'éditeur s'affiche, avec le volet en bas (1 dans la capture d'écran ci-dessous).
- Cliquez sur l'onglet Console. La console est un espace dans lequel les programmes peuvent imprimer du texte.
- Vous remarquerez que
Hello, world!
est imprimé dans le volet Console, comme dans la capture d'écran ci-dessus. Maintenant, vous savez ce que fait ce programme: il imprime ou produit un message Hello Hello dans la fenêtre Console. - Vous remarquerez qu'au-dessus du
Hello, world!
imprimé se trouve un messageCompilation complete successfully
. La compilation est un processus qui traduit le code du programme Kotlin en un format que le système peut exécuter. Si la compilation s'effectue correctement, aucune erreur n'empêche le programme de s'exécuter.
Composantes d'un programme
Maintenant que vous connaissez ce que propose ce programme, découvrez son fonctionnement.
- Consultez le programme dans l'éditeur.
- Notez que ce code comporte deux sections distinctes.
Partie supérieure du programme:
/**
* We declare a package-level function main which returns Unit and takes
* an Array of strings as a parameter. Note that semicolons are optional.
*/
Dans l'extrait de code ci-dessus, vous pouvez voir du texte dans ces symboles: /*
et */.
.
Il s'agit donc d'un message contenant des informations pour d'autres développeurs. Lorsque vous exécutez le programme, ce commentaire est ignoré par le système. Vous pouvez ignorer ce commentaire pour le moment. Vous en saurez plus sur les commentaires dans un prochain atelier de programmation.
Partie inférieure du programme:
fun main(args: Array<String>) {
println("Hello, world!")
}
Ces trois lignes de code correspondent au programme qui exécute et affiche le message.
Modifier le code Hello World
Modifions à présent un programme différent.
- Remplacez le texte
"Hello, world!"
par"Happy Birthday!"
. - Exécutez votre programme en cliquant sur le bouton vert
en haut à droite.
- Dans la console, vous devriez maintenant voir
Happy Birthday!
imprimé, comme illustré dans la capture d'écran ci-dessous.
Fonctionnement
Comment procédez-vous ? Cela semble utiliser beaucoup de code pour imprimer un élément !
Eh bien, si vous voulez qu'un ami écrive "Bonjour, le monde !" sur une feuille de papier, il y a beaucoup d'informations implicites. Dites-moi simplement d'écrire "Bonjour à tous" sur cette feuille de papier. Par exemple, ils supposent qu'ils doivent utiliser un stylo, et que vous souhaitez qu'ils l'écrivent en lettres. L'ordinateur ne repose pas sur ces hypothèses. Vous devez donc donner des instructions précises qui incluent chaque étape.
À l'instar de l'anglais, il en va de même pour le langage de programmation. Si vous avez appris une autre langue, vous connaissez sans doute le défi d'apprendre la grammaire, l'orthographe, un nouveau alphabet de symboles et le vocabulaire, par exemple. L'apprentissage de la programmation comporte des défis similaires, mais, heureusement, il est moins complexe et beaucoup plus logique que l'apprentissage, par exemple l'anglais.
Comprendre les aspects du programme
Maintenant, regardez le code. Chaque élément du programme a une finalité spécifique, et vous en avez besoin pour l'exécuter. Commençons par le premier mot.
fun
fun
est un mot du langage de programmation Kotlin.fun
signifie "fonction". Une fonction est une section d'un programme qui effectue une tâche spécifique.
fun main
main
est le nom de cette fonction. Les fonctions ont des noms pour se distinguer. Cette fonction s'appellemain
, car il s'agit de la première fonction, ou principale, qui est appelée lors de l'exécution du programme. Chaque programme Kotlin nécessite une fonction nomméemain
.
fun main()
- Le nom de la fonction est toujours suivi de
()
deux parenthèses.
fun main(args: Array<String>)
- Entre les parenthèses, vous pouvez saisir des informations pour la fonction. Cette entrée de la fonction est appelée "arguments" ou
args
pour faire court. Ces arguments seront décrits plus en détail dans la suite de cet atelier. Sachez simplement que la fonctionmain
a toujours le même argument.
fun main(args: Array<String>) {}
- Notez les deux accolades après les arguments. Dans une fonction, le code permet d'exécuter une tâche. Ces accolades entourent ces lignes de code.
Examinez la ligne de code entre les accolades:
println("Happy Birthday!")
Cette ligne de code imprime le texte Happy Birthday!
.
println
indique au système d'imprimer une ligne de texte.- Entre les parenthèses, vous devez saisir le texte à imprimer.
- Notez que le texte à imprimer est entouré de guillemets. Cela indique au système que tout ce qui est entre guillemets doit être imprimé exactement comme indiqué.
Pour imprimer le texte, toute cette instruction println
doit faire partie de la fonction main
.
Et voici le plus petit programme Kotlin.
fun main(args: Array<String>) {
println("Happy Birthday!")
}
Imprimer plusieurs messages
Bravo ! Vous avez imprimé une ligne de texte à l'aide de println() function
. Cependant, vous pouvez placer autant de lignes d'instructions dans une fonction que vous le souhaitez ou si vous avez besoin d'effectuer une tâche.
- Copiez la ligne
println("Happy Birthday!")
et collez-la deux fois de plus sous celle-ci. Assurez-vous que vos lignes collées sont situées entre les accolades de la fonctionmain
. - Remplacer le texte à imprimer par le nom d'une personne, par exemple « Jhansi ».
- Modifiez l'autre texte pour qu'il soit imprimé sur "Vous avez 25 ans".
Le code doit ressembler à ce qui suit.
fun main(args: Array<String>) {
println("Happy Birthday!")
println("Jhansi")
println("You are 25!")
}
À quoi vous attendre si ce code s'exécute ?
- Exécutez votre programme pour voir ce qu'il fait.
- Accédez à la fenêtre Console. Trois lignes doivent s'afficher dans la fenêtre de la console, comme le montre la capture d'écran ci-dessous.
Bien joué !
Corriger les erreurs
Faites des erreurs pendant la programmation, et la plupart des outils vous donneront votre avis pour vous aider à les corriger. À cette étape, créez une erreur pour voir ce qui se passe.
- Dans votre programme, supprimez les guillemets qui entourent le texte
Jhansi
pour que la ligne ressemble à ce qui suit.
println(Jhansi)
- Exécutez votre programme. Vous devriez voir
Jhansi
s'afficher en rouge et un point d'exclamation à côté de la ligne 8 du code pour vous indiquer les erreurs.
- Faites défiler la page vers le bas pour afficher la console.
- Sélectionnez l'onglet Affichage des problèmes s'il n'est pas sélectionné.
- Consultez l'onglet Problèmes. Elle affiche un message avec la même icône de point d'exclamation et le mot
Error
. Voici une description de l'erreur dans votre code.
- Recherchez les chiffres
(8, 12).
Ces chiffres indiquent la ligne de l'erreur à la ligne 8, ainsi que la position de la lettre de cette ligne à l'endroit où l'erreur commence, c'est-à-dire12
. - Le message suivant s'affiche ensuite :
Unresolved reference: Jhansi
. Ce message vous indique ce que le système considère comme l'erreur dans le code. Même si vous ne connaissez pas la signification du message d'erreur, vous saurez peut-être ce qui ne fonctionne pas. Dans ce cas, vous savez que l'instructionprintln()
imprime le texte. Nous avons vu précédemment que le texte doit se trouver entre des guillemets. Si le texte n'est pas cité, il s'agit d'une erreur. - Ajoutez de nouveau les guillemets.
- Exécutez votre programme pour vous assurer qu'il fonctionne à nouveau.
Félicitations, vous avez exécuté et modifié votre premier programme Kotlin !
Il s'agit du code complet du programme sur lequel vous avez travaillé dans cet atelier de programmation.
- https://try.kotlinlang.org/ est un éditeur de code interactif sur le Web qui vous permet de vous entraîner à écrire des programmes Kotlin.
- Tous les programmes Kotlin doivent comporter une fonction
main()
:fun main(args: Array<String>) {}
- Utilisez la fonction
println()
pour imprimer une ligne de texte. - Placez le texte à imprimer entre guillemets. Par exemple,
"Hello"
. - Répétez l'instruction
println()
pour imprimer plusieurs lignes de texte. - Les erreurs sont signalées en rouge dans le programme. Un message d'erreur s'affiche dans l'onglet Problèmes pour vous aider à identifier l'origine de l'erreur et les causes possibles.
Cet atelier de programmation fait partie du cours Android Basics.
Procédez comme suit :
- Remplacez les instructions
println()
parprint()
. - Exécutez votre programme. Que se passe-t-il ?
Astuce:L'instruction print()
permet simplement d'imprimer le texte sans ajouter de saut de ligne à la fin de chaque chaîne.
- Corrigez le texte de sorte que chaque partie du message figure sur une ligne distincte.
Astuce : Utilisez \n
dans le texte pour ajouter un saut de ligne. Exemple : "line \n break"
. L'ajout d'un saut de ligne modifie le résultat comme indiqué ci-dessous.
Astuce : Vous pouvez imprimer une ligne vide en ne fournissant aucun texte : println("")
.
Code:
fun main(args: Array<String>) {
println("no line break")
println("")
println("with line \n break")
}
Sortie :
Vérifier votre travail :
Voici une solution possible:
fun main(args: Array<String>) {
print("Happy Birthday!\n")
print("Jhansi\n")
print("You are 25!")
}