avatar
Sexe : Féminin
Date d'inscription : 15/12/2012
Messages : 3821

Fiche Membre
Lots gagnés:
Administratrice - Designer
Voir le profil de l'utilisateurhttp://sarahdealerevans.deviantart.com/gallery/
# Re: Passer un niveaule Mar 11 Juil 2017 - 11:11
Coucou :)
Je te valide ton niveau intermédiaire + ! Même si j'aurai aimé voir, j'avoue, un petit sommaire fait avec des ancres. Tu devrais essayer de lire le tutoriel à ce sujet, c'est plutôt intéressant (en gros quand tu cliques sur un endroit ça descend ou ça monte sur la page)

Il y a des ancres en bas à droite d'Epicode par exemple :)

Je te dirai cependant de bien faire à attention à fermer tes balises. Il est dur de se relire mais c'est important. Tu en oublies encore parfois.

N'abuses pas trop non plus de l'amas d'éléments. Lorsqu'il y a trop d'élément dans un code (surtout dans le HTML) au niveau des balises, essaye d'aérer tout ça. Tu peux sauter des lignes, revenir à la ligne etc. C'est pratique surtout si tu as besoin de te relire :)
avatar
Sexe : Féminin
Date d'inscription : 16/02/2016
Messages : 683

Fiche Membre
Lots gagnés:
Codeur
Voir le profil de l'utilisateurhttp://lgdcnocturnalterrors.f-orum.com/
# Re: Passer un niveaule Mar 11 Juil 2017 - 11:30
Je prends tout en compte :p
Les ancres je sais faire mais je ne voyais pas forcément l'utilité d'en mettre :p
Pour les balises je ferais plus attention ^^"
Et j'essayerais d’aérer tout ça :3

Merci beaucoup pour le niveau !




Merci Boraaaaaaaaaaaaaaa
Mes cadeaux de ouf:




avatar
Sexe : Féminin
Date d'inscription : 15/12/2012
Messages : 3821

Fiche Membre
Lots gagnés:
Administratrice - Designer
Voir le profil de l'utilisateurhttp://sarahdealerevans.deviantart.com/gallery/
# Re: Passer un niveaule Lun 17 Juil 2017 - 10:07
Je t'en prie :)
avatar
Sexe : Féminin
Date d'inscription : 18/04/2013
Messages : 216

Fiche Membre
Lots gagnés:
Membre timide
Voir le profil de l'utilisateur
# Re: Passer un niveaule Mer 9 Aoû 2017 - 12:18
Coucou ! Je viens tenter de faire valider un niveau un peu plus officiel que l'auto-attribué à mon inscription ((que l'on ne peut plus modifier, d'ailleurs ? Oo)) histoire de savoir où j'en suis :face:

Niveau désiré: Quelque chose qui relève de l'intermédiaire, j'imagine ? Intermédiaire + ou ++ ?
Les notions de ce niveau: Intermédiaire
► connaitre la structure en tableaux — check
► savoir créer des infobulles — check
► savoir utiliser des ancres et créer des sommaires — check
► savoir créer des listes à puces ou numérotées — check

Intermédiaire +
► Comprendre comment organiser sa feuille CSS et ce qu'implique l'ordre et l'héritage. — check ((ok en fait ce n'était pas du tout ce que je pensais, my bad, j'avais mis nope mais ça j'maîtrise je crois))
► savoir réaliser des transitions — check
► savoir réaliser des transformations — check

Intermédiaire ++
► savoir utiliser le positionnement (absolute, float & compagnie) — check ((je n'ai jamais utilisé les tableaux pour une PA, je n'aime pas ça et je trouve + compliqué les tableaux que les positions, alèd/sbaff))
Liens/code de 3 exercices:
PA sans tableau + hover + du transform je crois


Code de RS — all:hover


Autre code RS — hover


+ petit rien du tout pour montrer les ancres & les sommaires

Vos exercices répondent bien au niveau désiré ? J'imagine que ça correspond à un niveau du panel de l'intermédiaire, oui ? :face: /out Je sais que mes codes ont tendance à être bordéliques. Je ne mets pas toujours les choses dans l'ordre, allez savoir pourquoi. o/ Mais disons qu'au moins, au final, ça fonctionne en règle générale. :face: /sbaff
Enfin, sachant que je ne sais pas du tout utiliser les class multiples, je pense qu'un intermédiaire ++ serait trop élevé, sans doute.

Merci par avance ♥
avatar
Sexe : Féminin
Date d'inscription : 31/10/2013
Messages : 2924

