Étape 1 sur 10
Ce qu'on va faire ensemble
Ce que tu vas obtenir
À la fin de ces dix étapes, une fenêtre sera ouverte sur ton écran. Elle aura un bouton. Tu auras changé le texte de ce bouton toi-même, et tu l'auras vu changer. C'est tout. C'est déjà beaucoup, parce que tout le reste du cours part de là.
Une chose à savoir avant de commencer. Cette page se souvient de toi, sur cet ordinateur : si tu la fermes et que tu reviens demain, elle te proposera de retourner à l'étape où tu étais. Et elle ne raconte rien à personne. Ce que tu fais ici ne sort pas de ton ordinateur, alors quand tu auras besoin d'aide, c'est à toi de la demander.
Ce que tu fais
- Lis cette page au complet. Il n'y a rien à télécharger ni à installer pour l'instant.
- Appuie sur Ctrl et D en même temps pour mettre cette page dans tes favoris. Tu la retrouveras comme ça même si tu fermes ton navigateur ou si tu redémarres ton ordinateur.
- Quand tu as fini de lire, clique sur Continuer, en bas.
Ce que tu dois voir
Il n'y a rien à vérifier sur cet écran.
Si ce n'est pas ça
Tu ne comprends pas certains mots de cette page.
C'est normal et ça n'a pas d'importance. Continue quand même. Chaque mot sera expliqué à l'étape où tu en auras besoin, et pas avant.
Tu te demandes combien de temps ça va prendre.
Compte environ une heure, dont une vingtaine de minutes d'attente pendant que ton ordinateur télécharge. Tu peux t'arrêter à n'importe quelle étape et revenir plus tard.
Étape 2 sur 10
Télécharger IntelliJ
Ce que tu vas obtenir
Un fichier d'installation sera dans ton dossier Téléchargements. On ne l'ouvrira pas tout de suite.
Ce que tu fais
- Clique sur le lien bleu juste en dessous de cette liste. Il ouvre la page de téléchargement dans un nouvel onglet, et cette page-ci reste ouverte derrière.
- La page s'ouvre sur une version payante qui s'appelle Ultimate. Ce n'est pas celle-là qu'on veut.
- Descends la page et cherche le titre « IntelliJ IDEA Community Edition ». Si tu ne le trouves pas, appuie sur Ctrl et F en même temps, tape Community, puis appuie sur Entrée.
- Sous ce titre, il y a un bouton de téléchargement. Clique dessus.
Ce que tu dois voir
Un fichier dont le nom commence par « ideaIC » et finit par « .exe » apparaît dans ton dossier Téléchargements. Il pèse environ 700 mégaoctets, donc le téléchargement prend de deux à quinze minutes selon ta connexion.
Si ce n'est pas ça
Le nom du fichier ne commence pas par ideaIC.
Tu as probablement pris la version Ultimate. Supprime le fichier et recommence en descendant plus bas dans la page, jusqu'au mot Community.
Le fichier ne finit pas par .exe.
Le site a peut-être deviné un autre système que Windows. Cherche près du bouton un menu qui dit macOS ou Linux, et change-le pour Windows.
Le site te demande de créer un compte.
La version Community ne demande aucun compte. Tu es sur la page d'Ultimate. Reviens en arrière et cherche Community.
Tu ne vois aucun téléchargement démarrer.
Regarde en haut à droite de ton navigateur : une petite flèche indique les téléchargements en cours. Le fichier est peut-être déjà en route.
Étape 3 sur 10
Installer IntelliJ
Ce que tu vas obtenir
IntelliJ sera installé et son icône sera sur ton bureau.
Ce que tu fais
- Ouvre ton dossier Téléchargements et double-clique sur le fichier ideaIC.
- Windows demande si tu autorises cette application à modifier ton appareil. Clique sur Oui.
- Une fenêtre d'installation s'ouvre. Clique sur Next.
- L'écran suivant demande où installer. Ne change rien et clique sur Next.
- L'écran suivant montre des cases à cocher. Coche « Create Desktop Shortcut » seulement. Laisse toutes les autres comme elles sont. Clique sur Next.
- Clique sur Install.
- Attends que la barre se remplisse, puis clique sur Finish.
Ce que tu dois voir
Une icône IntelliJ IDEA est apparue sur ton bureau.
Si ce n'est pas ça
Windows affiche un avertissement bleu disant que l'application n'est pas reconnue.
Clique sur « Informations complémentaires », puis sur « Exécuter quand même ». Le fichier vient du site officiel de JetBrains.
L'installation demande de redémarrer l'ordinateur.
Accepte et redémarre. Quand tu reviens, rouvre cette page : elle te proposera de revenir à cette étape.
Tu ne trouves pas l'icône sur le bureau.
La case du raccourci n'a peut-être pas été cochée, et ce n'est pas grave. Appuie sur la touche Windows, tape IntelliJ, il apparaîtra dans la liste.
Étape 4 sur 10
Le premier démarrage
Ce que tu vas obtenir
IntelliJ sera ouvert sur son écran d'accueil, avec un bouton New Project visible.
Ce que tu fais
- Double-clique sur l'icône IntelliJ IDEA de ton bureau.
- La première fois, IntelliJ demande d'accepter ses conditions d'utilisation. Coche la case, puis clique sur Continue.
- Il demande ensuite s'il peut envoyer des statistiques d'usage. Les deux réponses fonctionnent, choisis celle que tu veux.
- Attends. Le premier démarrage prend de trente secondes à deux minutes.
Ce que tu dois voir
Une fenêtre s'ouvre avec le mot Projects à gauche et un bouton New Project. C'est l'écran d'accueil.
Si ce n'est pas ça
Une fenêtre propose d'importer les réglages d'une version précédente.
Choisis « Do not import settings » et continue. Tu n'as pas de version précédente.
IntelliJ s'ouvre dans un projet au lieu de l'écran d'accueil.
Dans le menu du haut, choisis File, puis Close Project. Tu reviendras à l'accueil.
L'écran reste vide plus de trois minutes.
Ferme IntelliJ et rouvre-le une fois. Le premier démarrage échoue parfois sans conséquence.
Étape 5 sur 10
Créer le projet JavaFX
Ce que tu vas obtenir
Un projet JavaFX complet sera créé, avec le langage Java installé dedans. C'est ici que ton ordinateur télécharge Java tout seul : tu n'as rien à installer à la main.
Ce que tu fais
- Sur l'écran d'accueil, clique sur New Project.
- Une fenêtre s'ouvre. À gauche, descends la liste jusqu'à la section Generators, puis clique sur JavaFX.
- Au milieu, dans la case Name, écris : premiere-fenetre
- Vérifie que Language est réglé à Java.
- Vérifie que Build system est réglé à Maven. Si c'est Gradle, change-le pour Maven.
- Sur la ligne JDK, ouvre le menu déroulant et choisis « Download JDK ».
- Une petite fenêtre s'ouvre. Dans Version, choisis 25. Dans Vendor, choisis Eclipse Temurin. Clique sur Download.
- Attends la fin du téléchargement du JDK, puis clique sur Next.
- Un écran propose d'ajouter des bibliothèques. N'en coche aucune et clique sur Create.
Ce que tu dois voir
La fenêtre se ferme et IntelliJ affiche ton projet : à gauche, une arborescence qui commence par premiere-fenetre. En bas, une barre indique une activité en cours.
Si ce n'est pas ça
Tu ne trouves pas JavaFX dans la liste de gauche.
La section s'appelle Generators et se trouve plus bas dans la liste. Si JavaFX n'y est vraiment pas, clique sur « je suis bloqué » : il manque un module à ton IntelliJ et ça se règle.
La version 25 n'est pas offerte dans Download JDK.
Prends la version la plus élevée qui porte la mention LTS, puis clique sur « je suis bloqué » pour dire laquelle tu as prise.
Le téléchargement du JDK échoue.
Change le Vendor pour « Oracle OpenJDK » et réessaie. Le contenu est équivalent pour ce qu'on fait.
Le bouton Create est grisé et ne réagit pas.
Un champ obligatoire est vide, presque toujours le JDK. Vérifie que la ligne JDK affiche une version et non « No JDK ».
Étape 6 sur 10
Attendre
Ce que tu vas obtenir
Rien de visible ne va changer pendant quelques minutes. Cet écran existe uniquement pour te dire que c'est normal.
Ce que tu fais
- Ne clique sur rien dans IntelliJ.
- Regarde la barre en bas de la fenêtre d'IntelliJ : des noms de fichiers défilent et une barre avance.
- Attends. Ça prend de deux à cinq minutes la première fois, et jusqu'à dix sur une connexion lente.
- Tu peux faire autre chose pendant ce temps.
Ce que tu dois voir
La barre du bas se vide et disparaît. Plus rien ne défile. Le nom de ton projet à gauche n'a plus d'icône de chargement. C'est fini.
Si ce n'est pas ça
Tu as l'impression que c'est bloqué.
Tant que du texte défile en bas, ce n'est pas bloqué : Maven va chercher JavaFX sur Internet, morceau par morceau. C'est long une seule fois, jamais plus ensuite.
Un texte apparaît en bas avec le mot « error » ou « failed ».
Ça ne casse rien. À droite, ouvre l'onglet Maven et clique sur les deux flèches en rond pour réessayer. Si ça revient, clique sur « je suis bloqué ».
Rien ne se passe du tout, aucune barre, aucun texte.
C'est peut-être déjà terminé. Passe à l'étape suivante et regarde si les fichiers décrits sont là.
Étape 7 sur 10
Regarder, sans rien toucher
Ce que tu vas obtenir
Tu sauras quels sont les trois fichiers qui comptent, et tu sauras que tout le reste ne te concerne pas encore.
Ce que tu fais
- À gauche, clique sur la flèche à côté de premiere-fenetre pour ouvrir l'arborescence.
- Ouvre src, puis main, puis java, puis les dossiers jusqu'à voir des fichiers qui finissent par .java
- Ne modifie rien. Regarde seulement.
- Le fichier qui finit par Application.java est celui qui démarre le programme. C'est la porte d'entrée.
- Le fichier qui finit par .fxml, rangé dans resources, est celui qui décrit ce qu'on voit : les boutons, les textes, leur position.
- Le fichier qui finit par Controller.java est celui qui réagit quand on clique.
- Tout le reste, y compris le dossier target et le fichier pom.xml, ne te concerne pas aujourd'hui.
Ce que tu dois voir
Tu as vu les trois fichiers de tes yeux et tu n'as rien modifié.
Si ce n'est pas ça
Tu ne trouves pas le fichier .fxml.
Il n'est pas dans java mais dans resources, qui est juste à côté. Ouvre src, puis main, puis resources.
Il y a beaucoup plus de fichiers et de dossiers que trois.
C'est normal, il y en a des dizaines. Trois seulement comptent. Les autres sont là pour l'ordinateur, pas pour toi.
Tu as modifié un fichier par accident.
Appuie sur Ctrl et Z en même temps, autant de fois qu'il faut, jusqu'à ce que le point bleu à côté du nom du fichier disparaisse.
Étape 8 sur 10
Lancer
Ce que tu vas obtenir
Une fenêtre va s'ouvrir sur ton écran. Elle sera petite, elle aura un bouton, et elle sera à toi.
Ce que tu fais
- En haut à droite d'IntelliJ, il y a un triangle vert qui pointe vers la droite. C'est le bouton pour lancer.
- Si le triangle est gris, double-clique d'abord à gauche sur le fichier qui finit par Application.java.
- Clique sur le triangle vert.
- Attends de dix à trente secondes. Une zone de texte s'ouvre en bas avec des lignes qui défilent.
Ce que tu dois voir
Une nouvelle petite fenêtre apparaît, séparée d'IntelliJ. Elle contient un bouton, qui dit « Hello!» ou « Click me!» selon la version. Si tu cliques dessus, le texte au-dessus change. C'est ta première application JavaFX, et elle fonctionne.
Si ce n'est pas ça
Du texte apparaît en bas et aucune fenêtre ne s'ouvre.
Sélectionne tout le texte du bas, de la première à la dernière ligne, et garde-le. Clique sur « je suis bloqué » : ce texte dit exactement ce qui manque, et il se lit.
Le texte du bas contient « JavaFX runtime components are missing ».
C'est l'erreur la plus fréquente et elle se règle. À droite, dans l'onglet Maven, ouvre Plugins, puis javafx, puis double-clique sur javafx:run. Si le message revient, clique sur « je suis bloqué ».
La fenêtre s'ouvre puis se ferme aussitôt.
Relance une fois avec le triangle vert. Si ça recommence, clique sur « je suis bloqué ».
La fenêtre est ouverte mais vide, sans bouton.
Agrandis-la en tirant sur son coin : le bouton est peut-être plus bas que le bord.
Étape 9 sur 10
Changer une chose
Ce que tu vas obtenir
Le bouton ne dira plus « Hello ». Il dira ce que tu auras décidé, parce que tu l'auras écrit toi-même.
Ce que tu fais
- Ferme la petite fenêtre de ton application en cliquant sur le X.
- À gauche, double-clique sur le fichier qui finit par .fxml pour l'ouvrir.
- Cherche une ligne qui contient text="Hello!" ou text="Click me!". Elle commence par <Button.
- Remplace seulement le mot entre les guillemets par celui que tu veux, par exemple text="Salut". Ne touche ni aux guillemets, ni au reste de la ligne.
- Appuie sur Ctrl et S en même temps pour sauvegarder.
- Clique de nouveau sur le triangle vert pour relancer.
Ce que tu dois voir
La fenêtre se rouvre et le bouton affiche le mot que tu as écrit. Tu viens de modifier un programme et d'en voir le résultat.
Si ce n'est pas ça
Tu ne trouves aucune ligne avec text=
Appuie sur Ctrl et F en même temps, tape text= puis Entrée. L'éditeur va surligner la ligne.
Le programme refuse de démarrer après ta modification.
Un guillemet ou un chevron a probablement été effacé. Appuie sur Ctrl et Z plusieurs fois pour revenir en arrière, sauvegarde, et recommence plus doucement.
La fenêtre se rouvre mais le texte n'a pas changé.
La sauvegarde a peut-être été oubliée. Appuie sur Ctrl et S, puis relance avec le triangle vert.
C'est le titre qui a changé, pas le bouton.
Ce n'est pas une erreur, c'est une découverte : tu viens d'apprendre que chaque texte de la fenêtre a sa propre ligne. Change l'autre si tu veux.
Étape 10 sur 10
Ce que tu possèdes maintenant
Ce que tu vas obtenir
Rien à faire sur cet écran. Il est là pour nommer ce que tu viens d'acquérir.
Ce que tu fais
- Lis la liste. Ce sont des faits, pas des encouragements.
- Tu as un environnement de développement Java qui fonctionne sur ton ordinateur.
- Tu as un projet JavaFX qui compile et qui démarre.
- Tu sais lancer une application avec le triangle vert.
- Tu sais où se trouve le fichier qui décrit ce qu'on voit, et tu sais le modifier.
- Tu connais la boucle qui servira à tout le reste du cours : modifier, sauvegarder, relancer, regarder.
- Tu peux fermer cette page. Ton projet reste sur ton ordinateur.
Ce que tu dois voir
Ton projet premiere-fenetre existe sur ton ordinateur et tu peux le rouvrir quand tu veux depuis l'écran d'accueil d'IntelliJ.
Si ce n'est pas ça
Tu as sauté des étapes et tu n'es pas sûr d'avoir tout fait.
Rien ne presse et rien n'est perdu. Utilise le bouton de retour pour revoir une étape, et reviens ici quand tu veux.
Tu te demandes ce qui vient après.
La suite est en préparation. Dis à Daniel que tu as terminé l'étape zéro.
Comment avoir de l'aide
Cette page ne prévient personne toute seule. Pour avoir de l'aide, écris à Daniel. Tu n'as rien à expliquer : dis-lui le numéro de l'étape où tu es bloqué, c'est assez pour qu'il retrouve exactement où tu en es.
En attendant, deux choses peuvent aider. Relis la section « Si ce n'est pas ça » juste au-dessus : la réponse y est souvent. Et si elle n'y est pas, tu peux fermer cette page et revenir plus tard. Rien n'est perdu : la page te proposera de revenir à cette étape.