Notaire Dufour-Dupéré
Voir le site
Projet personnel
Intégration web
HTML
CSS
JavaScript
NodeJS
Figma
Informations du projet
Informations du projet
Informations du projet
Informations du projet
Informations du projet
Informations du projet
Informations du projet
Informations du projet
Design et wireframe
Le design et le wireframe du site sont par là que j'ai commencé. En tant que tel, le design est plutôt simple et plus ouvert que le site originel. J'ai essayé le plus possible de garder cela simple, car le site serait consulté par un public avec une grande variété d’âges.
Intégration web
L'intégration web est assez simple. Plusieurs connaissances déjà acquises sont présentes. Ce que j'ai le plus appris dans ce projet, en termes de HTML, CSS et JavaScript, a été de développer la nouvelle composante Tabs. J'ai eu de la difficulté avec la taille des éléments et je me suis adapté en cours de route.
Composante Tabs
Le développement de la composante Tabs est assez simple. J'ai décidé de travailler avec des classes CSS qu'on ajoute et qu'on retire. Chaque nom de tab est associé à un contenu. Lorsque je clique sur une tab avec le nom "union", une classe CSS "union" lui est associée. En JavaScript, je demande d'aller chercher le contenu qui a le même nom que la classe "union" dans un div qui regroupe tous les contenus des tabs. Par défaut, le contenu de tous les tabs est caché sauf celui qui est actif. Avec la classe "is-active" que je rajoute sur le contenu qui a le même nom de classe que le nom de la tab, il s'affiche.
Galerie photo
Galerie photo
Galerie photo
Galerie photo
Galerie photo
Galerie photo
Galerie photo
Galerie photo
