Bases de JavaScript par le biais de pratiques manuelles

JavaScriptJavaScriptBeginner
Pratiquer maintenant

This tutorial is from open-source community. Access the source code

💡 Ce tutoriel est traduit par l'IA à partir de la version anglaise. Pour voir la version originale, vous pouvez cliquer ici

Introduction

Dans ce laboratoire, nous allons explorer les bases du langage de programmation JavaScript. Le laboratoire est conçu pour aider les participants à acquérir une compréhension solide des bases de JavaScript, y compris les variables, les types de données, les structures de contrôle, les fonctions et bien d'autres encore. Par une série d'exercices pratiques et d'exemples, les participants apprendront à écrire du code en JavaScript et à construire de simples programmes. Ce laboratoire est adapté aux débutants ayant peu ou pas d'expérience de programmation antérieure.


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") subgraph Lab Skills javascript/variables -.-> lab-28602{{"Bases de JavaScript par le biais de pratiques manuelles"}} javascript/data_types -.-> lab-28602{{"Bases de JavaScript par le biais de pratiques manuelles"}} javascript/arith_ops -.-> lab-28602{{"Bases de JavaScript par le biais de pratiques manuelles"}} javascript/comp_ops -.-> lab-28602{{"Bases de JavaScript par le biais de pratiques manuelles"}} end

Conversion RGB en HSB

Pour convertir un tuple de couleurs RGB au format HSB, vous pouvez suivre ces étapes :

  1. Ouvrez le Terminal/SSH et tapez node pour commencer à pratiquer la programmation.
  2. Utilisez la formule de conversion RGB en HSB pour convertir le tuple de couleurs RGB au format HSB approprié.
  3. La plage de paramètres d'entrée est [0, 255], tandis que les valeurs résultantes ont une plage de :
  • H : [0, 360]
  • S : [0, 100]
  • B : [0, 100]

Voici la fonction en JavaScript :

const RGBToHSB = (r, g, b) => {
  r /= 255;
  g /= 255;
  b /= 255;
  const v = Math.max(r, g, b),
    n = v - Math.min(r, g, b);
  const h =
    n === 0
      ? 0
      : n && v === r
        ? (g - b) / n
        : v === g
          ? 2 + (b - r) / n
          : 4 + (r - g) / n;
  return [60 * (h < 0 ? h + 6 : h), v && (n / v) * 100, v * 100];
};

Vous pouvez appeler la fonction comme ceci :

RGBToHSB(252, 111, 48);
// [18.529411764705856, 80.95238095238095, 98.82352941176471]

Sommaire

Félicitations ! Vous avez terminé le laboratoire RGB en HSB. Vous pouvez pratiquer d'autres laboratoires sur LabEx pour améliorer vos compétences.