javascript
⚡🟧 Série d'applications web dynamiques réalisées en JavaScript
Science Score: 44.0%
This score indicates how likely this project is to be science-related based on various indicators:
-
✓CITATION.cff file
Found CITATION.cff file -
✓codemeta.json file
Found codemeta.json file -
âś“.zenodo.json file
Found .zenodo.json file -
â—‹DOI references
-
â—‹Academic publication links
-
â—‹Academic email domains
-
â—‹Institutional organization owner
-
â—‹JOSS paper metadata
-
â—‹Scientific vocabulary similarity
Low similarity (4.1%) to scientific vocabulary
Repository
⚡🟧 Série d'applications web dynamiques réalisées en JavaScript
Basic Info
Statistics
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
- Releases: 0
Metadata Files
README.md
⚡🟧 Série d'applications web dynamiques réalisées en JavaScript
1. Description
Cette série de projets est un ensemble d'exercices pratiques en JavaScript, couplé à l'utilisation de CSS. Le "Repository" contient :
- des leçons sur le JS
- une application de type To Do List
- un ensemble d'exercices autour du changement de classes CSS type
toggle()en JS (dossier \Squares) - un exercice autour de la création et de l'insertion d'éléments dans le DOM (dossier \Citations)
- plusieurs exercices pratiques utilisant la méthode
Math.random()et des opérateurs de base, pour concevoir des "apps" de type calculatrice, compteur et jeu de BlackJack
2. Fonctionnalités
L'application To Do List permet l'ajout et la suppression dynamiques de listes de tâches à l'aide de simples boutons cliquables, via des méthodes natives à JS telles que
addEventListener(),cloneNode()etremove().Les applications Square sont accessibles via les différentes branches du "Repo" (exo1, exo2, exo3, exo4). Différents évènements dynamiques se produisent au clic sur les carrés au fil des exercices. L'accent est mis l'affichage d'
alert(), le changement de style (couleurs) d'éléments HTML viasetAttribute()et le basculement de classes CSS viatoggle().L'application Citations est dédiée à l'affichage d'éléments textuels dans le DOM via des méthodes natives à JS telles que
createElement(),append()ettextContent(). Les citations sont des objets JavaScript exploitées d'un fichierscript.jsà l'autre à l'aide des fonctionnalités Import/Export de JS. L'application est stylisée avec CSS et inclu un système cliquable de Favoris.Les applications du dossier \Practice sont axées sur des opérateurs algorithmiques de base, via des interfaces ludiques type compteur/sauvegarde de valeurs, calculatrice et jeu de Blackjack (utilisant les methodes
Math.floor()etMath.random()).
3. Installation
Clonez ce projet depuis GitHub :
bash git clone https://github.com/Xylo87/JavaScript.git cd JavaScriptSwitcher entre les branches du projet pour accéder aux différentes applications Square.
Exécutez le fichier principal pour tester le projet :
bash index.html
4. Améliorations possibles
- Ajout d'un système de
LocalStoragepour une sauvegarde des Favoris entre chaque utilisation du navigateur pour l'application Citations.
5. Auteur
Projet réalisé par Théo Arbogast (aka Xylo87). N'hésitez pas à ouvrir une issue ou à me contacter pour toute suggestion ou question.
Owner
- Login: Xylo87
- Kind: user
- Repositories: 1
- Profile: https://github.com/Xylo87
Citation (Citations/index.html)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.1/css/all.min.css" integrity="sha512-5Hs3dF2AEPkpNAR7UiOHba+lRSJNeM2ECkwxUIxC1Q/FLycGTbNapWXB4tP889k5T5Ju8fs4b1P5z/iB4nMfSQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="style.css">
<title>Document</title>
</head>
<body>
<i class="fa-regular fa-heart"></i>
<i class="fa-solid fa-heart"></i>
<script src="script.js" type="module"></script>
</body>
</html>
GitHub Events
Total
- Push event: 76
- Create event: 6
Last Year
- Push event: 76
- Create event: 6