Dans ce projet JavaScript, vous allez apprendre à créer des composants d'accès aux données et à manipuler une base de donnée. Le but de cette activité : création d'une page web avec un espace de connexion.
Pour commencer, suivre les étapes suivantes :
- Cloner le repository via
git clone - Naviguer jusqu'au dossier
olfp-project0-js - Utiliser
npm installafin d'installer les modules node - Utiliser
npm startpour démarrer le serveur surlocalhost:3000
À partir du projet de base qui vous est fourni, réaliser l'exercice en respectant les instructions suivantes :
- Installer les modules Front-End
- Installer les modules Back-End
- Création d'une page d'accueil
- Création d'une page de login
- Affichage d'un "dashboard" une fois l'utilisateur connecté
Vous trouverez l'énoncé détaillé dans le dossier public > docs > enonce-project-js.docx
Pour mener à bien cet exercice sur la partie Front-End, vous devrez utiliser la librairie React JS. Pour le CSS, vous devrez utiliser le Framework Tailwind.
Pour mener à bien cet exercice sur la partie Back-End, vous devrez utiliser le Framework Node JS ainsi qu'Express JS.
Pour la base de données, vous devrez utiliser une base de données NoSql (non-relationnelles) tel que MongoDb et la librairie Mongoose.
Exécute l'application en mode développement. Ouvrez http://localhost:3000 pour l'afficher dans le navigateur.
La page se rechargera si vous apportez des modifications. Vous verrez également toutes les erreurs de charpie dans la console.
Lance le testeur en mode montre interactive. Voir la section sur l'exécution des tests pour plus d'informations.
Génère l'application pour la production dans le dossier de génération. Il regroupe correctement React en mode production et optimise la construction pour les meilleures performances.
La construction est minifiée et les noms de fichiers incluent les hachages. Votre application est prête à être déployée !
Voir la section sur le déploiement pour plus d'informations.
Remarque : il s'agit d'une opération à sens unique. Une fois la commande eject exécuté, impossible de revenir en arrière !
Si vous n'êtes pas satisfait de l'outil de construction et des choix de configuration, vous pouvez utiliser eject à tout moment. Cette commande supprimera la dépendance de construction unique de votre projet.
Au lieu de cela, il copiera tous les fichiers de configuration et les dépendances transitives (webpack, Babel, ESLint, etc.) directement dans votre projet afin que vous ayez un contrôle total sur eux. Toutes les commandes sauf eject fonctionneront toujours, mais elles pointeront vers les scripts copiés afin que vous puissiez les modifier. À ce stade, vous êtes seul.
Vous n'avez jamais besoin d'utiliser eject. L'ensemble de fonctionnalités organisé convient aux déploiements de petite et moyenne taille, et vous ne devriez pas vous sentir obligé d'utiliser cette fonctionnalité. Cependant, nous comprenons que cet outil ne serait pas utile si vous ne pouviez pas le personnaliser lorsque vous êtes prêt.
Vos formateurs OnlineFormaPro :
- Alain Merruci ([email protected])
- Edouard Lebourgeois ([email protected])
- Enrick Payet ([email protected])
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent