Skip to content

Xylo87/JavaScript

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

86 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

⚡🟧 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 :

    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 :

    index.html

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

About

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

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published