Mini Projet : la création d’un portfolio

Le portfolio est un élément presque primordial pour certaines professions, c’est un

prolongement du CV. Tout comme le Curriculum Vitae, le portfolio doit être unique et doit
vous ressembler, c’est votre image de marque.

Un portfolio est un dossier papier ou un espace numérique contenant des exemples de vos
réalisations. Le portfolio vient en complément de votre CV, il sert à montrer vos réalisations
et démontrer vos compétences.

Tout au long de ce mini-projet vous êtes demandez de réaliser votre propre portfolio.

1. La première chose à faire lorsque vous créez un portfolio, c’est de vous insérer votre image
et de vous présenter. Votre présentation doit être simple et concise (composant Home).

2. En haut de votre page web, vous allez placer une barre de navigation (appelée Navbar en
anglais) qui contient les liens ou des boutons qui dirigent l'utilisateur vers des parties
spécifiques du site. L'objectif principal de la navbar est de faciliter la navigation de
l'utilisateur, en lui permettant de trouver rapidement les informations ou les fonctionnalités
qu'il recherche. Elle contient les liens suivants : Home, About, Contacts, VotreNom, et
SignUp.

Exemple d’une navebar avec son code

(https://getbootstrap.com/docs/4.2/components/navbar): :
3. Les liens présentés ci-dessus sont les composants de notre application.

4. Home est le composant principal. Il est présente la première page. Comme de partout, la
première impression est la plus importante. Il faut donc soigner la première page. Elle doit
donner envie au client ou au recruteur. (Voir 1)

5. Dans le composant About, vous vous présentez :

 Je m'appelle [Prénom Nom], passionné par le domaine de l'informatique……

 Parcours Académique : J'ai obtenu mon diplôme en [Nom de la filière] à [Nom de
l'université/école] en [Année]. Mes études m'ont doté d'une compréhension
approfondie des concepts fondamentaux de l'informatique.
 Compétences Clés :
Langages de Programmation : [Liste des langages que vous maîtrisez]
Développement Web : [Liste des compétences en développement web]
Systèmes d'Exploitation : [Indiquez les systèmes d'exploitation que vous connaissez]
Outils et Technologies : [Liste des outils et technologies pertinents]
 Projets et Stages :
J'ai travaillé sur plusieurs projets significatifs qui ont renforcé ma compréhension des
concepts clés de l'informatique. Certains de ces projets incluent [Nom du projet 1],
[Nom du projet 2], etc. Chacun de ces projets a contribué à ma croissance
professionnelle et à l'enrichissement de mes compétences.
 Objectif Professionnel :
 Mon objectif professionnel est de [Décrivez votre objectif professionnel, par exemple,
contribuer au développement de logiciels innovants, etc.]. Je suis constamment à la
recherche de nouvelles opportunités pour approfondir mes connaissances et relever
des défis stimulants.

 6. le lien qui porte votre Nom est, en fait, un composant qui va contenir un service (en
Angular). Ce service va tout simplement afficher les informations de l’entreprise ou
du client cible que vous contactez, c’est-à-dire :
 Nom,
 Prénom,
 Adresse mail,
 Numéro de téléphone,
 Réseaux sociaux,
 Etc…

Ces informations proviennent du formulaire de composant SignUp, en cliquant sur le

bouton « Déposer » .

7. le composant SignUp présente un formulaire à remplir par une entreprise ou un client

cible qui cherche votre profil. Ce formulaire contient les champs suivants :

 Nom :
 Prénom :
 Adresse mail :
 Numéro de téléphone :
 Message :
 Et un bouton pour l’envoie : Déposer

8. Lorsque le client envoie le formulaire un message de bienvenue est apparaît.

Je suis ravie de votre contact. Je vous appellerai dés que possible.

Bonne chance.