On va être honnête deux secondes : si vous essayez de coder ou de bidouiller un fichier de config sur Google Docs, vous allez vite avoir envie de jeter votre Chromebook par la fenêtre. Docs est génial pour une lettre de motivation, mais c’est un cauchemar pour le code car il rajoute plein de formatage invisible qui casse tout.
Il manquait un maillon fort à ChromeOS. Un outil capable de parler « brut ». C’est exactement le rôle de l’application Text. Sortie tout droit des labos de Google (Chrome Labs), c’est bien plus qu’un simple bloc-notes ; c’est votre couteau suisse numérique.
Pourquoi c’est une petite pépite ?
Ce qui frappe d’abord, c’est la vitesse. L’appli est une « Packaged App » native, ce qui veut dire qu’elle se lance avant même que vous ayez fini de cliquer. Pas besoin de Wi-Fi, pas de temps de chargement, elle est connectée direct aux tripes de votre système (fichiers locaux et Drive).
Mais ne vous fiez pas à son look minimaliste, elle en a sous le capot. Sa « killer feature », c’est la coloration syntaxique. Vous ouvrez un fichier .html, .css ou .py, et soudain, le texte s’illumine. Les balises prennent des couleurs, le code devient lisible, et vous repérez les erreurs (comme cette parenthèse que vous avez oublié de fermer) en un clin d’œil. C’est indispensable.
L’ergonomie a aussi été pensée pour ceux qui bossent vraiment. Oubliez la fenêtre unique : ici, on gère des onglets comme sur un navigateur. Mieux encore, si vous ouvrez un dossier complet, une barre latérale apparaît pour naviguer entre vos fichiers. C’est super fluide pour passer de votre code HTML à votre feuille de style CSS sans jongler avec cinquante fenêtres. Et petite touche qui fait plaisir : le mode sombre est dispo dans les paramètres. Vos yeux vous remercieront à 2h du matin.
Concrètement, ça sert à quoi ?
C’est l’outil rêvé pour apprendre. Vous voulez vous mettre au développement web sans installer une usine à gaz ? Vous créez votre index.html dans Text, vous tapez votre code, un petit Ctrl+S, et vous regardez le résultat dans Chrome juste à côté. Simple. Basique.
Les puristes de l’écriture l’adorent aussi pour le Markdown. Pas de barre d’outils envahissante, pas de distraction. Juste vous et vos mots. C’est aussi le sauveur quand il faut modifier un fichier de config .json ou .xml sans risquer que l’éditeur ne corrompe le formatage.
Text ou VS Code : Le match
On me pose souvent la question : pourquoi s’embêter avec Text si on peut installer un « vrai » IDE comme VS Code via Linux ? La réponse tient en un mot : l’agilité.
| Fonctionnalité | Application Text (Native) | VS Code (via Linux) |
| Vitesse de lancement | Instantanée (< 1s) | Plus lent (5-15s) |
| Ressources | Très faible (fonctionne sur tout Chromebook) | Gourmand en RAM |
| Complexité | Aucune installation requise | Nécessite d’activer Linux |
| Fonctions Avancées | Non (pas de terminal intégré, pas de plugins) | Oui (Terminal, Git, Extensions, Debugger) |
| Usage idéal | Édition rapide, apprentissage, notes | Développement pro, gros projets |
Mon conseil ? Gardez les deux. VS Code pour les gros chantiers, et Text pour les retouches rapides ou la prise de notes légère.
L’installer et le maîtriser
Pas de souci pour l’installer car Text est présent. A l’installation, alors pourquoi chercher. Il suffit de coller l’icône sur l’étagère, de l’épingler et voilà toujours sous la main. Pratique !
Niveau utilisation, c’est du standard, mais mémorisez bien ces raccourcis, ce sont vos meilleures armes : le sacro-saint Ctrl + S pour sauvegarder (réflexe de survie), Ctrl + O pour ouvrir, et le Ctrl + Shift + S pour le « Enregistrer sous », vital quand on veut changer l’extension d’un fichier.
Bref, Text, c’est la preuve qu’on n’a pas toujours besoin d’artillerie lourde pour être efficace. C’est léger, propre, et ça fait le job parfaitement.
Une preuve de ses capacités
Vous avez l’outil, maintenant on va construire quelque chose de concret. On va créer votre première page web, là, tout de suite. Pas de panique, on va y aller doucement, mais à la fin de ces quelques minutes, vous aurez codé un truc fonctionnel. C’est un sentiment assez grisant, vous verrez.
Un contenu de qualité, sans publicité.
Vous aimez notre travail ? Soutenez notre indépendance en devenant membre sur Patreon.
Soutenir MyChromebook.frLa préparation du terrain
Règle d’or du développeur : un espace de travail propre évite bien des crises de nerfs. Avant de taper la moindre ligne, filez dans l’application Fichiers de votre Chromebook. Trouvez un petit coin tranquille dans vos « Téléchargements » (ou sur le Drive si vous êtes du genre cloud) et créez un nouveau dossier. On va l’appeler MonSiteWeb. C’est basique, mais c’est votre QG.
Le moment « Matrix »
Ouvrez l’application Text. Vous êtes face au vide ? Parfait. Copiez le bloc ci-dessous et collez-le direct dans la fenêtre. Ne vous laissez pas intimider par les symboles ; c’est juste un mix de HTML (le squelette) et de CSS (le maquillage) pour rendre le tout présentable.
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8"> <title>Mon Premier Site</title>
<style> /* Ici, on met le style (la déco) */ body { font-family: sans-serif; background-color: #f0f4f8; text-align: center; padding: 50px; } h1 { color: #2c3e50; border-bottom: 2px solid #3498db; display: inline-block; padding-bottom: 10px; } p { font-size: 18px; color: #555; } button { padding: 10px 20px; background-color: #3498db; color: white; border: none; border-radius: 5px; cursor: pointer; font-size: 16px; } button:hover { background-color: #2980b9; } </style>
</head>
<body>
<h1>Bienvenue sur ChromeOS !</h1>
<p>Ceci est ma toute première page créée avec l'application Text.</p>
<p>Je suis en train d'apprendre à coder.</p> <button onclick="alert('Bravo ! Tu as cliqué !')">Cliquez-moi</button>
</body>
</html>
L’étape critique : L’enregistrement
Attention, c’est là que 90% des débutants se plantent. Si vous ne faites pas ça exactement comme il faut, votre navigateur ne comprendra rien. Faites chauffer le Ctrl + S pour sauvegarder.
Naviguez jusqu’à votre dossier MonSiteWeb. Maintenant, le plus important : nommez le fichier index.html. Pourquoi ce nom ? Parce que index, c’est la convention universelle pour dire « c’est l’accueil », et surtout, l’extension .html est le sésame qui dit à l’ordi « ceci n’est pas une liste de courses, c’est une page web« . Dès que vous validez, regardez votre code dans Text : il devrait s’illuminer de couleurs. C’est la coloration syntaxique qui s’active. C’est bon signe.
Le verdict
Retournez dans votre dossier via l’explorateur de fichiers et double-cliquez sur index.html. Chrome va prendre le relais. Et voilà. Vous avez un titre, du texte, et un bouton bleu. Cliquez dessus. La petite alerte qui s’affiche ? C’est du JavaScript (très basique). Vous venez de faire interagir du code avec un utilisateur.
Le workflow du pro (Bonus)
Pour éviter de devenir fou à changer de fenêtre toutes les deux secondes, adoptez la technique de l’écran partagé. Glissez la fenêtre de Text contre le bord gauche de l’écran pour qu’elle prenne la moitié de la place, et jetez Chrome sur la moitié droite.
Maintenant, faites le test en direct : changez le texte du titre <h1> dans le code à gauche, faites Ctrl + S, puis cliquez sur la fenêtre de droite et faites Ctrl + R (rafraîchir). Le changement est instantané. Code > Save > Refresh. Habituez-vous à ce rythme, c’est le battement de cœur de tout développeur web.
FAQ (Foire Aux Questions) créé à partir de l’appli Text
Est-ce que l’appli sauvegarde mon travail automatiquement ?
Malheureusement non, et c’est le piège numéro un pour les habitués de Google Docs ! Ici, on est sur un éditeur « à l’ancienne ». Si votre batterie lâche ou que vous fermez la fenêtre par erreur sans avoir fait une sauvegarde manuelle, votre code part en fumée. C’est cruel mais formateur : apprenez à marteler le raccourci Ctrl + S toutes les cinq minutes, ça doit devenir un véritable réflexe de survie.
Pourquoi ma page reste la même alors que j’ai modifié le code ?
C’est parce que le navigateur ne devine pas vos changements en temps réel. Il garde en mémoire la version du fichier au moment où vous l’avez ouvert. Pour voir vos modifications, il faut impérativement suivre la danse en deux temps : d’abord vous sauvegardez le fichier dans l’éditeur (Ctrl + S), et ensuite seulement vous actualisez la page dans Chrome (Ctrl + R). Sans ce petit « refresh », vous resterez bloqué sur l’ancienne version.
Article précédemment mis en ligne le 24 février 2014
L’utilisation de Chromebook et de ChromeOS repose sur des fondamentaux intemporels. Pour vous permettre d’y revenir facilement, nous avons choisi de donner une seconde vie à nos articles de référence plutôt que de les multiplier. Nous les avons mis au goût du jour pour que vous puissiez (re)découvrir des informations essentielles et toujours pertinentes.
