La genèse du projet

Dans le cadre de mon apprentissage du développement web, j'ai réalisé mon portfolio personnel afin de présenter mes projets et compétences. Pour concevoir ce site, j'ai d'abord élaboré des maquettes sur Figma, ce qui m'a permis de structurer l'interface et de penser l'expérience utilisateur en amont du développement.

Déscription du projet

Côté technique, j'ai développé le site en utilisant HTML, CSS et JavaScript, en m'appuyant sur Bootstrap comme framework CSS pour faciliter la mise en page et assurer un design responsive. Ce projet m'a permis de renforcer mes compétences en intégration web, en structuration du code et en utilisation des composants de Bootstrap pour un rendu à la fois esthétique et fonctionnel.

La création de ce portfolio a été une étape clé dans mon parcours, car elle m'a donné une vision complète du processus de développement d'un site web, de la conception à la mise en ligne. Travailler avec Figma m'a aidé à mieux anticiper les contraintes du développement et à gagner en efficacité dans l'implémentation du design.

Pour conclure

Avec du recul, je constate que j'aurais pu approfondir certains aspects, notamment en optimisant davantage les performances du site ou en explorant des animations plus avancées en CSS et JavaScript. Malgré cela, ce projet m'a permis de consolider mes bases et de mieux appréhender la création d'un site web professionnel.

Apprentissages critiques

• AC22.04 - Optimiser le référencement d’un site web, d’un produit ou d’un service
• AC14.01 - Exploiter de manière autonome un environnement de développement efficace et productif
• AC14.02 - Produire des pages Web fluides incluant un balisage sémantique efficace et des interactions simples
• AC14.04 - Mettre en ligne une application Web en utilisant une solution d’hébergement standard
• AC24.01 - Produire des pages et applications Web responsives
• AC24.05 - Optimiser une application web en termes de référencement et de temps de chargement
• AC24.06 - Configurer une solution d’hébergement adaptée aux besoins
• AC34.01 - Développer à l’aide d’un framework de développement côté client

Outils utilisés