Apprenez à coder, pas à pas
Relevez les défis et classez-vous parmi les meilleurs développeurs web.
Objectifs
Créa-code est un site dédié aux développeurs web débutants. Il a pour but d’offrir un environnement complet pour apprendre à coder en pratiquant, de manière progressive et motivante.
Développement ouvert et pédagogique
Le développement de Créa-code sera documenté en temps réel sur le Créa-blog, ligne par ligne, afin de permettre à chacun de suivre la création complète d’un site web moderne.
Un tutoriel long format accompagnera cette démarche :
« Apprendre à coder un site web en 100 jours ».
Fonctionnalités principales
- Exercices, quizz et challenges avec niveaux de difficulté croissants
- Langages abordés : HTML, CSS, JavaScript, PHP, MySQL...
- Système de progression avec rangs, XP, badges et classements
- Playground intégré pour coder directement en ligne
- Accès 100% gratuit avec inscription obligatoire
→ Accéder au site en développement ←
Diffusion multimédia
Résumé du projet
- Nom : Créa-code
- Adresse : code.crea-troyes.fr
- Public cible : Développeurs web débutants et confirmés
- Fonctionnement : Gratuit avec progression gamifiée
- Langages : HTML, CSS, JS, PHP, MySQL...
- Suivi de création : Via le Créa-blog, Twitter, Twitch et Instagram
Résumé des actions
- Jour 01 : Présentation du projet
- Jour 02 : Ciblage et profilage des utilisateurs
- Jour 03 : Étude de la concurrence
- Jour 04 : Définition des objectifs et fonctionnalités
- Jour 05 : Structure et arborescence
- Jour 06 : Choix des outils et technologies
- Jour 07 : UX, couleurs, logo et typographie
- Jour 08 : Utilisateurs et permissions
- Jour 09 : Points d'XP, niveaux, avatars et badges
- Jour 10 : Architecture relationnelle d'une base de données
- Jour 11 : Conception de la maquette d'un site web
- Jour 12 : Architecture MVC d'un site web
- Jour 13 : Routeur et layout d'une architecture MVC en PHP
- Jour 14 : Connexion à la BDD en POO avec PHP
- Jour 15 : Formulaire d'inscription sécurisé en PHP et JS
- Jour 16 : Formulaire de connexion sécurisé en PHP et JS
- Jour 17 : Système sécurisé de réinitialisation de mot de passe
- Jour 18 : Valider un compte utilisateur par email en PHP
- Jour 19 : Design et mise en page du header et du footer
- Jour 20 : Connecter MailChimp au formulaire de Newsletter
- Jour 21 : Mise en place Dark mode ou Mode sombre
- Jour 22 : Mise en page en CSS et responsive des formulaires
- Jour 23 : Conception du template du dashboard utilisateur
- Jour 24 : Mise en page du dashboard utilisateur en HTML et CSS
- Jour 25 : Routes, vues et contrôleurs des pages du projet
- Jour 26 : Les dialogues contextuels d'Echo
- Jour 27 : Sauvegarder son code avec Git
- Jour 28 : Rédaction des CGU et mentions légales
