javascript

⚡🟧 Série d'applications web dynamiques réalisées en JavaScript

https://github.com/xylo87/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
Last synced: 9 months ago · JSON representation ·

Repository

⚡🟧 Série d'applications web dynamiques réalisées en JavaScript

Basic Info
  • Host: GitHub
  • Owner: Xylo87
  • Language: JavaScript
  • Default Branch: main
  • Homepage:
  • Size: 8.61 MB
Statistics
  • Stars: 0
  • Watchers: 1
  • Forks: 0
  • Open Issues: 0
  • Releases: 0
Created over 1 year ago · Last pushed 9 months ago
Metadata Files
Readme Citation

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 :

  1. des leçons sur le JS
  2. une application de type To Do List
  3. un ensemble d'exercices autour du changement de classes CSS type toggle() en JS (dossier \Squares)
  4. un exercice autour de la création et de l'insertion d'éléments dans le DOM (dossier \Citations)
  5. 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

  1. 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() et remove().

  2. 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 via setAttribute() et le basculement de classes CSS via toggle().

  3. 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() et textContent(). Les citations sont des objets JavaScript exploitées d'un fichier script.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.

  4. 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()et Math.random()).


3. Installation

  1. Clonez ce projet depuis GitHub : bash git clone https://github.com/Xylo87/JavaScript.git cd JavaScript

  2. Switcher entre les branches du projet pour accéder aux différentes applications Square.

  3. 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

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