Internet | Création de pages Web | Javascript | 🎯 Bases de Javascript: Carnet d'objectifs

🎯 Bases de Javascript: Carnet d'objectifs

Introduction au développement web interactif · 4e–6e secondaire · Informatique · ~10h

4ttr

5ttr

6ttr

niveau

Nom	Classe	Année

Légende : ☐ = à valider · Élève = autoévaluation · Pair = évaluation par un(e) camarade · Prof = validation de l'enseignant(e)

A. Environnement & premiers pas en JavaScript

Niveau 1 — Reproduire

Objectif	Élève	Pair	Prof	Ressource
Je suis capable d'ouvrir la console du navigateur (F12) et d'y exécuter du code JS.	☐	☐	☐
Je suis capable d'intégrer du JavaScript dans une page HTML via la balise `<script>`.	☐	☐	☐
Je suis capable d'utiliser `alert()`, `console.log()` et `document.write()` pour afficher un message.	☐	☐	☐
Je suis capable de distinguer un script interne (inline) d'un script externe (fichier `.js`).	☐	☐	☐

Niveau 2 — Comprendre

Objectif	Élève	Pair	Prof	Ressource
Je sais expliquer le rôle de JavaScript dans le trio HTML / CSS / JS.	☐	☐	☐
Je sais choisir la méthode d'affichage adaptée selon le contexte (débogage vs utilisateur).	☐	☐	☐

B. Variables, types et conventions

Niveau 1 — Reproduire

Objectif	Élève	Pair	Prof	Ressource
Je suis capable de déclarer une variable avec `let` ou `const`.	☐	☐	☐
Je suis capable d'utiliser les types `string`, `number` et `boolean`.	☐	☐	☐
Je suis capable d'utiliser les opérateurs arithmétiques et de concaténer des chaînes.	☐	☐	☐
Je suis capable de recueillir une saisie utilisateur avec `prompt()` et de l'afficher.	☐	☐	☐

Niveau 2 — Comprendre

Objectif	Élève	Pair	Prof	Ressource
Je sais expliquer la différence entre `let` et `const`, et choisir le bon mot-clé.	☐	☐	☐
Je sais nommer mes variables en camelCase et justifier l'importance des conventions de nommage.	☐	☐	☐
Je sais convertir une saisie texte en nombre avec `parseInt()` / `parseFloat()` si nécessaire.	☐	☐	☐

C. Structures conditionnelles

Niveau 1 — Reproduire

Objectif	Élève	Pair	Prof	Ressource
Je suis capable d'écrire un bloc `if / else if / else` fonctionnel.	☐	☐	☐
Je suis capable d'utiliser les opérateurs de comparaison (`===`, `!==`, `<`, `>`, `<=`, `>=`).	☐	☐	☐

Niveau 2 — Comprendre

Objectif	Élève	Pair	Prof	Ressource
Je sais combiner plusieurs conditions avec `&&` et `\|\|`.	☐	☐	☐
Je sais expliquer la différence entre `==` et `===` et utiliser `===` par défaut.	☐	☐	☐
Je sais concevoir un algorithme de décision simple sous forme de condition imbriquée.	☐	☐	☐

D. Boucles et fonctions

Niveau 1 — Reproduire

Objectif	Élève	Pair	Prof	Ressource
Je suis capable d'écrire une boucle `for` et une boucle `while`.	☐	☐	☐
Je suis capable de déclarer une fonction, lui passer des paramètres et récupérer un `return`.	☐	☐	☐

Niveau 2 — Comprendre

Objectif	Élève	Pair	Prof	Ressource
Je sais choisir entre `for` et `while` selon la situation.	☐	☐	☐
Je sais décomposer un problème en fonctions réutilisables.	☐	☐	☐
Je sais identifier et corriger une boucle infinie.	☐	☐	☐

Niveau 3 — Généraliser / Combiner

Objectif	Élève	Pair	Prof	Ressource
Je suis capable de concevoir une fonction qui intègre une boucle et des conditions pour résoudre un problème inédit.	☐	☐	☐

E. Manipulation du DOM & événements

Niveau 1 — Reproduire

Objectif	Élève	Pair	Prof	Ressource
Je suis capable de sélectionner un élément HTML avec `getElementById` et `querySelector`.	☐	☐	☐
Je suis capable de modifier `innerHTML`, `textContent` et `style` d'un élément.	☐	☐	☐
Je suis capable d'associer un événement (`click`, `keyup`) à une fonction via `addEventListener`.	☐	☐	☐

Niveau 2 — Comprendre

Objectif	Élève	Pair	Prof	Ressource
Je sais expliquer ce qu'est le DOM et comment JS interagit avec la page HTML.	☐	☐	☐
Je sais lire la valeur d'un champ `<input>` et l'utiliser dans mon script.	☐	☐	☐

Niveau 3 — Généraliser / Combiner

Objectif	Élève	Pair	Prof	Ressource
Je suis capable de créer une interaction complète : saisie utilisateur → traitement JS → mise à jour de la page, sans modèle fourni.	☐	☐	☐

F. Structures de données : tableaux, objets et JSON

Niveau 1 — Reproduire

Objectif	Élève	Pair	Prof	Ressource
Je suis capable de créer un tableau, y ajouter des éléments (`push`) et accéder à un index.	☐	☐	☐
Je suis capable de créer un objet littéral avec des propriétés et d'y accéder (dot notation).	☐	☐	☐
Je suis capable de convertir un objet en JSON (`JSON.stringify`) et l'inverse (`JSON.parse`).	☐	☐	☐

Niveau 2 — Comprendre

Objectif	Élève	Pair	Prof	Ressource
Je sais parcourir un tableau avec une boucle `for` ou `forEach` et afficher les résultats dans la page.	☐	☐	☐
Je sais expliquer la différence entre un tableau et un objet, et choisir la structure adaptée.	☐	☐	☐
Je sais expliquer l'utilité du format JSON dans les échanges entre applications web.	☐	☐	☐

Niveau 3 — Généraliser / Combiner

Objectif	Élève	Pair	Prof	Ressource
Je suis capable de stocker des données structurées (tableau d'objets) et de les afficher dynamiquement dans le DOM.	☐	☐	☐

G. Projet intégrateur

Niveau 3 — Généraliser / Transférer

Objectif	Élève	Pair	Prof	Ressource
Je suis capable de concevoir et réaliser une page web interactive de A à Z (HTML + JS) sur un sujet de mon choix.	☐	☐	☐
Je suis capable de présenter mon projet, d'expliquer mes choix techniques et de répondre aux questions.	☐	☐	☐
Je suis capable de lire et comprendre le code d'un(e) camarade et d'y apporter une suggestion constructive.	☐	☐	☐
Je sais identifier et corriger un bug en utilisant la console du navigateur de façon autonome.	☐	☐	☐

H. Autonomie & transfert professionnel

Niveau 3 — Généraliser / Transférer

Objectif	Élève	Pair	Prof	Ressource
Je sais rechercher une solution technique de façon autonome (documentation MDN, StackOverflow).	☐	☐	☐
Je sais structurer mon code de manière lisible : indentation, nommage cohérent, commentaires utiles.	☐	☐	☐
Je sais situer JavaScript dans le paysage professionnel du développement web (front-end, frameworks, métiers).	☐	☐	☐
Je suis capable d'adapter un script existant à un nouveau besoin sans partir de zéro.	☐	☐	☐

Télécharger en PDF

Téléchargements

Carnet_Objectifs_JavaScript.docx

Carnet d'objectifs imprimable

Pour aller plus loin