From 82f50b58c2e45fe3434fd4a2625dbd56b73bcf88 Mon Sep 17 00:00:00 2001 From: Damien Cosset Date: Fri, 1 Jul 2016 17:37:21 +0200 Subject: [PATCH] jQuery Challenge 5 to 10 French Translation (#9486) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * French Translation jQuery Challenges n°5 to n°10 * French Translation jQuery Challenges n°5 to n°10 * French translation jQuery Challenges 5 to 10 * Update jquery.json * Update jquery.json --- .../jquery.json | 58 +++++++++++++++++-- 1 file changed, 53 insertions(+), 5 deletions(-) diff --git a/challenges/01-front-end-development-certification/jquery.json b/challenges/01-front-end-development-certification/jquery.json index 0bcebbe37a..1ba836e28a 100644 --- a/challenges/01-front-end-development-certification/jquery.json +++ b/challenges/01-front-end-development-certification/jquery.json @@ -377,7 +377,12 @@ "descriptionDe": [ "Anfangs waren diese Animationen noch cool, jetzt sind sie aber ein wenig störend.", "Lösche alle drei jQuery Funktionen deiner Document Ready Funktion, aber lasse die Document Ready Funktion selbst intakt." - ] + ], + "titleFr" : "Effacer vos fonctions jQuery", + "descriptionFr" : [ + "Ces animations sont sympathiques à première vue, mais maintenant elles deviennent plutôt distrayantes.", + "Effacez les trois fonctions jQuery de votre document ready function, mais laissez votre document ready function lui-même intact." + ] }, { "id": "bad87fee1348bd9aed908626", @@ -447,7 +452,15 @@ "Füge die Klasse animated zu allen Elementen des Typs button hinzu.", "Füge die Klasse shake zu allen Buttons mit der Klasse .btn hinzu.", "Füge die Klasse btn-primary zu dem Button mit der ID #target1 hinzu." - ] + ], + "titleFr" : "Cibler le même élément avec plusieurs sélecteurs jQuery", + "descriptionFr" : [ + "À présent, vous connaissez trois façons de cibler les éléments: par type: $(\"button\"), par classe: $(\".btn\"), et par id $(\"#target1\").", + "En utilisant .addClass(), ajoutez uniquement une classe à la fois au même élément, de trois façons différentes:", + "Ajoutez la classe animated à tous les éléments de type button.", + "Ajoutez la classe shake à tous les boutons qui ont la classe .btn.", + "Ajoutez la classe btn-primary au bouton qui a l'id #target1." + ] }, { "id": "bad87fee1348bd9aed918626", @@ -512,7 +525,14 @@ "So könntest du das bei einem spezifischen Button machen:", "$(\"#target2\").removeClass(\"btn-default\");", "Lass uns alle btn-default Klassen von unseren Button Elementen entfernen." - ] + ], + "titleFr" : "Supprimer des classes d'un élément avec jQuery", + "descriptionFr" : [ + "De la même façon que vous pouvez ajouter des classes à un élément avec la fonction jQuery addClass(), vous pouvez les supprimer avec la fonction jQuery removeClass().", + "Voici comment procéder pour un bouton spécifique:", + "$(\"#target2\").removeClass(\"btn-default\");", + "Supprimons la classe btn-default de tous nos éléments button." + ] }, { "id": "bad87fee1348bd9aed908826", @@ -586,7 +606,17 @@ "Das ist ein wenig anders als eine normale CSS-Deklaration, weil die CSS-Eigenschaft und deren Wert in Anführungszeichen sind und durch ein Komma anstatt eines Doppelpunkts getrennt werden.", "Lösche deine jQuery Selektoren, damit eine leere Document Ready Funktion übrig bleibt.", "Wähle target1 und ändere dessen Farbe zu Rot." - ] + ], + "titleFr" : "Changer le CSS d'un élément en utilisant jQuery", + "descriptionFr" : [ + "Nous pouvons aussi changer le CSS d'un élément HTML directement avec jQuery.", + "jQuery dispose d'une fonction appelée .css() qui vous permet de changer le CSS d'un élément.", + "Voici comment changer sa couleur en bleu:", + "$(\"#target1\").css(\"color\", \"blue\");", + "Ceci est légèrement différent d'une expression CSS normale, car la propriété CSS et sa valeur sont entre guillemets, et separées par une virgule au lieu de deux points.", + "Effacez vos sélecteurs jQuery, laissant votre document ready function vide.", + "Sélectionnez target1 et changez sa couleur en rouge." + ] }, { "id": "bad87fee1348bd9aed808826", @@ -655,7 +685,25 @@ "So kannst du alle Buttons deaktivieren:", "$(\"button\").prop(\"disabled\", true);", "Deaktiviere nur den target1 Button." - ] + ], + "titleFr" : "Désactivez un élément en utilisant jQuery", + "descriptionFr" : [ + "Vous pouvez également changer les propriétés non-CSS des éléments HTML avec jQuery. Par exemple, vous pouvez désactiver les boutons.", + "Lorsque vous désactivez un bouton, il devient gris et on ne peut plus cliquer dessus.", + "jQuery dispose d'une fonction appelée .prop() qui vous permet de modifier les propriétés des éléments.", + "Voici comment vous pouvez désactiver tous les boutons:", + "$(\"button\").prop(\"disabled\", true);", + "Désactivez uniquement le bouton target1" + ], + "titleFr" : "Changer le texte à l'intérieur d'un élément en utilisant jQuery", + "descriptionFr" : [ + "En utilisant jQuery, vous pouvez changer le texte entre les balises ouvrante et fermante d'un élément. Vous pouvez même changer les balises HTML.", + "jQuery dispose d'une fonction appelée .html() qui vous permet d'ajouter des balises HTML et du texte à l'intérieur d'un élément. Tout le contenu de l'élément sera alors remplacé par le contenu que vous indiquerez en utilisant la fonction.", + "Voici comment vous pourriez ré-écrire et mettre en italique le texte de notre titre:", + "$(\"h3\").html(\"<em>jQuery Playground</em>\");", + "jQuery dispose également d'une fonction similaire appelée .text() qui change uniquement le texte sans ajouter de balises. Autrement dit, cette fonction n'évaluera aucune balise HTML que vous lui donnez, mais les traitera comme du texte que vous désirez ajouter à votre élément.", + "Changez le bouton avec l'id target4 en mettant en italique son texte." + ] }, { "id": "564944c91be2204b269d51e3",