Inutile ici.

"encore plus loin"

Écrire plutôt : ", a".

La virgule vient après le "qui".

C'était une formation très intéressante, merci beaucoup pour votre travail.

J'ai bien aimé les vidéos d'explication mises à la fin d'une partie ou d'un chapitre. J'ai aussi aimé l'idée de construire le jeu Azertype au fil des chapitres.

Bon, pour être honnête, vers la fin, ça devenait difficile pour moi (surtout avec les questions des exercices qui n'étaient pas très claires/précises je trouve) mais je n'ai rien lâché !

Encore merci à tous ceux qui ont contribué à ce cours !

Sans "s".

"ez" si l'on veut rester fidèle au sommaire.

Il y a un tout petit problème : lorsque je rentre une adresse mail avec à la fin ".co" au lieu de ".com", une erreur n'est pas affichée.

Oubli du lien.

Oubli du lien.

"change" plutôt, non ?

Elle peut aussi être réalisée en ajoutant l'attribut "required" dans la balise "input", non ? Ah mais non, j'ai rien dit. En fait, cette méthode n'est pas suffisante car l'utilisateur n'a qu'à écrire n'importe quoi pour la déjouer.

Quel code ? Dans notre exemple, on clique sur "Partager" une fois que toute la page ait été chargée. Je ne comprends pas trop l'utilité de "preventDefault()". Je pensais qu'on l'ajoutait afin d'éviter de perdre du temps en attendant le rechargement de la page, ou bien (peut-être) pour ne pas perdre les informations fournies par l'utilisateur, mais apparemment, on fait ça pour une autre raison (que je n'ai pas compris).

Le lien vers le corrigé a été oublié. Vous pouvez y accéder en cliquant sur le lien "à onotre projet" plus haut. Il faut regarder le sommaire/menu déroulant.

fonction

Il y a une erreur je crois, car dans la correction vous ne parlez pas de ces deux variables.

"un"

Je comprends l'idée de "hiérarchie" mais, je trouve que ce n'est pas une erreur si on a commencé notre page avec des titres de niveau 2. Il se peut que j'estime que la taille de la police du niveau 1 est très grande pour moi, et donc que je commence par le niveau 2 directement (et je continue avec h3, h4 pour les sous-titres, bien sûr).

Pour le premier point : dans le console.log, "listeRadio[index].value" fonctionne aussi (dans ce cas, pas besoin de mettre un argument "event" dans la fonction fléchée).

Si je comprends bien, on n'a pas mis de "." devant "input" car c'est une balise HTML et non le nom d'une "class".

"input" plutôt, non ?

Sans "s".

C'est "PopupInfo"

Sans "s"

