Skip to content

Projet didactique démontrant l'utilisation de GitHub Actions pour automatiser les tests unitaires (Jest & Deno), le linting (Super-Linter), et d'autres étapes CI/CD dans un projet HTML/CSS/JS. Idéal pour apprendre à intégrer des workflows robustes dans des projets front-end modernes.

License

Notifications You must be signed in to change notification settings

Y-Picot/github-actions-html-css-js

Repository files navigation

GitHub Actions pour HTML/CSS/JS

Exemple pratique d'automatisation des tests et du linting pour projets web avec GitHub Actions. Pipeline CI/CD complète avec Jest, Deno et Super-Linter.

🔧 Statut des Actions

Tests Unitaires Linting Tests Deno Statut des Actions

🚀 Technologies utilisées

  • HTML5/CSS3/JavaScript - Technologies front-end
  • Jest & Deno - Frameworks de tests
  • GitHub Actions - Pipeline CI/CD
  • Super-Linter - Validation de code

✨ Fonctionnalités

  • Tests automatisés - Jest et Deno en parallèle
  • Linting continu - Validation automatique du code
  • Multi-environnements - Support Node.js et Deno
  • Badges de statut - Suivi visuel en temps réel

📦 Prérequis

  • Node.js (version 16+) et npm
  • Deno (optionnel pour tests Deno)
  • Compte GitHub avec Actions activées

🛠️ Installation

git clone https://github.com/Y-Picot/github-actions-html-css-js.git
cd github-actions-html-css-js
npm install
npm run test-jest

💡 Scripts disponibles

Commande Description
npm run test-jest Tests unitaires avec Jest
npm run test-deno Tests unitaires avec Deno
deno test Tests Deno directement

📁 Structure du projet

github-actions-html-css-js/
├── .github/workflows/      # GitHub Actions
├── src/                    # Code source HTML/CSS/JS
├── tests/                  # Tests Jest et Deno
├── package.json           # Configuration npm
└── README.md              # Documentation

⚙️ GitHub Actions configurées

  • Tests Jest - Tests unitaires Node.js avec couverture
  • Super-Linter - Validation HTML/CSS/JS automatique
  • Tests Deno - Tests avec runtime sécurisé Deno

🤝 Contribution

  1. Fork le projet
  2. Créez votre branche (git checkout -b feature/amelioration)
  3. Testez (npm run test-jest)
  4. Committez (git commit -m 'Nouvelle fonctionnalité')
  5. Ouvrez une Pull Request

📄 Licence

Licence MIT - voir LICENSE pour les détails.

👤 Auteur

Y-Picot - GitHub


⭐ Projet utile ? N'hésitez pas à lui donner une étoile !

About

Projet didactique démontrant l'utilisation de GitHub Actions pour automatiser les tests unitaires (Jest & Deno), le linting (Super-Linter), et d'autres étapes CI/CD dans un projet HTML/CSS/JS. Idéal pour apprendre à intégrer des workflows robustes dans des projets front-end modernes.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published