Ceci est le TD/TP de Javascript de l'IUT de velizy visant a cree un site usant du parallaxe
Pour ce faire j'ai utiliser le Framework Angular et pour le deployement une instance firebase
En premier lieu il faut installer node.js : https://nodejs.org/en/download/
Pour lancer et tester le projet en local il faut faire les commandes suivantes :
git clone https://github.com/amarc-sudo/amarc-sudo.github.io.git
cd amarc-sudo.github.io
npm install
npm run watch
Adresse du site en sur FireBase : https://metweb-amarc.web.app/
Adresse du site en local : http://localhost:4200
Angular est un framework monopage qui integre un systeme de composant, les composant sont des sous modules Pour cree ce site j'ai cree deux composant principal, menu et information.
Chaque composant est compose de la maniere suivante :
- dossier-menu
- menu.componement.css - le css specifique au composant
- menu.componement.ts - le typescript specifique au composant
- menu.componement.spec.ts - fichier generer qui nous interesse pas ici
- menu.componement.html - l'html specifique au composant
Le typescript est une version typer et ameliorer du Javascript qui permet une meilleure robustese du code
Toutes les fonctions JS et JQuerry marche en TS
Pour creer l'effet de parallaxe j'ai effectuer du full css Pour l'effet d'apparition au scroll j'ai rajouter une listenner sur le scroll qui detecte quand on arriver a une section specifique
- see information.componement.ts > la fonction scroll = (event: events): void => {}
Le menu est fait avec du CSS et du TS
