Travail : Création d'un CV Web avec Vite

Objectif

L'objectif de ce travail est de créer une version web de votre CV. Ce projet vise à mettre en pratique vos connaissances en développement web en utilisant Vite pour la création rapide d'applications, HTML pour la structure de la page, et CSS pour le style. Votre CV en ligne devra être hébergé sur Vercel et accessible via un lien public.

Consignes

• Format : Votre CV doit être présenté sur une seule page web. Pensez à structurer l'information de manière claire et cohérente pour faciliter la lecture.
• Technologies : Utilisez Vite comme outil de build pour votre projet, HTML pour la structure de la page, et CSS pur pour le styliser. L'objectif est de vous familiariser avec la rapidité de développement que Vite offre, de maîtriser l'organisation de votre contenu avec HTML et de pratiquer vos compétences en CSS.
• Hébergement : Publiez votre CV sur Vercel, une plateforme d'hébergement gratuite qui s'intègre bien avec les projets Vite. Assurez-vous que le lien vers votre CV soit public et accessible à tous.

Conseils pour votre CV

1. Simplicité et Clarté : Gardez votre design simple et épuré pour ne pas distraire le lecteur de l'essentiel : vos compétences et expériences.
2. Hiérarchisation : Organisez l'information de manière logique avec HTML. Commencez par les informations les plus importantes comme votre expérience professionnelle et vos compétences.
3. Personnalisation : Montrez votre personnalité à travers le design et le contenu de votre CV. Cela peut être un atout majeur pour vous démarquer.
4. Responsive Design : Assurez-vous que votre CV soit agréable à lire sur tout type d'appareil, en particulier sur mobile, en utilisant CSS de manière efficace.
5. Contenu : Incluez vos expériences professionnelles, formations, compétences techniques, projets personnels ou tout autre élément pertinent qui pourrait intéresser un employeur.

Rappel

Ce travail est une opportunité pour vous de pratiquer les compétences acquises en cours. Il n'y aura pas d'instructions détaillées sur comment réaliser ce projet ; vous devrez vous référer aux matériaux du cours et à vos connaissances pour compléter cette tâche.

Pour bien démarrer avec Vite

Pour bien démarrer un projet avec Vite, suivez ces étapes simplifiées pour créer, configurer et nettoyer votre projet initial. Ce guide vous aidera à préparer un environnement de projet propre pour commencer à développer votre application.

1. Créer un Nouveau Projet

Ouvrez un terminal et exécutez la commande suivante pour créer un nouveau projet Vite :

npm create vite@latest

Remplacez nom-du-projet par le nom de votre choix. Ceci télécharge le squelette du projet Vite.

2. Installer le Projet

Changez de répertoire pour entrer dans votre projet :

cd nom-du-projet

Installez les dépendances avec NPM :

npm install

3. Nettoyer les Fichiers Inutiles

Après l'installation, votre projet contiendra des fichiers et du code d'exemple. Voici comment nettoyer :

• Supprimez counter.js et javascript.svg de votre dossier.

4. Modifier le fichier main.js

Remplacez le contenu du fichier main.js par :

import "./style.css";

document.querySelector("#app").innerHTML = `
  <h1>Coucou !</h1>
`;

Ceci simplifie votre fichier main.js pour afficher un simple message de bienvenue.

5. Nettoyer le fichier style.css

Ouvrez le fichier style.css et supprimez tout son contenu pour repartir d'une feuille vierge pour vos styles.

6. Commencez votre projet !

Vous pouvez maintenant écrire votre code dans les fichiers index.html, style.css ou main.js.