À propos de ce cours
Commentaires (0)
Dans ce premier chapitre, tu vas découvrir ce qu’est le web et comment il fonctionne ! On commencera par HTML, le langage qui construit les sites. Imagine que c’est comme des briques pour faire une maison : avec des balises comme pour les titres et
pour les paragraphes, tu donneras une structure à ta page. Tu apprendras à écrire ton premier code dans un éditeur simple (comme Notepad ou CodePen), par exemple
Salut, je suis un héros !, et à l’ouvrir dans un navigateur pour voir le résultat. On te montrera aussi comment ajouter des images avec – par exemple, une photo de ton animal préféré ! Tu comprendras pourquoi HTML est la base de tout site web, comme Google ou YouTube. À la fin, tu auras une page simple avec un titre, du texte et une image, et tu seras prêt à la rendre encore plus cool dans les prochains chapitres. Ce sera ta première victoire dans le monde du web, et tu verras à quel point c’est facile et amusant de commencer à coder !
Maintenant que tu as une page avec HTML, il est temps de la rendre jolie avec CSS ! CSS, c’est comme une boîte de peinture pour ton site : tu peux changer les couleurs, la taille des lettres et même déplacer des choses. Dans ce chapitre, tu apprendras à connecter CSS à ton HTML avec une balise
Dans ce chapitre, tu vas ajouter une touche de magie avec JavaScript, le langage qui rend les sites vivants ! On commencera par connecter JavaScript à ta page avec
Dans ce chapitre, tu vas construire une maison rigolote avec HTML et CSS ! On utilisera des balises comme
Dans ce chapitre, tu vas coder un menu interactif qui change avec JavaScript ! On commencera par créer une liste avec
- et
- en HTML, comme une barre avec 'Accueil', 'Jeux' et 'À propos'. Avec CSS, tu la rendras jolie : background-color: blue; pour la barre, color: white; pour le texte, et display: flex; pour aligner les boutons. Ensuite, tu ajouteras JavaScript pour que le menu réagisse : avec onclick, chaque bouton changera quelque chose sur ta page. Par exemple, cliquer sur 'Jeux' pourrait afficher un message comme 'Prêt à jouer ?' avec element.innerHTML. Tu apprendras à utiliser des événements pour détecter les clics et des fonctions pour organiser ton code, comme function changerTexte() { ... }. À la fin, ton menu sera magique : clique sur un bouton, et une partie de la page se transformera ! Tu pourras tester des idées, comme changer la couleur de fond ou montrer une image cachée. Ce projet t’apprendra à connecter des éléments et à rendre ton site plus dynamique, comme ceux que tu vois sur Internet. Prépare-toi à créer un menu qui impressionne et à devenir un expert des sites interactifs !
Dans ce chapitre, tu vas animer une boîte avec CSS et JavaScript ! On commencera par créer une boîte carrée avec
