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

LES STRUCTURES TERNAIRES EN JAVASCRIPT

Présentation des ternaires

Les structures ternaires correspondent à une façon très raccourcie d’écrire ses conditions.

Comme les ternaires sont très « denses », certaines personnes en déconseillent l’usage car elles ne les trouvent pas forcément toujours compréhensibles.

Pour construire une ternaire, nous allons utiliser l’opérateur logique ?.

Voici un premier exemple concret de ternaire :

Premier exemple de structure ternaire

Essayer ce code !

Comme vous pouvez le remarquer, cette nouvelle écriture tranche radicalement avec tout ce que nous avons pu voir jusqu’à présent.

Dans le cas ci-dessus, nous commençons par déclarer deux variables heure et bon.

Le test va s’effectuer sur notre variable heure tandis que notre variable bon va nous servir à stocker le résultat de notre ternaire.

On teste donc si notre variable heure contient une valeur inférieure ou égale à 18 ou pas.

Si c’est le cas, on stocke dans la variable bon la chaîne de caractères située juste après le point d’interrogation et avant les deux points (c’est-à-dire « Bonjour »).

Dans le cas contraire, on stocke la valeur après les deux points (« Bonsoir ») dans notre variable bon.

Finalement, on affiche le contenu de notre variable bon.

L’utilisation d’une variable conteneur (ici bon) avec les ternaires n’est pas indispensable mais je vous le recommande fortement pour deux raisons : d’une part, en stockant le résultat de la ternaire dans une variable, vous pouvez vous resservir de ce résultat plus tard et d’autre part cela rend la ternaire un peu plus compréhensible.

Utilisation des ternaires

Comme je l’ai précisé plus haut, certaines personnes déconseillent l’utilisation des ternaires car ils les jugent trop peu compréhensibles.

Personnellement, je n’ai aucun problème avec les ternaires à partir du moment où le code est bien commenté et où la ternaire est explicite.

Le vous laisse donc le choix de les utiliser ou pas, mais dans tous les cas faites l’effort de mémoriser la forme des ternaires au cas où vous en rencontriez dans le futur dans un code.

Notez tout de même que vous pourrez gagner beaucoup de temps si vous maitrisez les ternaires.

En effet, si nous devions réécrire notre ternaire ci-dessus de façon plus classique, c’est-à-dire avec un if...else, voilà ce que cela donnerait.

Condition et ternaire

Essayer ce code !

Chapitre précédent

Chapitre suivant