Epicode
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.

Communauté d'entraide dédiée à la création de forums en tous genres

AccueilFAQRechercherMembresGroupes
Le Deal du moment :
Display 24 boosters Star Wars Unlimited – ...
Voir le deal

Compte Fondateur
Le boss des boss
Messages :
13003
PointsCodes :
18099
Compte Fondateur

Epic'Guide - Faire valider son niveau


Mais comment ça marche ?

Voilà, vous avez bien bidouillé, vous avez créé (et peut être même partagé) vos merveilles ? Et vous souhaitez que votre niveau soit reconnu ? Pas de soucis !

C'est l'heure de mettre votre profil à jour !

Comment procéder ?


Rassemblez vos exercices, LS et autres codes personnels, et faites le point comparativement à l'Epic'Guide sur les notions que vous avez déjà validées. Sélectionnez les exemples qui pour vous illustrent bien vos compétences.

Ensuite, postez votre demande de validation à la suite de ce premier message, en utilisant le formulaire ci-après.

Vous pouvez totalement demander un niveau avancé si vous estimez que vous en avez les compétences, mais dans ce cas-là, il faudra que vos exemples de codes nous permettent de voir que vous avez bien assimilé les notions précédentes. Notre but ici est de valider vos acquis, donc même si vous n'obtenez pas le niveau visé, ne soyez pas déçu, et voyez plutôt cela comme une nouvelle piste à explorer.

Notez également que l'Epic'Guide est orienté codage Forumactif, donc même un niveau professionnel en développement front-end ne vous donnera pas de niveau Avancé++ si vous n'avez pas dompté Forumactif au préalable.

Ce sont les codeurs du staff qui évaluent vos compétences. Merci d'être patient si personne n'est disponible pour le moment !

Le formulaire


Rien de particulièrement compliqué niveau formulaire, juste quelques questions !
Code:
[b]Niveau envisagé :[/b] écrire ici
[b]Les notions de ce niveau :[/b] écrire ici
[b]Liens/codes qui illustrent votre usage de ces compétences :[/b] écrire ici
[b]Avec quoi codez vous ?[/b] écrire ici
[b]Vos points forts :[/b] écrire ici
[b]Vos points faibles :[/b] écrire ici
[b]La dernière notion de code que vous avez découverte :[/b] écrire ici
[b]Autres informations :[/b] écrire ici
Lyxiae
Membre timide
Messages :
179
PointsCodes :
270
Lyxiae
Niveau envisagé : Avancé ++
Les notions de ce niveau : Autonomie dans la recherche de fixes, utilisation du JS pour tordre FA dans tous les sens, CSS avancé, savoir personnaliser tous les templates de FA, savoir dépanner les autres, utilisation d'IDE pour le développement (VSCode & PhpStorm ici), tendre vers des codes accessibles (bon, ça, sur FA, ça paraît un peu compromis), et tout ce que les niveaux précédents incluent j'imagine.
Liens/codes qui illustrent votre usage de ces compétences : Vu que ce sont des forums (morts et/ou fermés et tests) je vais mettre en hide au cas où !

Autres informations : En espérant que ce soit assez exhaustif !
Jawn
Ancien.ne du staff
Messages :
3523
PointsCodes :
7189
Jawn
Ah que coucou ♥

Niveau envisagé : Avancé++
Les notions de ce niveau : Le seul truc que je sais pas coder "from scratch" c'est le JS, mais je trouve toujours un moyen de contourner avec du CSS ~
Liens/codes qui illustrent votre usage de ces compétences : J'pense que ça devrait parler à ma place 8D https://epsilon-ls.forumactif.com/
Autres informations : Débizou ♥

Merci d'avance !
Artemis
Admin & serial codeuse - 0% de méchanceté
Messages :
3621
PointsCodes :
6129
Artemis
Bonjour 8D Oui je suis censée donner des niveaux mais je viens demander à la pro @'Christa ce qu'elle pense objectivement du mien. Si je suis une fraude et que je ne mérite finalement pas mon niveau Avancé ++, ça me permettra de savoir exactement quoi améliorer !