Fiche Membre
Lots gagnés:
Modératrice - Maxi-codeur
Voir le profil de l'utilisateur
# Re: Passer un niveaule Jeu 10 Aoû 2017 - 20:18
Coucou !! :)
que l'on ne peut plus modifier, d'ailleurs ? Oo
oui, on a empêché cela pour justement essayé de mettre les niveaux plus au propre et à égalité les uns avec les autres. Enfin de tendre à ce que ce soit via l'Epic Guide quoi ^^

Bon, je t'accorde ton niveau intermédiaire++, car tes codes ne sont pas si mal !! ;)
Mais c'est vrai que tu pourrais être un poil plus organisé, et utilisé des sélecteurs, pour éviter d'avoir 15 000 class. Cela étant dit, ce qui m'a fait le plus douter à t'accorder oui ou non, c'est le mélange entre class et CSS mis dans les balises !! ololololo, il faut paaas faire ça ! ahahahah

Sépare au maximum et optimise à l'avenir et tes codes s'en retrouveront plus léger ! ;)


< I would love to [change] the world, but they won't give me the source {code}… >
avatar
Sexe : Féminin
Date d'inscription : 18/04/2013
Messages : 216

Fiche Membre
Lots gagnés:
Membre timide
Voir le profil de l'utilisateur
# Re: Passer un niveaule Jeu 10 Aoû 2017 - 21:42
Coucou !

Ahah, oui, ça m'a paru logique mais je n'y ai songé qu'après coup /out

Haaanw merci >w< vui je vais apprendre à utiliser les sélecteurs... èwé
En fait pour le dernier code, tout le style rajouté à mes class après coup, c'est juste que... baaah j'héberge mes codes sur ArchiveHost via Notepad++ et si tant que j'ai tout mes onglets ouverts quand je modifie sur Notepad++ et enregistre la nouvelle version sur AH, ça modifie le code... Bah si j'ai le malheur de tout fermer, quand je rouvre si je veux modifier quoique ce soit ça ne fonctionne plus, je peux modifier les class comme je veux ça ne change rien. L'autre jour pour enlever après coup un "background:white" que j'avais oublié sur un code, et qui ne disparaissait pas alors même que la ligne de code était retirée, j'ai été obligée de supprimer le code du forum + d'AH + de créer un nouveau fichier Notepad++ et de tout réhéberger... donc par flemme je rajoute du style sur mes class :/
Le jour où je saurai parer ce bug, promis, je cesserai de mélanger class & css :P

Trève de blablaaaa, merci beaucouuuup en tout cas gngn ♥

PS : par contre le profil affiche "Niveau de graphisme : intermédiaire++", c'est normal ? C'est pas niveau de codage ? ewe
avatar
Sexe : Féminin
Date d'inscription : 31/10/2013
Messages : 2924

Fiche Membre
Lots gagnés:
Modératrice - Maxi-codeur
Voir le profil de l'utilisateur
# Re: Passer un niveaule Ven 11 Aoû 2017 - 15:51
Nan c est pas normal, je suis une boulette.... --' hahahaa je vais modifier ça! :))

Je savais pas qu' on pouvait héberger avec notepad Oo mais je vois le bordel ensuite je comprends mieux! ^^


< I would love to [change] the world, but they won't give me the source {code}… >
avatar
Sexe : Féminin
Date d'inscription : 15/08/2017
Messages : 23
Newbie
Voir le profil de l'utilisateur
# Re: Passer un niveaule Mer 16 Aoû 2017 - 12:03
Bonjour !

j'ai un peu de mal à me retrouver dans vos critères du coup je poste plus pour que vous me situiez sur ôtre échelle que pour "passer à la vitesse supérieure", chaque chose en son temps

Niveau désiré: ne sachant pas trop quoi proposer comme exemple pour le stage avancé ++ et n'aimant pas le javascript, je pense pouvoir demander l'avancé + ? plz

Débutant +
Les notions de ce niveau:
► différencier le HTML du BBCode. Savoir comment s'écrit le HTML et le CSS et savoir à quoi ils servent.
► connaitre les principales balises HTML.
► connaitre les différences existantes entre id/class
► connaitre les différences existantes entre span/div.
► commencer à utiliser les propriétés-valeurs CSS les plus communes.
Les exercices recommandés:
► savoir coder une fiche de RP / une signature / une fiche de présentation simple de A à Z.
Liens/code de 3 exercices: pour les codes, clic-droit inspecter l'élément ;)
Signature
Fiche RP
Présentation
Vos exercices répondent bien au niveau désiré ? oui

