<html>
<head><title>
Mon site
</title>
<body>
01
HTML structure
Balises, attributs, sémantique. Le squelette de toute page web.
Cours de création de site web · HTML · CSS · JS · 12 – 17 ans
Cours de création de site web en ligne pour enfants 10-17 ans
À 13 ans, leur premier site est en ligne.
HTML, CSS, JavaScript moderne. 24 semaines pour passer de la première balise au portfolio en ligne : déployé, partageable, avec une vraie URL.
★★★★★4.9/5 · +600 élèves formés cette année
24h
Cours en direct+8h
Conférences offertes4–8
Élèves max1
Site déployéPour qui ?
Pour les ados qui veulent fabriquer le web, pas juste le consommer.
HTML, CSS, JavaScript : la trinité de tout site web qui existe. Une fois maîtrisée, votre ado peut construire absolument tout ce qu'il imagine : du blog perso à l'app SaaS.
01
Du markup au site déployé
HTML, CSS, JavaScript moderne. À la fin de l'année, leur portfolio est en ligne, partageable, avec une vraie URL : pas un CodePen jetable.
02
L'âge où on veut son site
12 – 17 ans, l'âge du portfolio personnel. 4 à 8 ados max par classe : tout le monde livre son projet, personne ne décroche.
03
1h par semaine
Selon vos dispos en semaine (sauf samedi), en live avec un dev front. 24 semaines hors vacances scolaires. Replays dispo à vie : zéro stress si une séance saute.
Ce qu'ils apprennentDe la première
De la première <balise> au JavaScript moderne.
.card {
display: flex;
gap: 1rem;
padding: 2rem;
}
02
CSS layout
Flexbox, grid, responsive. Mettre en forme ses idées.
const btn =
document.querySelector('.btn')
btn.onclick = () =>
alert('hello!')
03
JavaScript
Variables, fonctions, DOM. Le code qui fait bouger les choses.
Et ensuite
Animations, APIs, et site déployé en ligne.
:hover →
04
Animations & transitions
Hover, keyframes, scroll effects. Le wow factor.
fetch.json()200
{
"temp": 22,
"ville": "Paris"
}
05
Composants & API
Code réutilisable, fetch des données externes (météo, films).
✦ vercel deploy✓ Live
✓ Build complete
✓ HTTPS provisioned
→ lea-portfolio.codii.fr
🚀 Open
06
Site déployé
Vercel/Netlify, domaine, https. Une vraie URL pro.
Programme détaillé semaine par semaine
Voir le programme completProgramme24 semaines, 4 chapitres,
24 semaines, 4 chapitres,
1 portfolio en ligne.
HTML & CSS
- Balises sémantiques
- Flexbox / grid layout
- Responsive mobile-first
JavaScript
- Variables, fonctions
- DOM, events
- Mini-app interactive
APIs & composants
- fetch, async/await
- Dashboard météo / films
- Code réutilisable
Portfolio en ligne
- Vercel / Netlify
- Domaine + HTTPS
- URL pro partageable
Build mode · 1/4
Acte 1 : Le squelette tombe en place.
<h1>
<p>
<button>
<div>
Pas un cours théorique. Du markup à la prod en 24 semaines.
Lancer son premier siteProjets concrets
Pas des CodePens jetables. De vrais sites en ligne.
Semaine 8 · Livrable
🔒 lea.devhome · projets · contact
Léa, 13 ans
Développeuse web junior
Page perso animée
HTML + CSS responsive, header animé, navigation smooth-scroll, dark mode.
Semaine 16 · Livrable
✦ meteo-codii.devapi 200
22°
Paris
☀ Ensoleillé
Mini-app météo
JavaScript + API publique (OpenWeather). Cherche une ville, affiche la météo live.
Semaine 24 · Site déployé
✦ vercel.com/lea/portfolio✓ live
PORTFOLIO LIVE
deployed · 2026-04-30 · prod
✓ HTTPS auto
✓ Edge cached
✓ Lighthouse 98
🚀 lea-portfolio.codii.fr
Portfolio en ligne
Site complet déployé sur Vercel avec son nom de domaine. Vrai. URL. Pro.
Le prof
Pas un cours scolaire. un vrai dev front.
● codii_team · prof_webhtml · css · js
Super profIdentité
Ariel
WEB & DEV
Patient et bienveillant, boss du design web. Guide chaque enfant avec gentillesse et expertise.
Web DesignPythonJava
⏰ Planning sur mesure
On s'adapte à votre planning, pas l'inverse.
Codii ouvre des classes en fonction des dispos parents/enfants. Chaque famille donne ses créneaux préférentiels : on fait le maximum pour les caler.
2 créneaux préférentiels
Vous nous donnez 2 créneaux qui vous arrangent, sur 2 jours différents (du dimanche au vendredi, pas de samedi).
Tolérance ±1h
Si vous demandez jeudi 17h, on peut proposer 16h, 17h ou 18h. On fait le maximum pour caler dans vos créneaux.
Priorité aux pré-inscrits
Les familles qui réservent en avance ont la priorité absolue sur le choix du créneau, avant les autres parents.
Jusqu'au jeudi 10 septembre
Vous nous communiquez vos créneaux finaux quand vos rythmes scolaires sont calés. On a le temps.
Exemple semaineDimanche → Vendredi · Pas de cours le samedi
Dim
10h
14h
17h
Lun
16h
17h
18h
Mar
16h
17h
18h
Mer
14h
16h
17h
Jeu
16h
17h✓
18h
Ven
16h
17h
18h
ⓘ Vous demandez jeudi 17h → on peut proposer 16h, 17h ou 18h selon les dispos du groupe
12 – 17 ans1h / sem.
HTML · CSS · JS
Sites & Apps web
Lance ton premier site, ton portfolio, ton app.
689€
/ pack annuel · 24 semaines
Rentrée septembre 2026Solde 3× sans frais · Priorité planning
Tout ce qui est compris
Pas de petits caractères. Voilà tout ce que ça inclut.
Le programme
- Durée totale
- 24 semaines
- Cours en direct
- 24h (1h × 24)
- Conférences offertes
- +8h bonus
- Rythme
- 1h / semaine
- Replays
- Inclus à vie
Les conditions
- Âge
- 12 – 17 ans
- Niveau
- Aucun prérequis
- Groupe
- 4 à 8 ados max
- Format
- 100% en ligne sur notre plateforme
- Créneaux
- Selon vos dispos (sauf samedi)
Le livrable
- Projet final
- Portfolio en ligne (URL pro)
- Stack apprise
- HTML, CSS, JS moderne, déploiement
- Présentation
- Démo finale en classe
- Hébergement
- Vercel / Netlify offert 1 an
L'équipe & support
- Profs
- Devs front pédagogues
- Support
- Chat intégré · Espace parent
- Suivi parent
- Compte-rendu hebdo
- Engagement
- Annuel ferme : la classe ouvre à 4 inscrits
★Cours d'essai gratuit en 1-to-1 + entretien de niveau pour bien orienter votre ado
Paiement en 3× sans frais possible · Facture entreprise sur demande · TVA incluse