• es
  • de
  • ja
  • fr

Exercices de codage

Nous sommes particulièrement ravis de donner accès à des exercices de codage pour tous les cours Java Script, CSS et HTML de la place de marché ! Que vous créiez vos propres exercices ou utilisiez notre corpus d’exercices pratiques, sachez que c’est un excellent moyen d’encourager vos participants à mettre en application leurs connaissances au cours de leur apprentissage.   Pour savoir comment ajouter ces exercices à votre cours, cliquez ici. Quel est l’avantage de proposer des exercices de codage ?  Les exercices de codage sont un excellent moyen d’impliquer vos participants. Ils vous permettent de satisfaire l’exigence d’Udemy en matière d’activités pratiques et les participants qui les effectuent passent plus de temps dans votre cours et sont plus satisfaits. Quel est l’objectif de chaque exercice de codage ? Dans chaque exercice de codage, l’objectif est d’encourager les participants à essayer un nouveau concept ou à relever un défi. Ils ont le droit de faire des erreurs pour pouvoir apprendre. Comme vous le savez, parfois, écrire du code qui ne fonctionne pas permet de comprendre plus rapidement ce qui fonctionne. Quelles sont les exigences pour les exercices de codage ? Tout exercice de codage doit inclure un titre, une description, des instructions pour les participants et les trois fichiers suivants :

  1. Un fichier contenant le code que les participants utiliseront pour commencer
  2. Un fichier contenant la solution que les participants pourront consulter s’ils le souhaitent
  3. Un fichier qui contient le code permettant de tester les propositions des participants

Chacune de ces exigences est décrite et présentée ci-dessous. Exercices Javascript Exercices html Exercices CSS Exercices Java

Titre

Quels sont les objectifs du titre ? Le titre a deux objectifs :

  1. Différencier les exercices de codage
  2. Indiquer au participant la tâche à effectuer dans le cadre de l’exercice

Quelles sont les exigences ? Un bon titre doit être court (moins de 60 caractères) et décrire brièvement le but de l’exercice de codage Exemple de titre : Lier une feuille de styles CSS à votre document HTML

Description

Quel est l’objectif de la description ?  La description doit développer le titre. Elle doit indiquer aux participants le contexte dans lequel s’inscrit cet exercice et leur permettre de savoir s’ils sont prêts à effectuer l’exercice. Quelles sont les exigences ?

  1. La description doit contenir trois phrases maximum.
  2. Elle doit indiquer aux participants les éléments qu’ils doivent connaître pour faire l’exercice et comment savoir quand ils l’auront réussi.

Exemple de description : Dans cet exercice, vous allez appliquer ce que vous avez appris sur les feuilles de styles liées pour créer des balises et écrire le code permettant de lier une série de feuilles de styles à un document HTML. L’exercice sera terminé lorsque vous pourrez lier toutes les feuilles de styles requises sans avoir à rechercher la balise à utiliser ou la syntaxe permettant de mettre en œuvre chaque lien.

Instructions pour les participants

Quel est l’objectif des instructions pour les participants ? Les instructions pour les participants sont la dernière chose que ceux-ci lisent avant de débuter l’exercice. L’objectif est de proposer un message clair, concis et exploitable aux participants. Quelles sont les exigences ?

    • Faites simple (pas de jargon)
    • Décrivez le plus possible (les participants ne seront pas forcément en mesure de poser des questions pour clarifier l’énoncé)
    • Si possible, essayez de tester vos instructions auprès de quelques participants pour voir si elles sont claires et exploitables 

Exemple d’instructions pour les participants :

Vous avez à votre disposition un document HTML et plusieurs feuilles de styles CSS. Trouvez les feuilles de styles et assurez-vous que chacune est liée au document HTML. Vérifiez que tous les styles référencés dans le document HTML sont également définis dans la feuille de styles appropriée. Si l’une des feuilles de styles n’est pas requise, ne l’incluez pas.

Fichiers

Quels fichiers sont nécessaires ? Chaque exercice de codage nécessite les trois fichiers suivants :

  1. Un fichier contenant le code que le participant doit utiliser pour commencer
  2. Un fichier contenant une solution possible que les participants pourront consulter en cas de besoin
  3. Un fichier contenant le code d’évaluation qui teste les propositions des participants, valide des solutions et définit des messages d’erreur

Quelles sont les exigences pour chaque fichier ?

    • Fichier initial : ce fichier doit contenir tout ce dont les participants ont besoin pour effectuer l’exercice :
      • Tout le code pertinent
      • Tous les commentaires intégrés utiles
      • Toute la structure de fichier/dossier que vous ne voulez pas qu’ils créent seuls
    • Fichier de solution : ce fichier doit contenir une solution de travail à l’exercice de codage. Une seule solution est requise mais celle-ci doit :
      • Fonctionner lors de son exécution
      • Être une solution que les participants pourraient avoir trouvée seuls (évitez les solutions trop complexes impliquant des techniques que les participants peuvent ne pas connaître)
  • Fichier de test : ce fichier doit exécuter le code qui teste les propositions des participants. Il doit contenir :
  • Le code d’évaluation qui vérifie les conditions respectées par le code des participants
  • Des messages d’erreur qui indiquent aux participants ce qu’ils doivent corriger en cas d’échec du test de leur code.

Comment savoir que vos fichiers de code fonctionnent ? Une fois que vous avez téléchargé les fichiers de votre exercice de codage, prévisualisez votre exercice en tant que participant et essayez d’entrer du code correct et incorrect pour vérifier que vos fichiers fonctionnent comme prévu.

Message de réussite

Quel est l’objectif du message de réussite ? Le message de réussite s’affiche pour féliciter les participants d’avoir terminé l’exercice. Quelles sont les exigences ? Il doit indiquer clairement ce qu’ils ont réussi (évitez les messages génériques du type « vous avez terminé l’exercice») Il doit être rédigé sur un ton encourageant (par ex. : « Bon travail ! ») Exemple de message de réussite : « Vous avez réussi ! Vous avez lié correctement toutes les feuilles de styles. Bravo ! »

Indices

Quel est l’objectif des groupes d’indices ? L’objectif de chaque indice est de proposer aux participants une action lorsqu’ils sont bloqués. Un indice doit révéler aux participants qui ont du mal à démarrer une information nécessaire pour passer à la prochaine étape. Quelles sont les exigences ? Les indices doivent être simples et clairs. Utilisez des questions ou des énoncés simples. Exemple de groupe d’indices                    Indice 1 Titre : Savoir quels éléments de document rechercher Explication : Avez-vous identifié les éléments utilisés dans le document HTML ? Indice 2 Titre : Vérifier les fichiers CSS Explication : Identifiez les fichiers CSS nécessaires et ceux qui ne le sont pas. Indice 3 Titre : Rappeler quelle balise utiliser pour créer un lien de feuille de styles Explication : Utilisez la balise <link> pour connecter une feuille de styles à un document HTML. Indice 4 Titre : Vérifier que le lien fonctionne Explication : Avez-vous navigué correctement dans la structure du dossier ?

Prochaine étape

Vous savez maintenant tout ce que vous devez savoir pour commencer à créer des exercices de codage pour votre cours. N’hésitez pas à choisir l’une des options suivantes : Si vous voulez commencer, vous pouvez accéder à votre cours et suivre ces instructions. OU Si vous voulez voir un exemple d’exercice de codage, vous pouvez cliquer ici. OU Si vous souhaitez en savoir plus sur l’écriture de code d’évaluation pour tester les travaux des participants, vous pouvez consulter quelques exemples de code d’évaluation ici.