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 :

Que signifie "BOM" ?

"BOM" signifie "Browser Object Model". Le BOM nous permet d'accéder notamment à la fenêtre du navigateur.



Question n°2 :

L'objet Window est dit implicite. Pourquoi ?

L'objet Window est dit implicite car nous n'aurons généralement pas besoin de le préciser dans l'écriture de nos scripts.



Question n°3 :

Comment peut on récupérer simplement la largeur et la hauteur de l'écran d'un de nos visiteurs ?

Il nous suffit d'utiliser les propriétés width et height de l'objet Screen.



Question n°4 :

Citez deux problèmes majeurs auxquels on peut se heurter en utilisant les propriétés de l'objet Navigator ?

Tout d'abord, l'utilisateur doit nous permettre d'accéder aux informations voulues. Ensuite, comme les informations proviennent de l'utilisateur, on ne peut jamais être certain qu'elles soient exactes.



Question n°5 :

Quelle propriété va Navigator va t-on utiliser pour déterminer la langue définie dans le navigateur ?

  1. La propriété language
  2. La propriété langue
  3. La propriété geolocation

Réponse 1. La propriété "langue" n'existe pas tandis que geolocation va nous permettre de définir la localisation de l'utilisateur.



Question n°6 :

A quoi sert l'objet Location ?

L'objet Location va nous fournir des informations relatives à l'URL de la page actuelle.



Question n°7 :

Quelle méthode de Location va t-on utiliser pour recharger une page ?

  1. La méthode assign()
  2. La méthode reload()
  3. La méthode replace()

Réponse 2. La méthode assign() va charger un nouveau document tandis que replace() va remplacer le document actuel par un autre.



Question n°8 :

A quoi sert l'objet History ?

L'objet Hstory va nous permettre de nous déplacer dans l'historique de nos visiteurs, si ceux-ci nous en donnent le droit.



Question n°9 :

Quelle méthode va t-on utiliser pour charger la dernière URL disponible dans l'historique ?

  1. La méthode back()
  2. La méthode forward()
  3. La méthode go()

Réponse 1. Nous utiliserons généralement back() pour charger la dernière URL disponible. Notez qu'on pourrait cependant également utiliser go().

Chapitre précédent

Chapitre suivant