01 AFFICHER

Entrées / Sorties 1

Activité d'introduction : on vous montrera comment déclarer votre fichier-code Javascript dans le HTML et comment afficher un message d'alerte ou modifier le texte d'une page.

02 LIRE LES ENTREES

Entrées / Sorties 2

Vous permettra de stocker ce qu'on rentre au clavier dans des variables et ainsi garder les informations en mémoire.

03 IF et FOR numérique

Tests et boucles 1

Aborde la notion vitale de test logique de façon à permettre à votre programme de faire des choix et d'executer des ordres tant que nécessaires.

On décrit ici le SI et la boucle POUR numérique.

04 WHILE et FOR nominatif

Tests et boucles 2

Suite de l'activité précédente. On décrit le TANT QUE et la boucle POUR nominative sur les objets itératifs.

On y trouve la première grosse activité sur les objets de type Array.

05 LOGIQUE et STRING

Tests et boucles 3

Explique comment sont codés les caractères de façon basique (en ASCII) et comment traiter les chaînes de caractères.

06 Images et Pixels

Mini-activité 1

Traite principalement des différents formats d'image (jpg, png ...) ainsi que de la façon de rendre les couleurs en RGB.

07 FONCTIONS PARAMETREES

Gestion des fonctions 1

Définit l'autre notion vitale qu'est la fonction en informatique. On y parle de procédures, de fonctions et de méthodes.

08 Interface graphique

Interface graphique 1

Comment placer précisement les éléments là où on veut et pas là où ils veulent bien aller...

Comment modifier les attributs des balises HTML depuis le scritp js avec notamment getAttribute et setAttribute.

09 Click, this et hasard

Interface graphique 2

Comment gérer les événements de type click sur plusieurs balises de la même façon ou presque. On y parle également de la gestion du hasard. Pour faire des jeux, c'est plus rigolo.

10 Utiliser des sons d'ambiance

Interface graphique 3

Comment émettre un son lorsqu'on utilise certains boutons ou qu'on clique sur certaines divs On présente la .

11 Création et modifications d'images

Interface graphique 4

Comment créer des balises IMG, changer les images et la taille de celles-ci.

12 Création et destruction de balises

Gestion du DOM 1

Comment créer des balises et les détruire, savoir dans quoi elles sont contenues ...

13 Créer des balises SVG avec Javascript

Interface graphique 5

Comment créer des balises SVG et y insérer des balises de dessins SVG.

Naviguer dans le DOM

Gestion du DOM 2

Cette activité permet de lire une à une les balises de votre document et de sélectionner précisement où vous voulez insérer vos nouvelles balises.

Tableaux

Structure de données 1

En cours. Comment placer plusieurs données liées dans une seule variable plutôt que d'en créer plusieurs.

PORTEE DES VARIABLES

Gestion des fonctions 2

On complète l'activité sur les fonctions en expliquant ce qu'est la portée des variables et les passages par valeur ou référence.

GESTION DES EVENEMENTS

Interface graphique 4

On y explique comment gérer le clavier et la souris pour gérer l'appel de fonctions. On pourra rajouter une interaction sans utiliser de bouton.

CANVAS ET DESSIN

Interface graphique 4

Vous allez pouvoir créer des zones de dessins vectoriels en 2D. Cela nous permettra de les obtenir, avant de les animer avec le chapitre suivant sur les interfaces graphiques.

CANVAS ET ANIMATION

Interface graphique 3

Explique les bases de l'animation avec Tkinter. Comment modifier et déplacer les items et les widgets ...