Débutant ++
Les notions de ce niveau:
► connaitre la structure d'une page HTML
► savoir se servir des iframes
► savoir se servir de l'overflow
► la magie du hover
Les exercices recommandés:
► savoir coder une fiche de pub d'un forum contenant quelques effets simples
Liens/code de 3 exercices: pour les codes, clic-droit inspecter l'élément ;)
Fiche avec effets - border-radius, opacité, box-shadow, info-bulles, overflow
Vos exercices répondent bien au niveau désiré ? non, une fiche de pub n'est pas une chose que tout le monde est amené à coder. Si on n'a pas de forum on n'a pas spécialement de fiche sous la main.

Intermédiaire
Les notions de ce niveau:
► connaitre la structure en tableaux
► savoir créer des infobulles
► savoir utiliser des ancres et créer des sommaires
► savoir créer des listes à puces ou numérotées
Les exercices recommandés:
► réaliser des PA simples en tableaux
Liens/code de 3 exercices: pour les codes, clic-droit inspecter l'élément ;)
Page d'accueil vous moquez pas ça remonte à longtemps  Méfiant
Vos exercices répondent bien au niveau désiré ? L'essentiel était le tableau, ça peut être une fiche de liens/RP

Intermédiaire +
Les notions de ce niveau:
► Comprendre comment organiser sa feuille CSS et ce qu'implique l'ordre et l'héritage.
► savoir réaliser des transitions
► savoir réaliser des transformations
Les exercices recommandés:
► Réduire l'utilisation de class de ses codes HTML en sélectionnant mieux via l'héritage
► créer des fiches de pub et PA (en tableau) complexes avec des transitions et transformations
Liens/code de 3 exercices: pour les codes, clic-droit inspecter l'élément ;)
Exemples d'héritage utilisé:

Code:
.mpa_part {
  text-align:center;
}
.mpa_part img{
  background-color: #ede8e3;
    border: 1px #aa977c solid;
    padding: 3px;
}

.nav a {
  font-family:'Abel';
  font-size:13px;
  text-transform: uppercase;
}

.lx-secondarytitle{
  text-align:center;
  height:50px;
  background-image:url('http://imgur.com/W9UPzx5.png');
  font-family:'Abel';
  color: #aa977c;
  font-size:30px;
}

.lx-secondarytitle h1 {
  display:inline;
  font-family:'Abel';
  color: #aa977c;
  font-size:30px;
  font-weight:400;
}

.lx-secondarytitle h2 {
  display:inline;
  font-family:'Abel';
  color: #aa977c;
  font-size:30px;
  font-weight:400;
}

.sp-slideshow input {
    position: absolute;
 bottom: 5px;
 left: 47%;
 width: 6px;
 height: 6px;
 z-index: 999;
 cursor: pointer;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}
Page d'accueil
Vos exercices répondent bien au niveau désiré ? oui

Intermédiaire ++
Les notions de ce niveau:
► savoir utiliser le positionnement (absolute, float & compagnie)
Les exercices recommandés:
► savoir réaliser les PA sans tableaux
Liens/code de 3 exercices:
Page d'accueil, celle-ci peut s'ajouter aux codes précédents. Désolée pour les arrêts cardiaques provoqués par le CSS dans le HTML mais c'est une PA qui a sauté suite à une sauvegarde Forumactif et que je dois refaire quand j'aurais la foi Hee
Vos exercices répondent bien au niveau désiré ? Oui, bien qu'une fiche de scénario pourrait tout aussi bien faire l'affaire pour ceux ne possédant pas de forum :3

Avancé
Les notions de ce niveau:
► les sélecteurs
Les exercices recommandés:
► Réduire l'utilisation de class de ses codes HTML en sélectionnant mieux les éléments
Liens/code de 3 exercices:
Exemples :
Code:
.groupes{
 margin: 5px;
 font-size: 16px;
 font-weight: bold;
 text-decoration: none !important;
}

#qeel{
 background-color: #f8f5f1;
     border-radius: 25px;
 background-attachment: center;
 height:210px;
 padding-bottom:10px;
 padding-top:3px;
}

body {
 text-align:justify;
 background-attachment: no-fixed;
 background-repeat: no-repeat;
 background-position: top center;
 margin : 0px;
 background-color: #cacaca;
}

a{outline: none;}
a:link {text-decoration: none !important;}
a:visited {text-decoration: none !important;}
a:hover {text-decoration: none !important;}
a:active {text-decoration: none !important;}
a:focus {text-decoration: none !important;}

textarea {
 background-color: #e0e0e0;
 border-radius:6px;
 border: 1px #000 solid;
 width:180px;
 height:120px;
}
Vos exercices répondent bien au niveau désiré ? Oui

