KASA: Une application fictive de location d'hébergements
OpenClassRooms.com
projet 7 sur github
Un projet frontend
- Basé sur REACT.js
- Environnement installé par Create React App
- Architecture caractérisée par les composants REACT fonctionnels
- Routage de l'application permis par React Router Dom
- Utilisation des outils REACT: props, hooks (useState et useEffect), le JSX
API d'une application fictive PIIQUANTE publiant des avis culinaires
OpenClassRooms.com
projet 6 sur github
Un projet backend
- S'appuie sur Node.js
- L'API sert et exploite une base de données MongoDB
- Les modèles de base de données sont conçus avec Mongoose
- Utilisation de jsonWebToken
- Utilisation de bcrypt
- Utilisation de password-validator
KANAP: Un site commercial fictif de vente de meubles
OpenClassRooms.com
projet 5 sur github
Un projet frontend
- Basé sur Node.js
- Appels GET et POST avec une fonction fetch
- Utilisation d'outils et méthodes javascript tels que:
- localStorage, searchParams, JSON
- Combinaison traditionnelle de fichiers html et javascript
- En agissant sur les éléments DOM et les évennements:
- on obtient la lecture, la récupération et la transmission des données
LA CHOUETTE AGENCE: Un site institutionnel fictif
OpenClassRooms.com
projet 4 sur github
Un projet frontend
- Correction d'un site déjà élaboré
- Son optmisation sur le SEO, l'accessibilité (WCAG), le temps de chargement et la performance
- Utilisation des concepts et outils tels que:
- les balises HTML natives, les balises aria-label, changement de format de fichiers
- redimensionnement et compression des images
- utilisation de lighthouse, des validateurs w3c et des dev tools
OH MY FOOD: Une application fictive de recherche de restaurant
OpenClassRooms.com
projet 3 sur github
Un projet frontend
- Animations CSS: loading spinners, composants responsive à la souris
- rotations, apparitions et disparitions de composants
- Utilisation des propriétés: keyframes, transitions, pseudo-element, opacity, z-index
- Utilisation de SASS et de ses propriétés:
- @mixin, SASS maps, SASS variables, nesting syntax, l'ampersand, les sélecteurs combinateurs, les niveaux de specificité CSS
- Utilisation des commandes npm pour installer SASS et autoprefixer
RESERVIA: Une application fictive de recherche de location d'hébergement
OpenClassRooms.com
projet 2 sur github
Un projet Frontend
- Focus sur les fondamentaux de HTML, CSS, git, github
- Et de comment rendre les applications responsive
- Emploi des propriétés CSS: Flexbox, Grid, object-fit, order, flex-direction
- position, les media queries, utilisation du dev tool