Niveau envisagé : Avancé ++.
Les notions de ce niveau : je sais où chercher les infos (à part les fois où ça se résume à "BOUHOUHOU 'CHRISTA OSCOUR") ; et donc régler les bugs ; pour le JS, je connais la syntaxe et la logique mais j'ai encore beaucoup de mal à créer un code de A à Z. Ca se limite à choper une info et la déplacer en gros ; dépanner une tierce personne jeséfaire ; je sais coder tous les templates FA et contourner les limitations avec un peu de JS ; etc etc.
Liens/codes qui illustrent votre usage de ces compétences : Il y a mes derniers LS :
https://www.epicode-entraide.com/t18340-qeel-27-artemis : en grid
https://www.epicode-entraide.com/t18418-profil-10-artemis : profil en grid
https://hakumei.forumactif.org/ : mon forum (mais le codage commence à dater, je me suis encore améliorée depuis)
EDIT : je l'ai codé à l'arrache en fait donc je sais pas si c'est un bon exemple MDR mais au moins ça montre que je peux modifier les templates
le QEEL de la version actuelle d'Epicode (ok y'a eu une confusion entre des balises titres mais à part ça franchement... hein ? franchement. c'est pas mal !)
Vos points forts : Euuuh.  Epic'Guide — Demander votre niveau 3482194067 J'aime bien utiliser Grid, je suppose que c'est un point fort ?
Vos points faibles : Je me mets pas trop à jour en ce qui concerne les pseudo-classes de type is/not/where, mais c'est pas une lacune en soit ; en lisant la docu sérieusement je peux les intégrer dans mes futurs codes !
La dernière notion de code que vous avez découverte : color-mix Epic'Guide — Demander votre niveau 486990734
Autres informations : Alors. Je manque parfois de balises sémantiques mais c'est parce que j'ai la flemme. Je sais faire mais je suis une flemmarde patentée. Donc j'accepterai la sentence si 'Christa me punit en me donnant un niveau Débutant ++.
Du reste, je ne sais pas encore faire de trucs responsive par flemme mais je sais que Grid permet de faire des choses pas mal de ce côté-là, et j'aimerais bien bannir les hauteurs en pixels aussi - un jour -

Voilà voilà ! J'attends ma sentence !
'Christa
Codeur.se
Messages :
1262
PointsCodes :
3978
'Christa
L'ironie, c'est qu'en plus ce n'est même pas moi qui ai le droit de changer les niveaux dans le profil XD. Je suis juste là pour faire peur aux gens, je vois. Pour la peine, je vais dégainer la mise en page kifépeur.

Évaluation Epic'Guide


pour Lyxiae, Jawn & Artemis

Pour bien commencer


Alors en introduction, l'Epic'Guide c'est un guide qu'on a cogité intensément ces derniers mois pour tenter de refléter deux objectifs : un code "orienté Forumactif" avec toutes les subtilités de FA, mais également un code "correct" avec les bonnes pratiques modernes, tant que FA ne vient pas nous mettre les bâtons dans les roues. Comme je ne peux pas vérifier une par une toutes les compétences qu'on a listées dans l'Epic'Guide, (je ne suis pas derrière vous à vous regarder lire la doc, en plus) j'essaie de checker certains points que je considère comme étant "clef" pour avoir un niveau avancé++

  • L'usage d'un code aussi sémantique que possible et dépourvu de balises "inventées" (sauf dans le cas des forums RP, dans les messages)
  • Le strict minimum en accessibilité (ce qui passe par l'usage de titres, l'attribut alt quand c'est possible, des contenus explicites même si on retire le visuel, une police d'écriture plus large que 10px, etc)
  • Une utilisation "casual" de flex et grid qui indique que vous savez utiliser l'un ou l'autre alternativement de façon relativement avancée
  • Un code responsive vous octroie mon éternelle admiration (mais pas nécessairement le niveau XD)
  • Et évidemment, des templates modifiés !

Du coup, c'est parti pour mes évaluations !

Évaluation de Lyxiae



Hello @Lyxiae

Oh mon dieu, BlissTown est full responsive ! Pour ce forum là j'ai l'impression d'avoir vu tout un pannel de choses que je m'attends à voir de la part d'un.e codeur.se avancé.e., voire professionnel.le à ce niveau là XD. Une feuille de style externe ? Du Scss ? De la notation BEM ? Plein de personnalisations en JS ? Un guidebook ? Je ne suis même pas sûre d'avoir le niveau pour dire "ah ouais ya ça que tu maîtrises pas assez je trouve". Je vais juste me la pêter en disant que j'ai réussi à avoir une Headings Map propre sur Epicode. Voilà.

Les autres forums ont plus d'ecueils inquiétants mais je vais supposer qu'ils sont plus anciens ? De toute façon Blisstown prouve que tu sais faire.

Enfin bref je digresse (gresse) mais honnêtement j'ai du mal à trouver grand chose à redire, donc à ce stade, c'est bien volontiers qu'on t'accorde le niveau Epic'Guide avancé++, ya pas à dire, pour ce qui est de coder sur Forumactif, tu gères ! Je recommanderais p'têt de potasser la lisibilité/accessibilité parce que je me perds un peu sur BlissTown.

Évaluation de Jawn


Salut @Jawn !

Comme pour tes deux collègues, ta maîtrise des templates n'est pas à discuter ! La nouvelle version d'Epsilon me plait beaucoup plus que la précédente, parce qu'elle est beaucoup plus claire et lisible, bon boulot !

