CV en ligne

Général

Vous allez devoir créer un site de type Portfolio / e-CV.

C'est un site internet déstiné à de potentiels recruteurs / entreprises et que l'on hébergera pour que vous repartiez de la formation avec au moins un projet fini.

Vous trouverez plus de détails dans la section "Spécifications".

On vous conseille d'améliorer votre projet au delà des spécifications et après la fin de votre formation chez nous !

Pourquoi ?

En plus de créer un livrable que vous pourrez montrer, il nous sert à évaluer vos acquis (HTML/CSS/JS).

Quand ?

Nous attendons que le projet soit terminé avant le 09/05 23h59.

Pour le rendre, merci de fournir les fichiers par un hébergeur de fichier type WeTransfer.

Demander de l'aide ?

Vous pouvez demander de l'aide à tout moment, SEULEMENT SI VOS QUESTIONS SONT PRÉCISES ET PRÉPARÉES À L'AVANCE.

Spécifications

Voici les instructions détaillées

Général

Vous devez fournir un site internet en utilisant HTML5, CSS3 et Javascript ES6.

Votre site devra être syntaxiquement correct et respecter les guidelines / bonnes pratiques vues en cours.

Contenu

Votre site doit contenir les sections suivantes :

• Compétences
• Expériences
• Réalisations
  • Liens vers projets, screenshots, vidéos, audio, etc.
• Formations
• Contact (SANS NUMÉRO DE TÉLÉPHONE)
• Hobbies
• Un lien pour télécharger votre CV en pdf.

Aspect

• Votre design doit être simple, épuré et convenir à un CV professionnel (ne partez pas dans des fantaisies, au niveau des couleurs, dispositions, etc.)
• Vous devez fournir un site adapté à la fois aux ordinateurs, aux tablettes et aux téléphones portables.
• Votre site doit être lisible et on doit pouvoir repérer les informations souhaitées rapidement.

Layout & Composants UI

• Le site peut être sur une seule ou plusieurs pages HTML
• Il doit utiliser Grid ou Flexbox pour le layout
• Il doit avec une navbar (adapté pour le mobile : burger, possibilité de la cacher, etc.)
• Il doit y avoir un formulaire pour vous contacter (formspree)
• Il doit y avoir un footer contenant les informations Copyright ou Copyleft, indiquant l'auteur, l'année et la License pour votre code

Code

• Chaque page doit passer la validation W3C
  • Conseil : Validez votre site AU FUR ET À MESURE pas uniquement à la fin
• Votre code doit être commenté
• Votre code doit être bien indenté
• Votre code doit être compréhensible (pas de version minimifiée, etc.)
• Respectez le principe du DRY (Don't Repeat Yourself)

HTML

• Votre code doit respecter la syntaxe HTML
• Vous devez utiliser divers éléments / attributs HTML
• Vous devez utiliser des éléments HTML pour structurer votre page
• Vous devez respecter la sémantique HTML

CSS

• L'utilisation d'un framework CSS est conseilée (mais pas obligatoire, et pas obligatoirement Bootstrap)
• Nous vous déconseillons d'utiliser beaucoup d'Ids, mais de plutôt utiliser des classes
• Nous apprécierons l'utilisation de divers selecteurs CSS
• Le site doit utiliser transitions ET animation

Javascript

• Votre code Javascript doit comprendre des noms de variables / fonctions compréhensibles
• Vous devez utiliser des fonctions, des tableaux, et des objets
• Vous devez montrer que vous comprenez le fonctionnement du DOM et des événements

Grille de notation

General (/5)

• Le contenu respecte les consignes
• Organisation des fichiers / dossiers
• Qualité du code
• Validation W3C

HTML (/4)

• Syntaxe
• Utilisation d'éléments structurants
• Variété des balises / attributs

CSS (/4)

• Syntaxe
• Utilisation de diverses propriétés / valeurs
• Variété des sélecteurs & respect des conseils
• Animations & Transitions

Responsive (/2)

• Votre site doit être adapté aux téléphones, tablettes et ordinateurs

Javascript (/5)

• Syntaxe
• Utilisation de foncitons, tableaux et objets
• Manipulation du DOM

Bonus (+3)

• UI/UX Mockups
• Le formulaire utilise vraiment formspree
• Utiliser une feuille de style 'print' pour modifier le style de votre page lors de son impression