"." (en tout cas, dans mon VS Code c'est ainsi)

Manque un verbe.

Manque un verbe.

Se lit "eundifaïnd".

Se lit "disèïbold" (approcimativement.

Le "t" ne se prononce pas.

Valider

Valider

Visual Studio Code n'accepte pas "event" mais accepte "Event" (en tout cas sur mon pc c'est comme ça).

Valider

Je vais itérer ma question du chapitre précédent : pourquoi ? Pourquoi faire tout ça, alors qu'on a juste à aller dans notre document .html et écrire ce qu'on veut ? Pourquoi brûler non neurones avec des "${}, innerHTML …" ? J'ai l'impression qu'on veut se débarrasser du fichier HTML et de tout faire avec .js.

On entoure plutôt l'élément qu'on veut ajouter (ici div), non ?

"une"

Question : Pourquoi change-t-on les attributs dans le fichier .js alors qu'on peut directement le faire dans le fichier .html ? Par exemple, dans la vidéo, pourquoi se casser la tête avec du Java, alors qu'on a juste à modifier la valeur de "src" directement dans le fichier HTML ? Pareil pour le "alt" d'aillerus.

"noir" vous voulez dire ?

D'après ce que j'ai appris en CSS (avec OpenClassrooms), on mettait un "." à la place du "#". C'est pareil ?

Après test : effectivement, c'est "." à la place de "#" car sinon, ça ne fonctionne pas (Chrome affiche dans la Console "null").

"l'attribut" serait plus approprié non ?

Nombre

"un petit"

Je crois que vous avez mis le CodePen du chapitre suivant.

Au passage, ça se lit "pouch" et pas "peuch".

Pour la question 3, je ne comprends pas pourquoi on ne transforme pas totalLivres en type str. Parce que cette dernière vaut 545 et est donc de type number, donc moi j'avais d'abord transformé ce number en str, puis l'ai concaténé avec "Notre bibliothèque possède ".

"nombre"

Sans accent.

"déclaréE" car monPrenom est une variable.

En trop.

"projetS"

"AfficheZ" si on veut suivre la logique des titres.

N'est-ce pas "display: none" ?

Manque "a" entre les deux mots.

"permettrons"

"orthographe" plutôt, non ?

Il me semble ne pas avoir vu d'attribut "placeholder".

"utiliséEs"

Problème : le lien me redirige vers une page "Page 404", dans un site web appelé "alphalyr".

"La"

"telles"

"e" sans accent, car on parle de la balise "video".

Idem que le titre.

Pour moi, il y a un "s".

Manque "balise" entre les deux.

Les cases de qui ? Du tableau, donc "ses" à la place de "ces". En tout cas, j'ai l'impression que c'est plus "ses" que "ces".

En trop.

Redondance ?

"qui concerne"

Manque"-" entre les deux mots.

Il me semble que c'est "quant".

Manque un "x".

Pas de " d' ".

Je trouve qu'il y a une erreur. Dans la formation sur HTML5 et CSS3 on nous apprend que notre code doit toujours avoir la structure suivante : header (composée de "nav"), main (composée de plusieurs "section") et de footer. Or, ici, on nous montre un "header" et un "main", et la réponse n'est que "main". Etrange … Il fallait écrire "quelles balises" afin qu'on puisse choisir les deux correspondantes.

J'aurais écrit : "Réfléchissez à l'accessibilité et communiquez les informations relatives à cette dernière/celle-ci".

Le niveau de titre a l'air incorrect.

Il aurait été plus commode d'expliquer comment faire. Comment faire pour ajouter des sous-titres à une vidéo téléchargée depuis YouTube ?

Manque "avez" entre les deux mots.

"le dernier chapitre" de cette partie/de ce cours

Manque un "s" à la fin.

En matière de cohérence, ne serait-il pas plus "cohérent" de nommer cette partie "À vous de jouer", comme dans les chapitres précédents ?

"vous" à la place de "nous"

"en bas"

"en haut"

"vous vous êtes retrouvés"

"différentEs" à la place de "différents"

Je vous conseille de visionner une vidéo YouTube pour voir comment faire.

Je vous conseille de suivre la mini-formation proposée par VoiceOver, lorsque vous cliquez sur ce dernier dans les Paramètres d'accessibilité. C'est pas trop long et c'est beaucoup plus "parlant"/instructif/interactif que le fichier.

C'est la touche "alt" située à gauche de la barre d'espace (à droite de "ctrl").

"réaliseZ"

Manque "de" après "l'aide".

"s" à la place de "z"

"s" à la place du "z"

Manque "quel".

Où se trouvent-ils ?

Manque "de" entre les deux mots.

Wow ! Franchement, c'est impressionnant à quel point la technologie a évolué. Grâce à cette vidéo, je comprends mieux pourquoi il est important que des personnes "valides" réfléchissent aux problèmes d'accessibilité. Merci pour le partage.

"et" à la place de "mais"

Le style du formulaire dans cette version est différente de celui dans P4C4-exercice.

Vous vouliez écrire "image" ?

Sans "le". Ou bien, reformuler la question : "Pourquoi est-ce qu'on le laisse vide ?"

Quelle est l'utilité de l'attribut "value" ici ?

Sans "s".

Sans "s".

Manque une majuscule à "bisounours".

Manque un "on" ente les deux mots.

Sans "e" à la fin.

Dans la solution du 3ème point, à la dernière du fichier .css, est-ce grâce à "display: flex;" que la div "Voir la photo" s'affiche lors du survol de l'image avec la souris ?

Le sélecteur devrait être "sticky" selon le code source HTML. Et il manque un "." au début.

Le sélecteur devrait être "fixed" selon le code source HTML. Et il manque un "." au début.

Manque un verbe.

Il est demandé de "réduire la fenêtre" mais personnellement, je n'ai pas compris. Du coup, j'ai coupé la balise img avec la propriété display et l'ai collée en dehors du "@media" et ça a fonctionné.

Suis-je le seul à trouver "CSS Grids" plus intuitif/pratique que "Flexbox" ? En effet, avec CSS Grids, tu lui précises le nombre de rangées et de colonnes à avoir et basta, alors qu'avec Flexbox, tu dois réfléchir aux axes (qui est "principal", qui est "secondaire" ?), tu ne peux jamais prévoir le résultat car même en utilisant "lfex-wrap: wrap;" tu ne sais pas après quel élément le navigateur va aller à la ligne … bref, ma phobie !

Après, peut-être que les "pro" du dév préfèrent Flexbox, mais à ce stade, je préfère CSS Grids.

Qu'en pensez-vous ?

Encore une fois, merci pour le partage. Je le conseille vivement si vous voulez manipuler les propriétés qu'on vient de voir (on en apprend d'autres aussi). Pour info, il y a 28 "niveaux", et à chacun d'eux, on manipule une ou deux propriétés.

