If you're seeing this message, it means we're having trouble loading external resources on our website.

Si vous avez un filtre web, veuillez vous assurer que les domaines *. kastatic.org et *. kasandbox.org sont autorisés.

Contenu principal

Chapitre : Introduction à JS : dessiner et animer

Introduction à la programmation

Apprendre
Qu'est-ce que la programmation ?
(Ouvre un modal)
Apprendre la programmation à Khan Academy
(Ouvre un modal)

Les bases du dessin

Apprendre
Faire des dessins avec du code
(Ouvre un modal)
Astuce : modification des nombres à la volée
(Ouvre un modal)
Défi : bonhomme de neige
(Ouvre un modal)
Dessiner plus de formes avec le code.
(Ouvre un modal)
Défi : bonhomme de neige avec des bras
(Ouvre un modal)

Colorier

Apprendre
Colorier avec le code
(Ouvre un modal)
Astuce : sélection d'une couleur
(Ouvre un modal)
Défi : jour de neige ensoleillé
(Ouvre un modal)
La puissance de la documentation
(Ouvre un modal)
Projet : qu'avons-nous pour dîner ce soir ?
(Ouvre un modal)

Les variables

Apprendre
Introduction aux variables
(Ouvre un modal)
Défi : le lapin aux dents longues
(Ouvre un modal)
Plus sur les variables
(Ouvre un modal)
Défi : la grenouille funky
(Ouvre un modal)
Résumé : les variables
(Ouvre un modal)
S'entraîner
Utiliser des variables
4 questions

Les bases de l'animation

Apprendre
Que sont les animations ?
(Ouvre un modal)
Faire des animations
(Ouvre un modal)
Défi : explosion solaire
(Ouvre un modal)
Raccourcis d'incrémentation
(Ouvre un modal)
Un raccourci encore plus court
(Ouvre un modal)
Défi : dissiper les nuages
(Ouvre un modal)
Projet : étoile filante
(Ouvre un modal)

Programmes interactifs

Apprendre
Interaction avec la souris
(Ouvre un modal)
Défi : la tomate goûteuse
(Ouvre un modal)
Défi : la manie du mouvement de la souris
(Ouvre un modal)

Bonus : redimensionner avec les variables

Apprendre
Utiliser des expressions mathématiques en JS
(Ouvre un modal)
Redimensionner des formes en utilisant des expressions avec variables
(Ouvre un modal)
Défi : les yeux de l'ours brun
(Ouvre un modal)
Projet : attaque animale
(Ouvre un modal)
S'entraîner
Utiliser les expressions avec variables
6 questions

Texte et chaînes de caractères

Apprendre
Fantastique texte : première partie
(Ouvre un modal)
Défi : mes aliments préférés
(Ouvre un modal)
Fantastique texte : deuxième partie
(Ouvre un modal)
Défi : le traqueur de souris
(Ouvre un modal)
Résumé : texte et chaînes de caractères
(Ouvre un modal)
Projet : annonce publicitaire
(Ouvre un modal)

Les fonctions

Apprendre
Les fonctions
(Ouvre un modal)
Défi : donnez votre nom
(Ouvre un modal)
Les paramètres de fonction
(Ouvre un modal)
Défi : des taupes dans les trous
(Ouvre un modal)
Les valeurs de retour de fonction
(Ouvre un modal)
Défi : la calculatrice
(Ouvre un modal)
Les variables locales et globales
(Ouvre un modal)
Les fonctions spéciales de ProcessingJS
(Ouvre un modal)
Résumé : les fonctions
(Ouvre un modal)
Projet : un aquarium
(Ouvre un modal)

La logique et les instructions conditionnelles

Apprendre
Instructions conditionnelles
(Ouvre un modal)
Défi : la balle qui rebondit
(Ouvre un modal)
Plus d'interactions avec la souris
(Ouvre un modal)
Défi : votre première application de dessin
(Ouvre un modal)
Les booléens
(Ouvre un modal)
Défi : l'analyseur de nombres
(Ouvre un modal)
Les opérateurs logiques
(Ouvre un modal)
Défi : votre premier bouton
(Ouvre un modal)
Défi : un bouton plus intelligent
(Ouvre un modal)
If/Else - partie 1
(Ouvre un modal)
Défi : la fiche flashy
(Ouvre un modal)
If/Else - partie 2
(Ouvre un modal)
Résumé : la logique et les instructions conditionnelles
(Ouvre un modal)
Les nombres aléatoires
(Ouvre un modal)
Projet : la boule magique numéro 8
(Ouvre un modal)

Déboguer des programmes

Apprendre
Déboguer avec println()
(Ouvre un modal)
D'autres techniques de débogage
(Ouvre un modal)

Les boucles

Apprendre
Introduction aux boucles while
(Ouvre un modal)
Défi : une règle en boucle
(Ouvre un modal)
Plus de boucles while : Hopper et ses ballons
(Ouvre un modal)
Défi : un paysage en boucle
(Ouvre un modal)
Les boucles for ! Un nouveau type de boucles
(Ouvre un modal)
Défi : le papier réglé
(Ouvre un modal)
Boucles for imbriquées
(Ouvre un modal)
Résumé : les boucles
(Ouvre un modal)
Projet : construis une maison
(Ouvre un modal)
S'entraîner
Utiliser les boucles while
6 questions

Rédiger un code propre

Apprendre
Du code lisible
(Ouvre un modal)
Clarifier avec des commentaires
(Ouvre un modal)
S'entraîner
Rédiger un code propre
9 questions

Les tableaux

Apprendre
Introduction aux tableaux
(Ouvre un modal)
Défi : vos fruits favoris
(Ouvre un modal)
Boucler sur des tableaux
(Ouvre un modal)
Modifier des tableaux
(Ouvre un modal)
Défi : le faiseur de constellations
(Ouvre un modal)
Résumé : les tableaux
(Ouvre un modal)
Projet : faites pleuvoir
(Ouvre un modal)

Les objets

Apprendre
Introduction aux objets
(Ouvre un modal)
Défi : la recette
(Ouvre un modal)
Modifier des objets
(Ouvre un modal)
Défi : la peinture à image
(Ouvre un modal)
Les tableaux d'objets
(Ouvre un modal)
Défi : les critiques de films
(Ouvre un modal)
Résumé : les objets
(Ouvre un modal)
Projet : l'étagère de livres
(Ouvre un modal)

Conception orientée objet

Apprendre
Les types d'objets
(Ouvre un modal)
Défi : le double arc-en-ciel
(Ouvre un modal)
Les méthodes
(Ouvre un modal)
Défi : le smiley
(Ouvre un modal)
L'héritage
(Ouvre un modal)
Défi : le producteur de fleurs
(Ouvre un modal)
Résumé : la conception orientée objet
(Ouvre un modal)

S'améliorer

Apprendre
Planifier un projet de programmation
(Ouvre un modal)
Planifier avec du pseudo-code
(Ouvre un modal)
Qu'apprendre ensuite
(Ouvre un modal)
Aidez les autres à apprendre !
(Ouvre un modal)

À propos de ce chapitre

Apprenez à utiliser le langage JavaScript et la bibliothèque ProcessingJS pour créer des animations et des dessins marrants.