Projet - Prism (Part.01) - Démarrage
Détails
Projet : Prism
Avec ce projet Prism, il est temps de passer à une autre échelle. Après avoir développé de simples sections, vous allez concevoir une page complète.
Il est facile de croire que la durée du développement est liée à la longueur de la page. Alors que non ! Ce projet en est le parfait exemple… mais je n'en dis pas plus…
Attention, voici une contrainte pour vous (ou un avantage selon le point de vue). Vous devez impérativement utiliser le framework Client-First ! Vous allez donc partir du clonable Client-First de Finsweet.
Ce projet est accompagné de ressources disponibles en annexes et est composé de trois challenges :
- Démarrage
- Conception
- Responsive
Petit conseil : Gagnez du temps en développant des éléments ou des .class réutilisables.
Challenge n°01 : Démarrage
Objectifs
Double objectifs pour ce projet ! Vous devez utiliser Client-First et essayer d'être le ou la plus rapide dans votre développement. Le seul moyen : réutiliser un maximum.
Mais pour cela, il est essentiel d'analyser la maquette en amont.
Consignes
Pour ce challenge, voici quelques consignes :
- Dupliquez le projet Figma sur votre Workspace Figma
- Utilisez les pages Figma "Aide" niveau par niveau si vous en sentez le besoin
- Utilisez la base de Client-First disponible dans votre dossier du workspace "initWeb Formations"
- Ajoutez vos variables, votre police d'écriture et vos médias.
Pour ce premier challenge, analysez et repérez les éléments qui se répètent ou les mises-en-page similaires.
Afin de réaliser ce projet avec brio, fixons-nous un objectif de temps. Pour démarrer ce projet, je vous donne 20 minutes. C'est à vous !
