Code et anime tes premiers projets en Javascript

Formations requises

Pour animer ce module, tu dois suivre ou avoir suivi ces formations :

Description du module

Les objectifs pƩdagogiques

Dans ce module, les makers vont dĆ©couvrir les bases de JavaScript cĆ“tĆ© navigateur. Ils s’initieront Ć©galement Ć  la manipulation du DOM et Ć  la gestion d’évĆ©nements, pour rendre leurs pages interactives.

Ils vont apprendre Ć  :

  • Comprendre le rĆ“le de JavaScript par rapport Ć  HTML/CSS
  • Utiliser la console et dĆ©boguer (messages, erreurs, console.log)
  • Manipuler les variables, types et opĆ©rateurs
  • Ɖcrire des conditions et des boucles (contrĆ“ler le flux du programme)
  • CrĆ©er et appeler des fonctions (rĆ©utiliser du code)
  • SĆ©lectionner et modifier le DOM (texte, attributs, classes, styles)
  • Ɖcouter et gĆ©rer les Ć©vĆ©nements (clic, clavier, saisie)
  • Structurer un petit script propre (noms clairs, indentation, commentaires)
  • RĆ©aliser de petites interactions (ex. bouton ā€œdark modeā€, compteur, menu dĆ©roulant)

Les activitƩs du module

Voici les diffƩrentes activitƩs du module

Jour 1

Jour 2

Jour 3

Jour 4

Jour 5

1h

Explorations JS

Diaporama

CrĆ©ation d’un site interactif

CrƩation d'un site interactif

CrƩation d'un site interactif

30 min

Explorations JS

Diaporama

CrĆ©ation d’un site interactif

CrƩation d'un site interactif

CrƩation d'un site interactif

30 min

Explorations JS

Diaporama

CrƩation d'un site interactif

CrƩation d'un site interactif

CrƩation d'un site interactif

1h

Explorations JS

DIaporama

CrƩation d'un site interactif

CrƩation d'un site interactif

CrƩation d'un site interactif

Adaptation formats spƩciaux

Les activitƩs

Exploration JS

ƀ travers plusieurs mini-projets, les makers vont dĆ©couvrir les bases de JavaScript et comprendre comment ce langage permet d’interagir avec l’HTML et le CSS pour rendre une page web dynamique.

Diaporama

Dans cette activitĆ©, les makers vont concevoir un diaporama d’images qui se dĆ©filent automatiquement, un incontournable pour donner du mouvement et de la vie Ć  leur page web.

CrĆ©ation d’un site interactif

Les makers vont expƩrimenter diffƩrents effets visuels et interactifs en JavaScript pour transformer leurs pages statiques en vƩritables sites dynamiques et expressifs.

BONUS : Tableau dynamique 

Dans cette activitĆ©, les makers vont apprendre Ć  manipuler le contenu d’une page web avec JavaScript en Ć©crivant dynamiquement du texte sur une image.

Ils dĆ©couvriront comment le code peut modifier le HTML en temps rĆ©el et rĆ©agir aux actions de l’utilisateur.

Lien vers la fiche d’activitĆ©

Retour en haut