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

Aller en bas
Jamy
Jamy
Very Important People
  • Date d'inscription : 31/10/2013
  • Messages : 2717
Les niveaux d'Epic'Guide

Pour bien commencer


Rappel


Sans prétention aucune, notre guide n'est pas exhaustif, il existe tellement plus de choses à savoir sur le codage ! Nous nous limitons ici à l'usage pour ForumActif, à savoir le HTML, CSS et le JavaScript. De plus, on souhaitait dessiner un chemin pour tout les bidouilleurs-autodidacte que vous êtes !! Ce chemin n'est pas forcément le seul et l'unique existant, loin de là ! On donne juste l'ordre qui nous semble être le mieux pour vous aider à devenir des codeurs chevronnés !! Coeur 2

Sommaire



  1. Débuter en Codage
    • Niveau débutant
    • Niveau débutant +
    • Niveau débutant ++
  2. Continuer à progresser
    • Niveau intermédiaire
    • Niveau intermédiaire +
    • Niveau intermédiaire ++
  3. Se perfectionner
    • Niveau avancé
    • Niveau avancé +
    • Niveau avancé ++



_______________
Mer 18 Mai 2016 - 18:44
Jamy
Jamy
Very Important People
  • Date d'inscription : 31/10/2013
  • Messages : 2717
Débuter en codage

Le point de départ


Sommaire




Niveau débutant


C'est le groupe par défaut, tout le monde commence du début après tout. On considère que vous partez avec aucune connaissance.

Niveau débutant +


Objectif


Acquérir les bases

Les notions


  • Différencier le HTML du BBCode. Savoir comment s'écrit le HTML et le CSS et savoir à quoi ils servent. {ici}
  • Connaitre les principales balises HTML {ici}
  • Connaitre les différences entre les attributs id et class {ici}
  • Connaitre les différences existantes entre les balises <span> et <div>. {là}
  • Commencer à utiliser les propriétés et valeurs CSS les plus communes. {ceci}, {ici} et {là}.

S'exercer


  • Savoir coder une fiche de RP / une signature / une fiche de présentation simple de A à Z

Niveau débutant ++


Objectif


Consolider les bases

Les notions


  • Sonnaitre la structure d'une page HTML {ici}
  • Savoir se servir des iframes {ici}
  • Savoir gérer les dépassements (overflow) {là}
  • Savoir utiliser les effets de survol (:hover) {là}

S'exercer


  • Savoir coder une fiche de pub d'un forum contenant quelques effets simples


_______________
Mer 18 Mai 2016 - 19:01
Jamy
Jamy
Very Important People
  • Date d'inscription : 31/10/2013
  • Messages : 2717
Continuer à progresser

Compliquons un peu les choses


Sommaire




Niveau intermédiaire


Les notions


  • connaitre la structure en tableaux {Ici}
  • savoir utiliser des ancres et créer des sommaires {Ici}
  • savoir créer des listes à puces ou numérotées {Ici}

S'exercer


  • réaliser des PA simple en tableaux

Niveau intermédiaire +


Les notions


  • Comprendre comment organiser sa feuille CSS et ce qu'implique l'ordre et l'héritage. {ici}
  • savoir créer des infobulles {Ici}
  • savoir réaliser des transitions {ici}
  • savoir réaliser des transformations {ici}

S'exercer


  • Réduire l'utilisation de classes 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

Niveau intermédiaire ++


Les notions


  • Savoir utiliser le positionnement (absolute, float & compagnie) {Ici}
  • Savoir utiliser Flexbox
  • Savoir utiliser les grilles CSS

S'exercer


  • Savoir réaliser les mises en pages complexes sans tableaux


_______________
Mer 18 Mai 2016 - 19:22
Jamy
Jamy
Very Important People
  • Date d'inscription : 31/10/2013
  • Messages : 2717
Se perfectionner

Ça se corse !


Sommaire




Niveau avancé


Les notions



S'exercer


  • Réduire l'utilisation de classes de ses codes HTML en sélectionnant mieux les éléments

Niveau avancé +


Les notions


  • Comprendre comment s'organise un template de FA {ici}
  • Maîtriser le template de FA codant les Catégories (index_box) {ici}
  • Maîtriser la partie du template de FA codant pour le QEEL (index_body) {là}
  • Maîtriser la partie du template de FA codant pour l'affichage des sujets (viewtopic_body) {Ici}

S'exercer


  • Modifier ces templates

Niveau avancé ++


Les notions


  • 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

S'exercer


  • Personnaliser un forum complet


_______________
Jeu 19 Mai 2016 - 20:44
Contenu sponsorisé
    _______________
    Revenir en haut