Bootcamp féerique de conception web

Faites pousser votre premier site web

HTML, CSS, design et accessibilité : en huit semaines, vous plantez une graine de code et vous repartez avec un vrai site, mis en ligne à votre nom.

  1. Fil de fer
  2. Texte
  3. Grille
  4. Couleurs
  5. Magie
Réserver ma place

Défilez : le site se construit sous vos yeux

index.html15 lignes
<nav id="menu">
  <a>Accueil</a> <a>Ateliers</a>
</nav>
<main id="banniere">
  <h1>Ma clairière</h1>
  <p>Un site qui pousse.</p>
  <a class="action">Entrer</a>
</main>
<ul id="cartes">
  <li class="carte">Sentiers</li>
  <li class="carte">Ateliers</li>
  <li class="carte">Lanternes</li>
</ul>
<canvas id="lucioles"></canvas>
<script src="magie.js"></script>
style.css14 lignes
/* style.css : la sève du site */
#cartes {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}
body {
  font-family: "Fraunces", serif;
  background: #FBF6E9;
}
#banniere { background: #3B2A5C; }
.carte { color: #1E5E3E; }
.carte:hover { translate: 0 -4px; }
.lueur { animation: luire 3s infinite; }
La pépinière

Un site web, ça se cultive

Chez Elfic, on apprend le web comme on fait pousser un jardin : d'abord les racines solides du HTML, ensuite la sève du CSS, puis la lumière du design. Quatre piliers, une méthode patiente, et une petite cohorte qui avance ensemble, à Québec ou en ligne.

  • HTML sémantique

    Titres, listes, formulaires, repères de navigation : une structure claire que les moteurs de recherche et les lecteurs d'écran comprennent du premier coup.

  • CSS moderne

    Cascade, modèle de boîte, Flexbox, Grid, variables et requêtes de conteneur : des mises en page souples qui tiennent du téléphone à l'écran géant.

  • Design et typographie

    Hiérarchie visuelle, palettes, paires de polices, espacement et maquettes dans Figma : votre site aura de l'allure, pas seulement du code.

  • Accessibilité

    Contraste, navigation au clavier, textes de remplacement, ARIA avec parcimonie : on vise les critères WCAG 2.2 de niveau AA dès la première semaine.

Gaëlle Émond

Intégratrice depuis douze ans, spécialiste des grilles CSS et des systèmes de design. Elle a conçu des interfaces pour des musées et des festivals du Québec.

François Côté

Conseiller en accessibilité numérique, il forme les équipes à la norme WCAG et aux tests avec lecteurs d'écran. Ancien enseignant au collégial.

Anaïs Béland

Designer graphique et typographe, elle vous apprend à choisir une palette, à créer une hiérarchie et à présenter votre projet avec assurance.

Le programme

Huit semaines, huit saisons de croissance

Trois soirées par semaine (mardi, mercredi, jeudi, de 18 h 30 à 21 h 30) et un samedi matin d'atelier libre. Chaque semaine, une nouvelle couche de votre site prend vie. Les exercices sont corrigés en direct, et chaque étape réussie débloque la suivante, exactement comme le chantier que vous avez vu grandir plus haut.

  1. Les racines : HTML sémantique

    Balises de structure, titres, listes, liens et images. On écrit sa première page à la main et on la passe au validateur du W3C.

    VS Codevalidator.w3.org

  2. La sève : CSS et cascade

    Sélecteurs, spécificité, héritage, modèle de boîte, marges qui fusionnent : on comprend enfin pourquoi « ça ne bouge pas ».

    DevToolsbox-sizing

  3. Les branches : Flexbox et Grid

    Aligner, répartir, superposer. On construit des grilles éditoriales et des cartes qui se réorganisent toutes seules.

    display: gridgap

  4. Les couleurs de la forêt

    Typographie, échelles de tailles, palettes et variables CSS. Première maquette dans Figma, puis traduction fidèle en code.

    FigmaGoogle Fonts

  5. Toutes les saisons : responsive

    Mobile d'abord, requêtes média, unités clamp() et cqi, images souples. Votre site s'adapte de 360 à 2560 pixels.

    @media@container

  6. Des sentiers pour tout le monde

    Accessibilité : contrastes, ordre de tabulation, focus visible, formulaires étiquetés. Tests réels avec NVDA et VoiceOver.

    WCAG 2.2Lighthouse

  7. La lumière : animations

    Transitions, @keyframes, un soupçon de JavaScript, et le respect de prefers-reduced-motion pour celles et ceux que le mouvement incommode.

    @keyframesJavaScript

  8. L'envol : mise en ligne

    Git et GitHub, déploiement sur Netlify ou GitHub Pages, nom de domaine, puis présentation publique de votre site à la Fête des lanternes.

    GitNetlify
La pépinière en chiffres

Petites cohortes, grandes pousses

Une cohorte réduite, c'est un mentor qui connaît votre code, vos réussites et vos blocages. Les élèves reçoivent une rétroaction détaillée à chaque étape, et personne n'est laissé derrière à la fin de la deuxième semaine.

8
semaines de bootcamp
96 h
d'ateliers encadrés
12
apprentis au maximum par cohorte
4,5:1
contraste minimal visé (WCAG AA)
Le défi du jour

Alignez les champignons sur leurs ombres

Un nouveau défi Flexbox chaque matin. Choisissez les bonnes valeurs pour déposer les trois champignons sur les cercles dorés, et gardez votre série de jours bien vivante. Les défis préparent directement à la troisième semaine du bootcamp, consacrée à Flexbox et à Grid.

justify-content
align-items
#clairiere { display: flex; justify-content: flex-start; align-items: flex-start; }

Les champignons attendent vos instructions.

Votre série : 0 jour · revenez demain pour un nouveau défi.

Le jardin des sites

Ils ont planté, c'est en ligne

Chaque projet final rejoint le jardin communautaire. Les apprentis des cohortes suivantes s'en inspirent, et vous votez pour la lanterne de la saison.

  • Fournil des Chutes
    Maude L., cohorte d'automne 2025
    fournil.elfic.site
  • Les Sentiers de Charlevoix
    Jérôme T., cohorte d'hiver 2026
    sentiers.elfic.site
  • Atelier Céramique Lune
    Inès B., cohorte de printemps 2026
    lune.elfic.site
Le cercle du jeudi

Chaque jeudi à 21 h, anciens et nouveaux apprentis présentent en cinq minutes ce qu'ils ont fait pousser dans la semaine. Critiques bienveillantes garanties.

La lanterne de la saison

Les votes du jardin désignent un site par saison. Son auteur reçoit une année de nom de domaine et une place de mentor invité.

Les corvées d'accessibilité

Une fois par mois, la communauté audite bénévolement le site d'un organisme communautaire de Québec et lui remet un rapport complet.

« J'étais caissière et je n'avais jamais ouvert un éditeur de code. Huit semaines plus tard, la boulangerie de ma tante a son site, et c'est moi qui l'ai fait. »
Maude LachanceIntégratrice web à Québec
« La semaine sur l'accessibilité m'a changé : tester mon site avec NVDA, les yeux fermés, c'est une leçon d'humilité que je recommande à tout le monde. »
Jérôme TremblayGuide de plein air, Baie-Saint-Paul
« Les mentors expliquent la cascade CSS comme une rivière qui descend la montagne. Depuis, je ne me bats plus avec la spécificité. »
Inès BouchardCéramiste et designer autodidacte
Les tarifs

Choisissez la taille de votre graine

Prix en dollars canadiens, taxes en sus. Paiement possible en quatre versements sans frais. Le matériel pédagogique et l'accès au jardin communautaire sont inclus partout. Des bourses partielles sont réservées aux personnes en réorientation de carrière : demandez-les dès la réservation, la décision est rendue en une semaine.

Pour goûter

Graine

Atelier découverte d'un samedi

45 $

3 heures, crédité sur le bootcamp

  • Votre première page HTML en ligne le jour même
  • Rencontre avec les mentors et la cohorte
  • Café, tisane et brioches du Fournil
Réserver un samedi
Le plus choisi

Pousse

Le bootcamp complet de 8 semaines

2 490 $

ou 4 versements de 622,50 $

  • 96 heures d'ateliers en cohorte de 12
  • Projet final mis en ligne sur votre sous-domaine elfic.site
  • Revue de code hebdomadaire et audit d'accessibilité
  • Attestation de réussite et portfolio public
Je réserve ma place
Accompagnement

Futaie

Bootcamp et mentorat individuel

3 190 $

ou 4 versements de 797,50 $

  • Tout le contenu de Pousse
  • 8 séances de mentorat individuel d'une heure
  • Votre propre nom de domaine pendant un an
  • Trois mois de suivi après la mise en ligne
Parler à un mentor
Questions fréquentes

Avant de planter la graine

Faut-il déjà savoir coder ?

Non. Il suffit de savoir utiliser un ordinateur, gérer des dossiers et taper au clavier. La première semaine part vraiment de zéro, et la cohorte de 12 permet aux mentors de suivre chaque personne.

Quel matériel dois-je apporter ?

Un ordinateur portable (Windows, macOS ou Linux) de moins de huit ans suffit. Tous les logiciels utilisés sont gratuits : VS Code, Firefox ou Chrome, Git, Figma en version gratuite.

En ligne ou en personne ?

Les deux. Les soirées se donnent à notre atelier du quartier Saint-Roch, à Québec, et sont diffusées en direct pour les apprentis à distance. Le samedi matin d'atelier libre se fait aussi en mode hybride.

Le site final m'appartient-il ?

Entièrement. Le code est dans votre propre dépôt GitHub. Il reste hébergé gratuitement sur votre sous-domaine elfic.site tant que vous le voulez, et vous pouvez le déplacer vers votre nom de domaine à tout moment.

Et si je manque une soirée ?

Chaque soirée est enregistrée et accompagnée d'un carnet d'exercices. Le samedi matin sert justement à rattraper le retard avec un mentor.

Est-ce que je serai prêt à travailler après huit semaines ?

Vous serez capable de concevoir, d'intégrer et de mettre en ligne un site vitrine accessible, ce qui suffit déjà pour des contrats de petite entreprise ou un premier poste d'intégration. Pour le développement d'applications, on vous oriente vers la suite logique : JavaScript approfondi, puis un cadriciel.

Pourquoi un bootcamp « féerique » ?

Parce qu'on apprend mieux quand on s'émerveille. Le vocabulaire de la forêt (racines, sève, branches, lumière) sert de fil conducteur, mais le contenu reste rigoureux : normes du W3C, bonnes pratiques d'accessibilité, outils réellement utilisés en entreprise.

Y a-t-il une politique de remboursement ?

Oui. Si le bootcamp ne vous convient pas, vous êtes remboursé à 100 % jusqu'à la fin de la première semaine, puis au prorata des semaines restantes jusqu'à la quatrième.

Prochaine cohorte

Votre clairière vous attend

Cohorte d'hiver : du 12 janvier au 6 mars 2027. Réservez sans frais ; un mentor vous appelle dans la semaine pour confirmer que le bootcamp vous convient.

Places encore libres : 5 sur 12