Ce répertoire contient trois projets effectués lors de l'initiation au développement web III. Ces projets représentent une introduction à l'utilisation de Node.js et React. Ces deux outils doivent être installés avant d'essayer de démarrer les projets présents dans ce répertoire.
Node.js est un environnement d’exécution JavaScript. Vous pouvez l'installer en utilisant le lien suivant : https://nodejs.org/fr/download
React est une bibliothèque JavaScript libre développée par Facebook depuis 2013. Son objectif principale est de faciliter le développement des interfaces utilisateurs web et natives. Pour plus d'informations visiter le site officiel : https://fr.react.dev/
Vous devez exécuter npm install dans le dossier racine du projet correspondant pour installer les dépendances nécessaires si vous ne l'avez pas faite.
Projet 1 a pour objectif de mettre en place un formulaire d’enregistrement et de connexion en utilisant Node.js et ses modules. npm run start pour démarrer le projet.
Vous pouvez accéder à la page web principale du projet (après son démarrage) sur http://localhost:8080/login
Le 2ème projet consiste à créer une application de gestion de tâches (Todo list) et a pour objectif d'introduire TypeScript qui sert à améliorer et de sécuriser la production du code JavaScript utilisé dans l'application. L'installation est faite via npm par la commande npm install typescript --save-dev. Pour plus d'informations :
https://www.typescriptlang.org/download
Ce projet contient aussi du code Sass. C'est un préprocesseur qui ajoute des fonctionnalités à CSS ce qui permet de mieux structurer, simplifier le code et d'éviter les répétitions..
Il suffit de taper la commande npm install -g sass dans votre interface en ligne de commande pour l'installer. L'option -g installe Sass globalement dans votre système.
Le dernier projet consiste à créer une application qui calculera le lever et le coucher du Soleil dans différentes villes du monde. Ce projet est divisé en deux mini-projets qui ont le même objectif mais dont chaque projet a une implémentation différente de l'autre afin d'introduire React grâce à l'outil create-react-app qui facilite la création des applications web monopages (SPA).
Les deux projets peuvent êtres démarrés en exécutant la commande npm run start sur la ligne de commande depuis le dossier racine du projet correspondant.
Les instructions d'installation et de création d'un projet sont fournies en visitant le lien de l'application : https://create-react-app.dev/docs/getting-started/
Vous pouvez télécharger le module JavaScript à cette adresse URL : https://github.com/geocot/mecaniqueCelesteSoleil
This repository contains three projects carried out during the introduction to web development III. These projects represents an introduction to Node.js and React. Both of these tools must be installed before attempting to start any project.
Node.js is a JavaScript runtime environnent. You can install it using the following link: https://nodejs.org/fr/download
React is a free JavaScript library developed by Facebook since 2013. Its main objective is to facilitate the development of web and native user interfaces. For more information, please visit their website: https://fr.react.dev/
You should execute npm install in the root folder of the corresponding project to install necessary dependencies if you haven't done so.
Project 1 main consists of creating a registration and login form using Node.js and its modules. You can run npm install in the root project folder to install the necessary dependencies. Then you can execute npm run start to start the development server.
After starting the project, you can navigate to the main page using http://localhost:8080/login
The second project consists of creating a task management application (Todo list). It contains Sass code. Sass is a preprocessor that adds functionality to CSS which allows you to better structure, simplify the code and avoid repetition... You can type npm install -g sass on the command line interface to install it. The -g option installs Sass globally on your system.
The last project consists of creating an application that will calculate the sunrise and sunset time in different cities around the world.
This project is divided into two mini-projects which have the same objective but each one has a different implementation in order to introduce React using the create-react-app tool which facilitates the creation of single-page web applications (SPA).
Both projects can be run by executing npm run start on the command line in the root directory of the corresponding project.
The steps for installing and creating a project are provided by visiting: https://create-react-app.dev/docs/getting-started/
You can download the JavaScript module at this URL: https://github.com/geocot/mecaniqueCelesteSoleil