R.I.P. l'élément 9 :(

"rangées" vous voulez dire ? Parce que, on a bien "dit" qu'on voulait 3 colonnes avec "grid-...-columns".

Il manque un trait d'union entre les deux mots.

"span" u conteneur ? Et on met quoi comme élément(s) à l'intérieur de ce conteneur ?

Ne manque-t-il pas un "même" après "le" ?

Il y a une erreur dans cette phrase, non ? Pour démarrer l'exercice, il y a des exercices qui nous aideront à mettre en place notre code ?

"de la section/balise" vous voulez dire ? parce que "de la page" voudrait dire qu'on supprime le logo (du footer).

C'est pas plutôt "valeur" ? Parce que display est une propriété, et "flex" est sa valeur/l'une de ses valeurs. Je me trompe ?

Ce n'est pas déjà le cas ? Ou, dois-je supprimer les marges ?

Parenthèse fermante manquante.

"ez" car dans tous vos titres de partie vous utilisez l'impératif. Au passage, il aurait été plus sympa d'opter pour l'infinitif ("er"), parce que là, ça donne des ordres, et ce n'est pas forcément agréable à lire.

Après avoir vu la correction Ah c'était donc ça que vous vouliez dire ?! Dans ce cas, il aurait été plus correct (à mon avis) d'écrire "Mettre le contenu à l'intérieur d'une section/dans une section". Et moi qui ai mis une balise "section" vide, placée juste après "main" (car vous aviez demandé "autour du contenu") … :)

Manque un "s".

Dans le corrigé, vous mettez cette balise dans le "header", mais dans le cours, on voit qu'elle vient après le "header". Du coup, je n'ai pas le même rendu que vous. De plus, vous ajoutez un lien "à propos" dans la page "à propos". Pour moi, cela est inutile : on ne va pas cliquer sur le lien d'une page où on y est déjà !

Définition anglaise : use a mouse or other device to position the cursor over a particular area of a computer screen so as to cause a program to respond (typically by displaying additional information or options), without clicking a button on the device.

Vous avez oublié le "type" de bordure. Solid, double, … ? Spoiler : il faut mettre "solid"

Correction : sur fond "#1F2039". Oui, parce que j'ai écrit "darkblue", et en fait, selon le corrigé, c'est pas cette couleur.

Typo : c'est "la" propriété

256 couleurs ? Et ça c'est peu ? Et comment accède-t-on à cette info ?

Il manque une précision ici, je trouve. Ici, on comprend qu'il faut afficher les logos seulement sur la page "À propos", mais dans la solution, les logos sont affichés sur les deux ("Accueil" + "À propos").

Chapitre très intéressant ! Par contre, mon cerveau était en feu dans la partie des "ancres" :)

Bon bah du coup, il ne reste plus qu'à ajouter cet attribut à toutes les balises "a" de la formation :)

En fait, c'est comme s'il y avait des balises "imp 1", "imp 2" et "imp 3" et que le navigateur change de style selon le chiffre après le "imp", c'est ça ? Ce que je ne comprends pas, c'est que, si "strong" ne signifie pas, pour le navigateur, "mettre en gras", dans ce cas, il choisit aléatoirement entre "surligner", "italique" et "gras" ? Mais dans ce cas, pourquoi des balises spécifiques pour chacun des styles ?

CodePen a l'air tellement plus pratique que Visual Studio Code. Merci !

Que signifie cet attribut ?

Pas de virgule entre "y" et "a" dans "il y a peu".

Pour avoir la version française de Visual Code : - Cliquer sur "Extensions" - Taper "French" dans la barre de recherche - Choisir le premier résultat (ou sinon, regarder si c'est qqch "d'officiel") - Télécharger … et c'est prêt !

Super bien pensé ! Suggestion : ça serait bien de faire ne sorte que, une fois que l'on clique sur un lien, un nouvel onglet s'ouvre. C'est très pénible de faire "clic droit" --> "ouvrir dans un nouvel onglet" à chaque lien ! Et au passage, je conseille de suivre la formation sur Chrome parce que les exemples du prof sont réalisés sur Chrome, et donc ça diffère de Safari par exemple.