Avancé +
Les notions de ce niveau:
► comprendre comment s'organise un templates de FA
► maîtriser le templates de FA codant les Catégorie (index_box)
► maîtriser la partie du templates de FA codant pour le QEEL (index_body)
► maîtriser la partie du templates de FA codant pour l'affichage des sujets (viewtopic_body)
Les exercices recommandés:
► Modifier ces templates
Liens/code de 3 exercices:
Forum, différents templates modifiés, amusez-vous
Vos exercices répondent bien au niveau désiré ? Oui

Avancé ++
Les notions de ce niveau:
► pouvoir comprendre n'importe lequel des templates de FA car tu sais lire un templates, te repérer dedans, et via l'intuition des termes en anglais, comprendre ce à quoi se réfère les boucles/variables.
► toucher au JavaScript
Les exercices recommandés:
--
Liens/code de 3 exercices:
Je pense que les précédents exemples peuvent parler d'eux-mêmes quant à ma compréhension des templates.
Pour ce qui est du JavaScript, ayant en horreur ce langage je n'ai pas d'exemples, m'arrangeant pour trouver des codes répondant à mes désirs lorsque je n'ai pas su trouver de palliatif HTML/CSS.
Vos exercices répondent bien au niveau désiré ? il n'y en a paaaaas Panique

Merci par avance Coeur 2
avatar
Sexe : Féminin
Date d'inscription : 15/12/2012
Messages : 3821

Fiche Membre
Lots gagnés:
Administratrice - Designer
Voir le profil de l'utilisateurhttp://sarahdealerevans.deviantart.com/gallery/
# Re: Passer un niveaule Jeu 17 Aoû 2017 - 21:26
Coucou !
Tu as l'air d'être à l'aise avec tous ces niveaux et les compétences qu'elles demandent. Si tu sais à peu près comment implémenter un code javascript quelque part, c'est déjà très bien :)
Sinon ça aurait très bien pu être un bloc coloré en javascript au lieu du CSS, par exemple ! :D

Bref, je te donne quand même ton niveau Avancé ++

Sinon, on prends en compte tes suggestions dans le formulaire :)
avatar
Sexe : Féminin
Date d'inscription : 15/08/2017
Messages : 23
Newbie
Voir le profil de l'utilisateur
# Re: Passer un niveaule Jeu 17 Aoû 2017 - 23:08
Cheshire Cat a écrit:Coucou !
Tu as l'air d'être à l'aise avec tous ces niveaux et les compétences qu'elles demandent. Si tu sais à peu près comment implémenter un code javascript quelque part, c'est déjà très bien :)
Sinon ça aurait très bien pu être un bloc coloré en javascript au lieu du CSS, par exemple ! :D

Bref, je te donne quand même ton niveau Avancé ++

Sinon, on prends en compte tes suggestions dans le formulaire :)
Ooooh merci beaucoup ♥️
avatar
Sexe : Féminin
Date d'inscription : 08/01/2017
Messages : 58

Fiche Membre
Lots gagnés:
Newbie
Voir le profil de l'utilisateur
# Re: Passer un niveaule Lun 28 Aoû 2017 - 14:38
Niveau désiré: Débutant +
Les notions de ce niveau: différencier HTML/BBCode , l'utilité du CSS et du HTML, différence id/class, différence span/div, commencer à utiliser des propriétés CSS simples
Les exercices recommandés: savoir coder une fiche de rp, une signa ou une fiche de présentation simple.
Liens/code de 3 exercices: Exercice 1; Exercice 2 ; Exercice 3;  Exercice 4; Ma signature
Vos exercices répondent bien au niveau désiré ? Il me semble que oui
avatar
Sexe : Féminin
Date d'inscription : 05/06/2015
Messages : 743
Maxi-codeuse
Voir le profil de l'utilisateurhttp://felinae.forumactif.org/
# Re: Passer un niveaule Jeu 7 Sep 2017 - 0:55
Tout me semble bon pour que ce niveau te soit accessible je laisse le loisir à @Roxane E ou @Cheshire Cat d'ajouter le petit "+" à ton profil :3

En tous cas je suis contente d'avoir pu observer tes progrès à travers les différents exercices réalisés ^.^


avatar
Sexe : Féminin
Date d'inscription : 15/12/2012
Messages : 3821

Fiche Membre
Lots gagnés:
Administratrice - Designer
Voir le profil de l'utilisateurhttp://sarahdealerevans.deviantart.com/gallery/
# Re: Passer un niveaule Jeu 7 Sep 2017 - 15:44
Voilà qui est fait :)
Contenu sponsorisé
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum