Écrire du code directement dans le cours

Sur ce site, les exemples de code des cours s'exécutent dans la page, sans rien installer : Python, SQL et HTML/CSS/JavaScript. Tout se passe dans votre navigateur ; rien n'est envoyé à un serveur.

Les blocs de code des cours

Sous un bloc de code Python (ou SQL, ou HTML), un bouton Exécuter (ou Tester pour le HTML) lance le code. Le bouton Modifier transforme le bloc en éditeur : changez le code, exécutez-le, observez le résultat.

Un éditeur Python

Essayez : le premier chargement de Python télécharge environ 10 Mo, puis il reste en mémoire dans votre navigateur.

nom = input("Comment t'appelles-tu ? ")
for i in range(3):
  print("Bonjour", nom, i)

• Exécuter : Ctrl + Entrée fonctionne aussi dans l'éditeur.
• Arrêter : interrompt un programme qui ne se termine pas (par exemple while True:).
• Réinitialiser : revient au code de départ. Votre code est sauvegardé automatiquement dans ce navigateur.
• input() affiche une invite : tapez votre réponse puis validez avec Entrée.
• Au clavier : Tab indente ; pour quitter l'éditeur avec Tab, appuyez d'abord sur Échap.

Des erreurs lisibles

def moyenne(notes):
  return sum(notes) / len(notes)

print(moyenne([12, 15, 9]))
print(moyenne([]))

Un exercice avec tests

Écrivez la fonction double : les tests cachés vérifient plusieurs valeurs.

def double(n):
  # à compléter
  pass

Des graphiques avec matplotlib

import matplotlib.pyplot as plt

x = [0, 1, 2, 3, 4, 5]
y = [v ** 2 for v in x]
plt.plot(x, y, marker="o")
plt.title("Les carrés")
plt.xlabel("n")
plt.ylabel("n au carré")
plt.show()

Les modules numpy, matplotlib, pandas et PIL (Pillow) sont chargés automatiquement quand le programme les importe.

Un éditeur SQL

La base d'exemple est celle de la médiathèque du cours de Terminale (tables Livres, Auteurs, Emprunts).

SELECT titre, annee
FROM Livres
WHERE annee > 1900
ORDER BY annee;

Un exercice avec vérification du résultat :

-- Afficher les titres des livres du genre « Conte »

Un bac à sable HTML / CSS / JavaScript

Sur téléphone, les zones HTML, CSS et JS sont des onglets. L'aperçu est isolé : le code ne peut pas accéder au site.

<h1 id="titre">Bonjour !</h1>
<button id="bouton">Cliquez-moi</button>
<p id="compteur">0 clic</p>

Un QCM

1. Que vaut `2 ** 3` en Python ?
   • 6
   • 8
   • 9
2. Quels types sont natifs en Python ?
   • int
   • str
   • tableau2d

Des solutions repliables

Correction de l'exercice

La fonction double renvoie 2 * n.

Limites

• Les programmes qui ont besoin d'un réseau ou d'une interface graphique (socket, tkinter, flask, pygame...) ne peuvent pas s'exécuter dans le navigateur : utilisez Thonny sur votre ordinateur.
• Si Python vous semble lent à démarrer, patientez quelques secondes la première fois : ensuite, tout est en cache et fonctionne même hors connexion.