Code et anime tes premiers projets en Javascript
Formations requises
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.
