Apprendre à coder sur pierre-giraud.com

DES COURS COMPLETS ET GRATUITS POUR TOUS

SOMMAIRE

Introduction

  1. Présentation du cours
  2. Introduction au JavaScript
  3. Environnement de travail

Les bases en JavaScript

  1. Où écrire le JavaScript
  2. Syntaxe et commentaires
  3. Découverte des variables
  4. Les types de valeurs
  5. Opérations sur les variables
  6. La concaténation
  7. Présentation des conditions
  8. Les conditions if, if...else, if...else if...else
  9. Opérateurs logiques
  10. Evaluation / Simplification des conditions
  11. Conditions ternaires
  12. Switch
  13. Les boucles
  14. Découverte des fonctions
  15. Test n°1

Les objets en JavaScript

  1. Définition et découverte
  2. Valeurs primitives et objets
  3. Créer des objets
  4. Les méthodes de l’objet String
  5. Les méthodes de l’objet Number
  6. Découverte de l’objet Array
  7. Les méthodes de l’objet Array
  8. Découverte de l’objet Date
  9. Les méthodes de l’objet Date
  10. L’objet Math et ses méthodes
  11. Test n°2

Notions avancées sur les fonctions

  1. La portée en JavaScript
  2. Les fonctions anonymes
  3. Les fonctions auto-invoquées
  4. Les closures JavaScript
  5. Test n°3

Le DOM HTML

  1. Découverte du DOM HTML
  2. Accéder à un élément HTML
  3. Modifier du contenu HTML
  4. Ajouter et insérer des éléments HTML
  5. Modifier ou supprimer des éléments HTML
  6. Naviguer dans le DOM
  7. Les évènements en JavaScript
  8. AddEventListener()
  9. Propagation des évènements
  10. L'objet Event
  11. Test n°4

Le BOM - Browser Object Model

  1. Le BOM et l'objet Window
  2. L'objet Screen
  3. L'objet Navigator
  4. L'objet Location
  5. L'objet History
  6. Test n°5

Les expressions régulières

  1. Découverte des regex en JavaScript
  2. Recherches et remplacements
  3. Les quantifieurs et les options
  4. Les classes de caractères et les méta-caractères
  5. Test n°6

JavaScript et formulaires

  1. Rappels sur les formulaires en HTML
  2. Validation HTML des formulaires
  3. Validation JavaScript des formulaires
  4. Test n°7

L'élément HTML canvas

  1. Découverte de l'élément canvas
  2. Dessiner des rectangles
  3. Dessiner des lignes
  4. Dessiner des arcs de cercle
  5. Créer des dégradés
  6. Insérer du texte et des images
  7. Incliner un dessin
  8. Test n°8

Notions avancées

  1. Gestion du délai d'exécution
  2. La gestion des erreurs
  3. Le mode strict
  4. Test n°9

Conclusion

  1. Conclusion - Aller plus loin

L’OBJET JAVASCRIPT MATH

Présentation de l’objet Math

L’objet Math va nous permettre de réaliser différentes opérations sur des nombres grâce à ses nombreuses méthodes.

Notez déjà que l’objet Math ne possède pas de constructeur. Ainsi, nous ne créerons pas d’objet de « type Math » mais allons appliquer les méthodes à Math en soi.

Dans ce chapitre, nous n’allons voir que quelques unes des méthodes qui me semblent les plus intéressantes de l’objet Math.

La méthode random()

Commençons avec la méthode random() qui retourne un nombre décimal aléatoire entre 0 et 1. Cette méthode est très utile dans le cas d’un programme nécessitant la génération aléatoire d'un nombre.

La méthode random() de l’objet JavaScript Math

Random() renvoie du nombre aléatoire entre 0 et 1

Essayer ce code !

Pour obtenir un nombre aléatoire entre 0 et 1000 par exemple, il suffit de multiplier le résultat renvoyé par random() par 1000.

Obtenir un nombre aléatoire entre 0 et 1000 avec random()

On multiplie le résultat renvoyé par random() par 1000

Essayer ce code !

Si l’on souhaite maintenant obtenir un nombre entier, on peut appliquer la méthode round() que nous allons voir immédiatement sur le résultat renvoyé par random().

La méthode round()

La méthode round() va nous permettre d’arrondir un nombre donné à l’entier le plus proche. Il peut être intéressant d’utiliser cette méthode avec random().

La méthode round() de l’objet JavaScript Math

Utilisation de round() avec random()

Essayer ce code !

Les méthodes floor() et ceil()

Les méthodes floor() et ceil() vont nous permettre respectivement d’arrondir un nombre décimal à l’entier inférieur ou supérieur.

Ces méthodes peuvent donc une nouvelle fois s’avérer utiles à utiliser avec random().

Les méthodes floor() et ceil() de l’objet JavaScript Math

On utilise floor() et ceil() pour arrondir un nombre

Essayer ce code !

Les méthodes min() et max()

Les méthodes min() et max() retournent respectivement le plus petit ou le plus grand nombre parmi une série de nombres.

On va passer les nombres à comparer en arguments de ces deux méthodes.

Les méthodes min() et max() de l’objet JavaScript Math

Utilisation de min() et max() pour trouver le plus petit et le plus grand nombre

Essayer ce code !

La méthode abs()

La méthode abs() va retourner la valeur absolue d’un nombre (c’est à dire la valeur sans le signe « - »).

Cette méthode est très pratique si l’on crée un script qui n'accepte que des nombres positifs.

La méthode abs() de l’objet JavaScript Math()

On récupère la valeur absolue d’un nombre avec abs()

Essayer ce code !

Autres méthodes de l’objet Math

L’objet Math possède de nombreuses autres méthodes. Pour information, en voici quelques unes qui pourraient vous être utiles un jour :

Des méthodes utiles de l’objet JavaScript Math

Présentation de quelques méthodes utiles de l’objet JavaScript Math

Essayer ce code !

Chapitre précédent

Chapitre suivant