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
-
Jour 08 : Définition des rôles utilisateurs et permissions
Créer un site comme Créa-code, pensé pour former, accompagner et motiver des développeurs débutants ou confirmés, nécessite bien plus que de belles interfaces ou des exercices bien construits. L’un des fondements invisibles, mais cruciaux, réside dans la…
-
Jour 07 : UX, logo, typographie & Identité visuelle
Notre site Créa-code entre aujourd’hui dans une phase nouvelle de son développement : celle de la cohérence visuelle et de la conception de l’expérience utilisateur. Ces deux éléments, qui souvent négligés au départ, sont pourtant essentiels. Un site peut être…
-
Jour 06 : Choix des outils et technologies de développement
Le projet Créa-Code ne se limite pas à construire un site web. Il ambitionne également de servir de tutoriel vivant, étape par étape, pour tous ceux qui souhaitent apprendre à coder sérieusement: #100JoursPourCoder. C’est dans cette…
-
Jour 05 : Structure et arborescence d’un site web
La conception d’un site web pédagogique comme Créa-code nécessite une organisation claire, à la fois pour les utilisateurs et pour le développeur. Aujourd’hui, je vous propose de plonger dans les coulisses de la structure et de l’arborescence du site, avec…
-
Jour 04 : Définitions des objectifs et des fonctionnalités
Quand on débute en programmation web, il est facile de se sentir perdu. Par où commencer ? Quelle technologie apprendre ? Comment progresser efficacement sans se démotiver ? Toutes ces questions ont guidé la création de…
-
Jour 03 : Étude de la concurrence
Une étude de la concurrence est une analyse des concurrents d’un projet ou d’une entreprise pour mieux comprendre leur positionnement, leurs forces, leurs faiblesses, et les opportunités que cela peut offrir à son propre projet. Dans le cadre…
-
Jour 02 : Ciblage et profilage des utilisateurs
Quand on démarre un projet web, on a souvent la tête remplie d’idées, de fonctionnalités à implémenter, de design à peaufiner, d’objectifs techniques à atteindre. Pourtant, une question devrait toujours précéder tout le reste : à qui…
-
Jour 01 : Présentation du projet Créa-code
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…
-
Comment ajouter une signature en HTML pour Apple Mail
Créer une signature professionnelle dans l’application Mail de votre Mac est un excellent moyen d’améliorer votre image. Ce tutoriel vous explique, pas à pas et compréhensible par tous, comment insérer une signature HTML personnalisée avec photo, comme celle utilisée…
-
Comment convertir en BASE64 une image avec PHP
La conversion d’une image en Base64 est une technique courante en développement web. Elle permet d’intégrer directement une image dans une page HTML sans passer par un fichier externe, ce qui peut simplifier le déploiement et améliorer la…
-
Tracer une fonction mathématique en HTML et JavaScript
Vous souhaitez créer votre propre application pour tracer la courbe d’une fonction mathématique ? Dans cet tutoriel, nous allons apprendre à créer une application web complète en HTML, CSS et JavaScript, capable de tracer une fonction mathématique, calculer des images et trouver…
-
Coder un plugin WordPress : Un système de vote comme Reddit
Dans ce tutoriel, nous allons vous guider à travers la création d’une extension ou plugin WordPress simple mais fonctionnel. Un autre chapitre, plus abordable pour les débutants, est accessible pour apprendre à coder un plugin Wordpress…