Exercices et notebooks sur l'IHM

Entraînement sur le HTML et CSS

Rendez-vous sur le site codepen.io, puis tentez de reproduire la page web suivante.
N'hésitez pas à consulter les cours pour vous aider si besoin.

Partie HTML corrigée

Cliquez sur le lien ci-dessous pour accéder à un codepen contenant le code HTML complet :

Cliquez ici pour accéder au codepen

Notebooks Jupyter

HTML et CSS :

• Notebook - Les bases du HTML et du CSS
• Notebook - CSS approfondissement

JavaScript :

• Notebook - Modifier les éléments du DOM avec JavaScript

Autres exercices

Voici d'autres exercices pour vous permettre d'aller plus loin dans votre apprentissage du JavaScript :

• http://portail.lyc-la-martiniere-diderot.ac-lyon.fr/srv1/html/cours_js_nsi/evenements/actions.html
• https://pixees.fr/informatiquelycee/n_site/nsi_prem_js.html
• https://frederic-junier.gitlab.io/parc-nsi/chapitre23/javascript-git2/
• https://odyssey.sdlm.be/