Comme je l'ai expliqué en intro, il y a quelques écueils à esquiver sur la route du niveau Avancé++ :

- Savoir coder de façon sémantique : A une exception près, tu as fait le choix de supprimer tous les titres de tes templates, ce qui laisse à supposer que tu as privilégié l'usage de balises div plutôt que des balises h1, h2, h3, etc. Je n'ai pas vu non plus de paragraphes ou de listes. J'ai également noté la présence de balises inventées dans l'index. Je comprends quand c'est pour les messages pour la facilité d'usage des débutants, mais ce n'est pas le cas ici.
- Savoir utiliser grid de façon plus avancée : Je n'ai pas vu d'exemple sur Epsilon à ce sujet, donc je vais partir du principe que grid n'est pas encore dans ton panel de compétences !
- Tendre vers des codes accessibles : Je ne suis moi-même pas une experte en la matière, mais ça passe par l'usage de l'attribut alt pour les images quand c'est possible (dans les index). À part ça, j'ai quelques réserves sur la lisibilité de certains titres du forum, et il y a tout un bloc de texte utilitaire qui a été placé dans un pseudo-élément ::after, ce qui est une mauvaise pratique.
- Je m'inquiète d'avoir remarqué certaines pratiques qu'on ne s'attend pas à voir chez un codeur confirmé : La présence d'espaces dans les identifiants (ça marche, mais ce n'est pas recommandé en raison de la nécessité d'échapper l'identifiant), l'absence de police générique par défaut, des width:100% sur des éléments block, assez peu de sélecteurs avancés (mais bon ce dernier point dépend des circonstances), un peu trop de positionnement absolu, et du pixel-perfect.

