Vous avez toujours eu envie de créer un site web de A à Z, mais vous ne savez pas par où commencer ? Ou peut-être avez-vous déjà quelques bases mais vous manquez de structure pour aller plus loin ? Ce défi est fait pour vous.
Pendant 100 jours, nous allons construire ensemble un site web complet, étape par étape. Chaque journée apportera sa brique à l’édifice : du HTML à la base de données, en passant par le CSS, le JavaScript, le PHP, ou encore la gestion des utilisateurs, le SEO, le marketing … L’objectif est simple : vous montrer concrètement comment on passe d’une idée à un site web fonctionnel, moderne et en ligne.
Concrètement, le code sera réalisé en direct, au rythme d’un défi progressif, et accompagné d’articles détaillés publiés sur le Créa-blog. Que vous ayez le temps de suivre en live ou non, vous pourrez retrouver chaque étape avec des explications claires, des extraits de code commentés, et des captures d’écran pour bien comprendre.
Le résultat ? Un site web nommé Créa-code, accessible au fur et à mesure de sa construction à l’adresse suivante :
Vous pourrez suivre en temps réel l’évolution du projet, du tout premier fichier jusqu’à la version finale.
Ce défi n’est pas une formation classique : c’est un chantier ouvert, transparent, pédagogique, où chaque avancée, chaque bug, chaque amélioration est partagée avec vous. Le but est de démocratiser la création web et de vous donner envie, vous aussi, de coder.
Comment ça va se passer ?
Chaque jour (ou presque), un nouvel article sera publié ici, sur le Créa-blog. Il correspondra à une étape précise du développement. Rien ne sera laissé de côté. Chaque article contiendra :
- une explication pédagogique de ce que nous allons faire et pourquoi ,
- des extraits de code commentés et faciles à reproduire ,
- des captures d’écran pour visualiser l’évolution ,
- des astuces de développeur ou des conseils d’organisation.
Coder en live
Certains jours, vous pourrez aussi me retrouver en live sur Twitch pour coder en direct, répondre à vos questions, ou revenir sur les points complexes abordés dans les articles. Si vous n’êtes pas disponible en direct, pas d’inquiétude : les replays seront accessibles et les articles resteront disponibles sur le blog.
Un résultat visible à chaque étape
L’avancement du projet est visible en temps réel à l’adresse suivante : https://code.crea-troyes.fr
C’est là que le site que nous allons construire ensemble prendra vie, jour après jour. Vous pourrez donc naviguer sur une version en cours de développement pour comprendre visuellement chaque étape, comme si vous suiviez un vrai chantier en construction.
Un projet ouvert à tous
Que vous soyez totalement débutant ou déjà à l’aise avec certains langages web, ce défi est conçu pour être progressif et accessible. Vous pouvez démarrer quand vous le souhaitez, et avancer à votre rythme. L’objectif n’est pas la vitesse, mais la compréhension et la pratique.
Ce projet n’est pas une formation traditionnelle. Il s’agit plutôt d’un parcours accompagné, vivant et concret. Vous verrez chaque étape, les réussites comme les erreurs, les tests, les corrections, les choix techniques. C’est un processus authentique, fidèle à ce que vivent les développeurs au quotidien.
Présentation de Créa-code
Maintenant que vous savez comment va se dérouler le défi, il est temps de vous présenter le projet que nous allons créer ensemble.
Pendant ces 100 jours, nous allons construire un site web complet baptisé Créa-code. Ce n’est pas un simple prétexte pour coder : c’est un vrai site, avec une utilité concrète et un objectif pédagogique clair.
Créa-code sera une plateforme dédiée à l’apprentissage du développement web. Son but : permettre aux utilisateurs de s’entraîner, progresser et s’amuser tout en apprenant à coder.
#Apprendre #Regarder #Participer #S’entrainer #Coder
- Des exercices interactifs en HTML, CSS, JavaScript, PHP, MySQL…
- Des quiz pour tester ses connaissances
- Des missions ou challenge à réaliser avec des consignes claires et des objectifs à atteindre
- Playground en ligne pour coder directement dans le navigateur, sans rien installer
- Un système de badges, de progression et de récompenses
- Un espace membre avec inscription, connexion, et suivi personnalisé des progrès
Bref, un site conçu par un passionné, pour tous ceux qui veulent apprendre à créer des sites web de manière progressive et motivante. L’outil que j’aurai aimer avoir à mes débuts.
À qui s’adresse ce défi ?
Vous vous demandez peut-être si ce défi est fait pour vous. Pas besoin d’être développeur confirmé ou de sortir d’une école d’ingénieur pour suivre ce projet. Au contraire, le défi “100 jours pour créer un site web” a été conçu pour être accessible, progressif et motivant, quel que soit votre niveau de départ.
Débutants bienvenus
Si vous n’avez jamais codé, ou presque, c’est l’occasion idéale de vous lancer. Le projet commence par les bases, et chaque étape est expliquée pas à pas, sans jargon inutile. Vous apprendrez à votre rythme, et vous verrez que le web devient vite plus clair quand on avance avec un projet concret.
Chaque concept technique sera accompagné d’un exemple simple pour le comprendre, d’un extrait de code prêt à l’emploi et d’un résultat visible en ligne pour que vous voyiez immédiatement ce que ça donne.
Pour les autodidactes ou les faux-débutants
Vous avez déjà suivi quelques tutos, codé quelques pages HTML, ou bricolé un formulaire en PHP ? Ce défi vous aidera à structurer vos connaissances et à voir comment construire un projet complet du début à la fin.
Beaucoup de personnes savent faire un peu de tout, mais peinent à relier les morceaux : ce défi vous montrera comment tout s’assemble dans un vrai site web fonctionnel.
Étudiants et curieux du web
Vous êtes en formation dans le numérique, ou vous envisagez une reconversion ? Ce projet est une bonne mise en pratique. Il permet de voir des cas concrets, de comprendre les erreurs fréquentes, et d’ancrer les bonnes habitudes de développement.
Et si vous êtes simplement curieux de comprendre comment fonctionne un site, sans forcément vouloir en coder un vous-même… vous êtes aussi les bienvenus ! 😉
Prérequis recommandés
Aucun prérequis technique strict n’est imposé, mais voici ce qui peut vous aider :
- savoir utiliser un ordinateur (clavier, fichiers, copier-coller…),
- connaître un peu l’univers du web (navigateur, éditeur de texte),
- être curieux, patient, et prêt à apprendre par la pratique.
Pas besoin d’avoir déjà codé. L’important, c’est d’avoir envie d’apprendre, d’expérimenter, et de persévérer jour après jour.
Des formations informatique pour tous !
Débutant ou curieux ? Apprenez le développement web, le référencement, le webmarketing, la bureautique, à maîtriser vos appareils Apple et bien plus encore…
Formateur indépendant, professionnel du web depuis 2006, je vous accompagne pas à pas et en cours particulier, que vous soyez débutant ou que vous souhaitiez progresser. En visio, à votre rythme, et toujours avec pédagogie.
Découvrez mes formations Qui suis-je ?Comment suivre et participer ?
Que vous souhaitiez suivre ce défi de manière active ou simplement en observateur curieux, tout est mis en place pour que vous puissiez participer facilement, à votre rythme, et selon vos disponibilités.
Suivre le défi, jour après jour
Chaque jour (ou presque), un nouvel article sera publié ici, sur le Créa-blog. Il contiendra une étape de développement bien définie, des explications pédagogiques et des extraits de code commentés.
Chaque article sera numéroté (Jour 1, Jour 2, etc.) pour que vous puissiez les retrouver facilement et avancer dans l’ordre, même si vous commencez en cours de route… ou après.
Coder en direct… ou en différé
Certains jours, je coderai en direct sur Twitch pour vous montrer le code en action. Ce sera l’occasion de me voir coder en temps réel, deposer vos questions en direct et comprendre ma logique de développement.
Et si vous ne pouvez pas être là au moment du live, pas de panique : les replays seront disponibles, et vous pourrez toujours vous appuyer sur les articles pour suivre le projet sans pression.
Le site en construction, visible à tout moment
L’avancement du projet sera accessible en ligne à tout moment à cette adresse :
https://code.crea-troyes.fr
Ce sera la vitrine en temps réel du site que nous développons ensemble. Vous y verrez apparaître l’interface au fur et à mesure de sa construction, les nouvelles fonctionnalités ajoutées jour après jour ainsi que les évolutions visuelles, techniques et fonctionnelles.
Rester informé(e)
Pour ne rien manquer :
- abonnez-vous à la newsletter du Créa-blog (si ce n’est pas déjà fait),
- suivez-moi sur Twitter/X, Instagram, et Twitch pour les annonces en temps réel,
- ou ajoutez simplement le Créa-blog à vos favoris pour venir jeter un œil régulièrement.
Participer activement
Vous pouvez bien sûr reproduire le code de chaque article chez vous, adapter le projet à vos idées, proposer des améliorations ou des variantes, et pourquoi pas, partager vos propres versions du site sur les réseaux !
Si le défi vous motive, n’hésitez pas à le dire autour de vous : plus on est de curieux à apprendre ensemble, plus l’aventure est enrichissante !
Créer un site web complet, ce n’est pas seulement empiler des lignes de code : c’est comprendre comment chaque pièce du puzzle s’assemble pour donner naissance à une interface fonctionnelle, esthétique et sécurisée.
L’objectif de ce défi n’est pas seulement de “faire un site”, mais de vous transmettre de vraies compétences solides et utiles, que vous pourrez réutiliser dans vos projets personnels, professionnels ou scolaires.
100 jours, c’est un beau défi. C’est long, mais ce n’est pas insurmontable. Et surtout, c’est largement suffisant pour progresser sérieusement et se construire de vraies bases solides en développement web.
1. Avancez à votre rythme
Ce défi est pensé pour durer 100 jours, mais ce n’est pas une course. Si vous manquez un jour ou deux (ou dix), ce n’est pas grave : vous pourrez toujours reprendre là où vous vous étiez arrêté.
L’important, c’est de ne pas abandonner, même si le rythme ralentit parfois.
2. Instaurez une routine
Essayez de coder un peu chaque jour, même 20 ou 30 minutes. La régularité est beaucoup plus efficace que de tout faire d’un coup le week-end.
Pourquoi ne pas vous bloquer un créneau fixe dans la journée ? Comme une mini séance de sport, mais pour vos neurones…
3. Ne vous contentez pas de copier
Lire et recopier le code est une étape utile, mais essayez toujours de comprendre ce que vous faites. Posez-vous des questions : À quoi sert cette ligne ? Que se passe-t-il si je la modifie ? Est-ce que je pourrais faire autrement ?
Et surtout, amusez-vous à tester des variantes, changer les couleurs, les textes, déplacer des éléments…
4. Échangez, partagez, posez vos questions
Vous n’êtes pas seul(e) ! Le Créa-blog est là pour ça, tout comme les réseaux sociaux associés au projet. N’hésitez pas à laisser un commentaire sur les réseaux, poser vos questions, partager vos avancées ou vos idées et encourager les autres participants.
Créer du lien, c’est aussi ce qui rend l’expérience plus motivante et plus riche.
5. Soyez indulgent(e) avec vous-même
Il est normal de ne pas tout comprendre du premier coup. Il est normal de faire des erreurs. Même les développeurs expérimentés passent leur temps à chercher, tester, corriger.
L’apprentissage du code, c’est comme apprendre une nouvelle langue : on progresse par petits pas, et un jour, on se surprend à « parler » couramment.
Prêt(e) à embarquer ? Vous êtes sur le point de créer votre premier vrai site web de A à Z. La suite demain…
