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

Chapitre précédent

Chapitre suivant

Question n°1 :

Pour créer un formulaire en HTML, on utilise l'élément

  1. form
  2. input
  3. label

Réponse 1. L'élément form sert à créer le formulaire en soi tandis que l'élément input sert à créer un champ de formulaire.



Question n°2 :

A quoi sert l'élément label ?

L'élément label sert à donner des indications à l'utilisateur sur les données attendues dans un champ. Généralement, nous lierons un input à un label.



Question n°3 :

De quoi doit-on se méfier lorsque l'on crée un formulaire ?

Il faut toujours se méfier des données envoyées par les utilisateurs : en effet, on ne peut jamais s'attendre à recevoir des données valides.



Question n°4 :

Comment rendre le remplissage d'un champ obligatoire en HTML ?

On utilise pour cela l'attribut required sur le champ en question.



Question n°5 :

Quelle est la grande limitation de la validation de formulaires en HTML ?

Un utilisateur malveillant peut tout à fait modifier le code HTML d'une page et par exemple supprimer les attributs gênants pour lui avant d'envoyer le formulaire.



Question n°6 :

De même, quel est le problème majeur relatif à la validation des données en JavaScript ?

Là encore, rien n'empêche un utilisateur malveillant de désactiver le JavaScript de son navigateur et de passer outre nos limitations.



Question n°7 :

Pourquoi et dans quel cas utilisera-t-on le JavaScript pour valider les données ?

Le JavaScript va nous permettre d'effectuer des tests puissants pour vérifier l'intégrité des données envoyées. Il va surtout être utilisé pour donner des indications aux utilisateurs bienveillants (qui auraient mal rempli un champ par erreur).



Question n°8 :

Quelle propriété JavaScript peut être utilisée pour vérifier la présence d'une valeur dans un champ de formulaire ?

On va pouvoir utiliser validity et sa propriété valueMissing qui renvoie le booléen true si la valeur est manquante.



Question n°9 :

Citez une bonne façon de limiter l'envoi de données incorrectes dans un formulaire en JavaScript.

Les expressions régulières vont constituer un outil puissant et efficace pour vérifier la qualité des données renseignées dans un champ de formulaire.



Question n°10 :

Quel type de langage doit on obligatoirement utiliser pour vérifier l'intégrité des données envoyées par les utiliisateurs ?

Il est essentiel de vérifier la qualité des données envoyées par les utilisateurs à l'aide d'un langage "server-side" (qui s'exécute côté serveur) comme le PHP par exemple. En effet, il est beaucoup plus compliqué pour un utilisateur lambda d'influer sur ces tests.

Chapitre précédent

Chapitre suivant