Tous ces détails me font choisir de t'attribuer le niveau Intermédiaire ++. Vu qu'avec la nouvelle version d'Epsilon, tu as cherché l'accessibilité, mon principal conseil est que tu t'intéresses de plus près à l'usage des balises de titres, qui sont très importants en accessibilité (lecteurs d'écrans, etc), et au code sémantique en général. Ensuite, même si grid a l'air compliqué au premier abord, une fois que tu auras eu la motivation de te plonger dedans, tu vas réaliser que tes horizons s'étendent à l'infini o/

Évaluation d'Artemis


À ton tour, @Artemis èoé

C'est assez difficile de t'évaluer de façon impartiale parce que tu lis mes râleries quasi quotidiennement et je suppose que tu apprends des trucs entre deux levers d'yeux au ciel (color-mix, hein XD)
Les templates, je sais que tu gères, comme tout le monde so far. Le codage sémantique m'a l'air sur la bonne voie (un p'tit effort à faire sur la hiérarchie des titres, donc XD), je t'ai même vue utiliser des listes ♥. Pour flex et grid, le sujet est indéniablement maitrisé et tu utilises les deux alternativement selon la situation plutôt que d'en favoriser un par rapport à l'autre.
Ton gros souci à mes yeux est le pixel perfect dont tu as beaucoup de mal à te défaire (et j'ai vu ces width:100% sur des éléments bloc !). C'est un truc sur lequel tu vas devoir travailler, surtout si tu comptes apprendre à faire du responsive à l'avenir. Mais dans l'Epic'Guide, c'est plus une suggestion qu'un prérequis.

À mon avis, tu remplis l'essentiel des critères pour qu'on t'attribue le rang Avancé +, avec une recommandation pour limiter ta tendance au pixel perfect, explorer un peu plus le responsive, et approfondir le concept de hiérarchie XD Ah, et aussi, travailler ta confiance en toi, je suis sûre que c'est ton plus gros obstacle.

Le mot de la fin


J'ai rajouté des questions au questionnaire pour améliorer l'évaluation, mais en vrai il y a plein de critères qu'on ne saura jamais évaluer complètement, sans parler du fait que la personne qui évalue (moi, en l'occurrence) est forcément biaisée par sa propre expérience. Voyez donc ça comme une estimation "au doigt mouillé" et pas comme une note sur votre copie qui va vous suivre pendant toute votre carrière. N'oubliez pas que coder sur Forumactif reste un loisir, donc faites les choses à votre rythme ! A titre personnel, je considère que tant que vous avez les connaissances, même si vous ne les appliquez pas parce que "rhôooo c'est relou", ça va. Il n'y a que sur l'accessibilité que je vais hausser le sourcil, parce que l'accessibilité je trouve ça important (on n'est pas handi par choix U.U).

(Petite parenthèse, il n'y a que sur Epsilon que je n'ai pas vu de détail qui cloche sous Firefox ! Respectez les utilisateurs de Firefox un peu T_T)
Jawn
Ancien.ne du staff
Messages :
3523
PointsCodes :
7189
Jawn
Je code sous Mozilla ça aide /PAN

Je note tout ça du coup pour l'accessibilité effectivement y'a des petits trucs à revoir, surtout les 'alt' que j'avais completement oublié !
Le grid par contre, j'le boude j'avoue /PAN
Mais c'est comme tout le reste, c'est à apprendre ! Ca par contre j'ai pas trop compris ;w; ?
" La présence d'espaces dans les identifiants (ça marche, mais ce n'est pas recommandé en raison de la nécessité d'échapper l'identifiant), l'absence de police générique par défaut"

Pourtant y'a bien une police par défaut dans mon panneau d'admin !
'Christa
Codeur.se
Messages :
1262
PointsCodes :
3978
'Christa
Heya Jawn !

Mozilla c'est la vie, excellent choix, j'approuve à 100%.

En fait, en CSS, lorsque tu définis une police d'écriture pour un élément, tu peux définir plusieurs polices successivement, mais la dernière doit toujours être une police générique (serif, sans-serif, monotype, cursive...). Du coup, si je prends une des règles d'Epsilon au hasard :
Code:
.epsi_entete_title a {
  color: var(--veryclair);
  font: 250px Calora;
  text-shadow: -2px 0px 17px #8e8dc63d;
}
La bonne pratique aurait été d'écrire font:250px Calora, cursive par exemple.

Tu trouveras plus d'informations sur la page font-family du MDN !

Et courage pour grid, toutes les personnes à qui j'en ai parlé et qui étaient réticentes à la base sont revenues plus tard en mode "OH MON DIEU GRID C'EST TROP BIEN!", donc je ne peux que t'encourager vivement !
Jawn
Ancien.ne du staff
Messages :
3523
PointsCodes :
7189
Jawn
O U I vive Mozilla !

(Pour le texte dans le after; comme c'est une description de caté sur un titre des catés c'était difficile à mettre en place autrement tbh)

Oh d'accord effectivement ! J'ai jamais vraiment compris le différence entre "serif' "sans-serif" et tout ça; j'ai jamais vraiment vu une différence que je pourrais comprendre du coup je ne les utilise pas !
(merci l'autisme qui fait que si c'est pas expliqué noir sur blanc ultra carré je comprend rien /PAN)
(Edit : Suffit de lire sur la fiche de la font sur GoogleFont bravo moi)

Merci pour le lien j'vais explorer ça !

Oui le grid a l'air incroyable mais t'sais c'est comme les maths; y'a des lettres ça part en vrille bah moi le code si y'a des slashs je panique /PAN
Bref à étudier aussi sait-on jamais !

J'ai déjà fait des modifs sur les seules vraies images de l'index qui sont les boutons partos et j'ai modifié la valeur inventé qui se baladait pour en rajouter une plus "générique FA", en plus du "sans-serif" et "cursive" sur les polices associées !
'Christa
Codeur.se
Messages :
1262
PointsCodes :
3978
'Christa
Ca m'a pris du temps également avant de comprendre la question des polices génériques.

  • serif : ce sont les polices à empâtements comme Times New Roman ou Georgia, avec des bouts qui dépassent sur les extrémités là.
  • sans-serif : ce sont les polices sans empâtements, comme Roboto, ou Arial
  • monospace (et pas monotype comme j'ai écrit par erreur) : c'est apparemment une histoire d'espacements des caractères, mais généralement ce sont les polices type "courrier" qui émulent un peu le syle machine à écrire ou vieux terminal
  • cursive : ce sont les polices qui sont supposées émuler l'écriture, à commencer par le très apprécié Comic Sans MS XD

Chaque navigateur a sa propre police par défaut pour chacune de ces polices génériques. Dans un monde idéal, tu ne les vois jamais. Le principe, c'est surtout de donner une alternative finale à utiliser au cas où aucune des autres ne fonctionne parce qu'on est sur un mac, ou que Google Fonts plante, ou que l'import de police ne marche pas...

Prends ton temps pour grid, tu peux le faire ! *sort sa panoplie de pompom girl*

Pour la description, ouais, je sais, la seule autre possibilité, c'est le javascript, parce que pour une obscure raison FA ne nous laisse pas utiliser la description des catégories è_é
Jawn
Ancien.ne du staff
Messages :
3523
PointsCodes :
7189
Jawn
Ugh Comic Sans MS /PAN

Yas bah écoute j'ai été rechercher les trois/quatre polices que j'utilise pour leur mettre le bon "serif" derrière ! Normalement tout est good de ce côté ! Merci en tout cas pour tes explications et le lien, ça va grandement m'aider, étant donné que j'essaye au possible de faire des codes le plus accessibles possibles maintenant !
Artemis
Admin & serial codeuse - 0% de méchanceté
Messages :
3621
PointsCodes :
6129
Artemis
Je suis donc répudiée. Je note.
Spoiler:
Contenu sponsorisé
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum