🧰 Les applications à installer pour coder dans tous les langages

💡 “Avant de coder, il te faut un bon outil. Comme un musicien avec son instrument, le codeur doit avoir son environnement de travail.”

🖥️ 1. Pour coder en HTML / CSS / JavaScript

Ces 3 langages vont ensemble :
➡️ HTML = structure de la page
➡️ CSS = design
➡️ JavaScript = actions / interactivité

Tu peux tout écrire dans un simple éditeur de texte, mais on va faire mieux. 👇

💻 Option 1 — Visual Studio Code (VS Code)

📦 Site officiel : https://code.visualstudio.com
💡 Gratuit, moderne, et ultra complet.

⚙️ Pour l’installer :

1. Télécharge “VS Code” depuis le site officiel
   
   

2. Installe-le comme une application normale
   
   

3. Ouvre-le et crée un nouveau dossier, par exemple :
   "Morgann_Music_Web"
   
   

4. Ajoute 3 fichiers :
   
   

   • index.html
     
     

   • style.css
     
     

   • script.js
     
     

💡 Tips à retenir :

✅ Tape ! dans un fichier HTML puis appuie sur Entrée → ça crée la structure de base du document.
✅ Utilise la touche Ctrl + / (ou Cmd + / sur Mac) pour mettre un commentaire.
✅ Installe l’extension Live Server pour voir ton site en direct dans ton navigateur.

💻 Option 2 — CodeSandbox (en ligne)

🌐 Site : https://codesandbox.io
➡️ Aucun téléchargement ! Tu peux coder directement dans ton navigateur.
➡️ Pratique sur téléphone, iPad ou ordinateur public.

💡 Tips :

“CodeSandbox garde ton code en ligne, donc pas besoin de tout sauvegarder à la main.”

💻 Option 3 — Replit

🌐 Site : https://replit.com
➡️ Permet de coder en HTML, CSS, JS, Python, etc.
➡️ Tu peux même partager ton projet avec d’autres et le tester en ligne.

💡 Tips :

“Parfait si tu veux t’entraîner à plusieurs ou montrer ton code à un ami.”

🍏 2. Pour coder en Swift / SwiftUI (Apple)

Swift est spécial : il ne se code que dans l’environnement Apple.
➡️ Si tu veux créer des apps iPhone / iPad / Mac, il te faut Xcode.

💻 Xcode

📦 Disponible sur Mac App Store
📲 Lien : https://apps.apple.com/fr/app/xcode/id497799835

⚙️ Installation :

1. Ouvre le Mac App Store
   
   

2. Recherche “Xcode”
   
   

3. Installe (attention, ça fait ~10 Go)
   
   

4. Ouvre-le et clique sur “Create a new project”
   
   

5. Choisis “App iOS” → SwiftUI → et c’est parti 🎉
   
   

💡 Tips :

“Xcode c’est ton studio de musique, mais pour le code Apple. Tu peux voir ton app en direct sur un iPhone virtuel.”

💡 Bonus — Swift Playgrounds (pour apprendre sans stress)

📱 Dispo sur iPad et Mac
➡️ Application gratuite pour apprendre Swift en jouant.
➡️ Parfait si tu débutes.

💡 Tips :

“Swift Playgrounds, c’est comme Duolingo mais pour apprendre à coder en Swift.”

🪄 3. Pour aller plus loin (et tout centraliser)

Tu peux installer un seul outil pour tous les langages si tu veux coder rapidement :

• Replit : marche partout, même sur mobile
  
  

• Glitch : https://glitch.com (spécial web design interactif)
  
  

• CodePen : https://codepen.io (pour tester vite du HTML/CSS/JS)
  
  

💡 Tips :

“Si tu veux juste tester du code sans créer de projet complet, CodePen est ton meilleur pote.”

🎯 Mini défi

• Installe Visual Studio Code
  
  

• Crée un dossier Morgann_Music_Web
  
  

• Ajoute un fichier index.html avec :
  
  

<h1>Bienvenue sur Morgann Music 🎧</h1>

<p>Découvre les nouveaux sons et actus exclusives.</p>

• Ouvre-le avec Live Server → tu verras ton premier “site web” ✨