Portoflio S2

Premier Portfolio

Technologies utilisées:

  • HTML
  • CSS

Apprentissage Critiques:

  • AC14.01
  • AC14.02

Compétences:

  • Développer

OBJECTIF :

Dans le cadre de ma première année de BUT, j’ai réalisé un portfolio qui présente mes projets et compétences en développement web. L’objectif principal était de créer un site fonctionnel et dynamique, qui affiche mes réalisations et mes expériences professionnelles à l’aide d’une base de données. J’ai utilisé HTML, CSS et PHP pour la partie front-end et back-end, avec une base de données pour gérer les informations de manière structurée. Le projet m’a permis de développer mes compétences en développement web, de l’architecture du site à sa mise en ligne, tout en respectant les bonnes pratiques en matière de design et de gestion des données.

Dans le cadre de ma première année de BUT, j’ai développé un portfolio pour présenter mes projets et compétences en développement web. L’objectif était de créer un site dynamique et fonctionnel, affichant mes réalisations et expériences professionnelles à l’aide d’une base de données. J’ai utilisé HTML, CSS et PHP pour gérer la partie front-end et back-end, en appliquant les bonnes pratiques de conception et de gestion des données.

Alexandre TESTA
Image projet

Pour commencer, j’ai créé la structure du site en HTML et l’ai stylisée en CSS afin d’obtenir un design minimaliste et professionnel. La mise en page a été pensée pour être claire et intuitive, avec des sections bien distinctes pour chaque catégorie de mon portfolio, telles que mes projets et à propos de moi et comment me contacter.

Le côté back-end du projet repose sur l’utilisation de PHP pour la gestion de la base de données. J’ai conçu une base de données MySQL pour stocker mes informations de manière dynamique, ce qui permettait de gérer facilement l’ajout, la modification et la suppression de contenu. Par exemple, les projets étaient stockés dans des tables dédiées, et PHP interagissait avec cette base pour récupérer et afficher les données sur les pages du site.

J’ai mis en place une interface d’administration simple, qui permettait de gérer les informations du portfolio sans avoir à modifier directement le code. Pour assurer la cohérence et la sécurité des données, j’ai intégré des formulaires pour l’ajout de nouvelles informations, tout en appliquant des techniques de validation et de nettoyage des entrées afin d’éviter les failles de sécurité.

Le projet a été entièrement conçu et développé en local avant d’être mis en ligne sur un serveur. J’ai également optimisé le site pour qu’il soit rapide à charger et compatible avec différents navigateurs, en veillant à la qualité du code HTML et CSS.

Ce projet m’a permis d’acquérir de solides bases en développement web, en gestion de base de données et en utilisation de PHP pour interagir avec celle-ci, tout en me donnant une première expérience concrète de création d’un site dynamique et personnalisé.

J’ai commencé par créer la structure du site en HTML et l’ai stylisée en CSS avec un design minimaliste et professionnel. La mise en page a été pensée pour être claire, avec des sections distinctes pour mes projets, mes expériences et mes coordonnées.

Le back-end repose sur l’utilisation de PHP pour gérer la base de données MySQL, permettant l’ajout, la modification et la suppression de contenu. Les projets étaient stockés dans des tables dédiées, et PHP interagissait avec la base de données pour afficher dynamiquement les informations sur le site.

J’ai développé une interface d’administration simple pour gérer les données sans toucher au code.

Le projet a été conçu en local puis mis en ligne. J’ai également optimisé la performance du site pour garantir des temps de chargement rapides et une compatibilité multiplateforme en respectant les standards du web.

Ce projet m’a permis de renforcer mes compétences en développement web, gestion de base de données et PHP, tout en me donnant une première expérience de la création d’un site dynamique et personnalisé.