Curriculum Vitae
Voir le projet Curriculum VitaeJ'ai réalisé ce projet dans le cadre du cours de design web en deuxième année à la Haute École de La Province de Liège. Les consignes étaient de copier un site connu tout en respectant le canevas existant, pour y injecter les informations de notre cv. Pour être précis, il faut d’abord analyser le site, pour ensuite faire des modifications. De plus, il faut reprendre les fonctionnalités du site original (par ex. le carousel d'images et le formulaire de contact).
- PHP
- HTML
- CSS
- JavaScript
- Sass
- Laravel-mix
Analyse
Pour l’analyse, j’ai d’abord regardé les éléments du design, c’est-à-dire les couleurs, les typos, la grille et les espacements. Ainsi, j’ai pu définir les variables adéquates dans mon fichier _variables.scss. Ensuite, j’ai observé le comportement du carrousel et du formulaire pour pouvoir en faire une abstraction.
Développement
Je suis passez par beaucoup d’essais, car il y avait beaucoup de choses à apprendre. Pour le début, j’ai essayé la première fois la nomenclature BEM (block element modifier). Ainsi, c’était difficile de trouver des noms adéquats ou même de respecter la convention.
Ensuite, le problème comment faire un menu drop down qui est accessible, même si javascript ne fonctionne pas. La solution que j’ai trouvée était d’utiliser des checkbox et le sélecteur css #checkbox:checked.
En continuant, je me suis posé la question, comment ranger mes fichiers ? En discutant avec mes professeurs, j’ai trouvé l’architecture ITCSS. Celle-ci m’a aidé à modulariser mon code. L’utilisation de BEM et ITCSS est un outil très puissant, mais cet outil a un point négatif. Si j’utilise BEM, je « pollue » mon code avec des classes, ce qui augmente la taille du fichier.
Un point que je trouve important, c’est l’envoi des mails. Ceci fonctionne très bien avec la fonction mail() de PHP. Sur namecheap.com il faut utiliser une boite mail que le serveur connait. Une conclusion qui m’a pris un certain temps de recherche.
Conclusion
Ce projet m’a fait découvrir beaucoup de nouvelles techniques. Je n’ai pas toujours réussi à les maitriser (ex. Gettext), mais j’ai appris énormément de choses en lisant la documentation.