Explorez des tutoriels de projets complets, réalisés de A à Z. Suivez chaque étape de création pour apprendre en pratiquant et en développant.
Catégorie : Démo
-
AIDER + Ollama : Installer l’IA locale pour le développement
AIDER est un assistant de développement basé sur l’intelligence artificielle que vous contrôlez depuis votre propre machine. Nous allons l’installer en local et l’associer à Ollama. Ils travailleront directement dans votre dépôt de code, depuis votre…
-
VS Code, Gemini et Codeium : Coder en étant assisté par l’IA
Vous souhaitez tirer parti de l’intelligence artificielle directement dans votre éditeur VS Code pour écrire du code plus vite, comprendre du code existant, ou automatiser des tâches répétitives. Ce tutoriel complet vous explique pas à pas…
-
Tutoriel pour le Terminal : PATH, ENV, Shell et Alias
Lorsque vous utilisez un ordinateur, vous avez certainement entendu parler du terminal, de la console ou de l’invite de commande. Ces termes désignent un outil qui permet d’interagir directement avec le système d’exploitation en tapant des…
-
Claude Code : Tutoriel complet pour développeurs
Claude Code est un outil récent qui place un assistant virtuel directement dans votre terminal pour vous aider à comprendre, modifier et produire du code au sein d’un vrai dépôt. Ce tutoriel complet vous guide pas…
-
Jour 28 – Rédaction Mentions légales et CGU d’un site web
Lorsqu’on lance un site web comme Créa-code, il est tentant de se concentrer uniquement sur le design, les fonctionnalités, ou le contenu. Pourtant, un élément essentiel est souvent négligé : la rédaction des CGU (Conditions Générales d’Utilisation) et…
-
Jour 27 – Débuter avec Git, tutoriel complet pour débutant
Git est un logiciel qui vous aide à garder un historique de toutes les modifications que vous apportez à votre code. Il vous permet de suivre les différentes étapes de votre travail, de revenir en arrière…
-
Jour 26 – Echo et son système de phrases contextuelles
Sur Créa-code, nous souhaitons que chaque interaction soit humaine, chaleureuse et motivante. Echo, notre mascotte virtuelle, est là pour ça : elle encourage, guide, félicite ou console les utilisateurs à travers des petites phrases bien pensées.…
-
Jour 25 – Routes, vues et contrôleurs des pages du projet
Aujourd’hui, dans notre aventure #100JoursPourCoder, nous allons poser les fondations essentielles pour organiser notre site Créa-code. Notre objectif est simple mais important : créer toutes les routes, contrôleurs et vues pour chaque page du site déjà reliée par un lien. Nous n’allons…
-
Jour 24 – Mise en page du Dashboard utilisateur HTML et CSS
Avant même d’écrire une ligne de PHP dynamique ou de connecter notre interface à une base de données, nous avons fait le choix de concevoir le Dashboard en HTML et CSS statique. Ce n’est pas un hasard.…
-
Jour 23 : Conception du template du Dashboard utilisateur
Aujourd’hui, nous entrons dans une nouvelle étape importante dans la construction de la plateforme Créa-code : la conception de la maquette de l’espace personnel de l’utilisateur connecté, autrement dit, la conception du template du Dashboard. Ce tableau de bord…
-
Jour 22 – La mise en page CSS et responsive des formulaires
Aujourd’hui, nous allons travailler sur un aspect fondamental de toute application web : l’interface de connexion et d’inscription. Ces deux formulaires sont souvent la première interaction qu’un utilisateur a avec notre site. Leur esthétique, leur clarté et leur ergonomie jouent un…
-
Jour 21 : Mise en place Dark mode ou mode sombre du site web
Le mode sombre ou dark mode est devenu un standard d’ergonomie sur le web. Il améliore le confort visuel, surtout dans les environnements peu lumineux. Il réduit la fatigue oculaire, permet d’économiser de l’énergie sur les écrans OLED,…