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

RAPPELS SUR LES FORMULAIRES EN HTML

Utilité d’un formulaire HTML

Les formulaires vont nous servir à recevoir des données envoyées par les utilisateurs.

Par exemple, lors de la création d’un compte client, nous utiliserons un formulaire pour récupérer les différentes informations relatives au client (nom, prénom, adresse, etc.).

On peut également utiliser les formulaires pour créer des formulaires de contact.

Pour rappel, les formulaires vont être écrits en HTML (et mis en forme en CSS), puis les informations envoyées vont être analysées et / ou stockées par d’autres langages comme le PhP ou MySQL.

Squelette d'un formulaire HTML

Pour créer le squelette notre formulaire en HTML, il nous faut déjà préciser un élément form qui va définir le formulaire en soi.

Nous devons également donner deux attributs à l'élément form : les attributs method et action.

L'attribut method va nous permettre de choisir la méthode d’envoi des données (post ou get), tandis que l'attribut action va être indispensable pour préciser la page qui doit effectuer le traitement des données.

L’élément form, base d’un formulaire HTML

Ensuite, pour créer notre formulaire en soi, nous avons à notre disposition différents éléments et de nombreux attributs.

L’élément que nous utiliserons majoritairement est l’élément input. L’attribut type de cet élément va nous permettre de modifier la forme du champ de formulaire créé en précisant le type de données que doit recevoir le champ à priori.

Création d’un formulaire simple en HTML

Le but de cette partie n’est pas de vous réapprendre à créer un formulaire en HTML, mais de voir en quoi le JavaScript peut nous aider avec nos formulaires HTML.

Nous nous contenterons donc d’un formulaire très simple en HTML, demandant seulement à l’utilisateur son prénom, numéro de téléphone et adresse mail.

Voici le code correspondant à ce formulaire :

Création d’un formulaire HTML simple

Un formulaire HTML simple avec une mise en forme minimale

Essayer ce code !

Si vous désirez en savoir plus sur les formulaires HTML, n’hésitez pas à vous rendre sur la section dédié ici : les formulaires HTML

Chapitre précédent

Chapitre suivant