Différences entre versions de « JavaScript »

De Didaquest
Aller à la navigationAller à la recherche
Ligne 88 : Ligne 88 :
  
 
Image:JS1.jpg |Titre de Votre Image 1
 
Image:JS1.jpg |Titre de Votre Image 1
Image:JS2.jpg |Titre de Votre Image 2
+
Image:JS2.png |Titre de Votre Image 2
 
Image:Definition-graphique-concept3.png |Titre de Votre Image 3
 
Image:Definition-graphique-concept3.png |Titre de Votre Image 3
  

Version du 2 avril 2017 à 09:41


Autres Fiches Conceptuelles
Posez une Question


(+)

Target Icon.pngVotre Publicité sur le Réseau Target Icon.png

Didactique-puce.png Traduction
Didactique-puce.png Définition
Didactique-puce.png Réseau Conceptuel
Didactique-puce.png Media
Didactique-puce.png Conceptions
Didactique-puce.png Questions
Didactique-puce.png Education & Formation
Didactique-puce.png Aides & Astuces
Didactique-puce.png Contrainte d'Enseignement
Didactique-puce.png Bibliographie
Puce-didaquest.png Traduction

/ JavaScript (Français) / JavaScripts (Anglais) / JavaScript (Arabe)


Puce-didaquest.png Définition


Définition écrite

  • JavaScript est un langage de scripts qui incorporé aux balises Html, permet d'améliorer la présentation et l'interactivité des pages Web (tel que la communication avec le navigateur).
  • JavaScript est un langage de programmation de scripts principalement employé dans les pages web interactives mais aussi pour les serveurs2 avec l'utilisation (par exemple) de Node.JS. C'est un langage orienté objet à prototype, c'est-à-dire que les bases du langage et ses principales interfaces sont fournies par des objets qui ne sont pas des instances de classes, mais qui sont chacun équipés de constructeurs permettant de créer leurs propriétés, et notamment une propriété de prototypage qui permet d'en créer des objets héritiers personnalisés. En outre, les fonctions sont des objets de première classe.
Définition graphique


Puce-didaquest.png Concepts ou notions associés
  • Tout comme les différents balises du HTML , JavaScript possède la balise <SCRIPT> avec la quelle on signale le début d’un script en l’ajoutant l’attribut LANGAGE=‘’JavaScript’’ et la balise </SCRIPT> pour informer le navigateur la fin du script
  • Remarque: Pour ajouter des commentaires se sont des lignes explicatives qui seront ignorés lors de l’exécution
    • //: pour une ligne
    • /* …………*/: pour plusieurs lignes
Puce-didaquest.png Exemples, applications, utilisations


Fichier:Js2.jpg

  • Le code JavaScript a besoin d'un "objet global" pour y rattacher les déclarations (variables et fonctions) avant d'exécuter des instructions. La situation la plus connue est celle de l'objet "window" obtenu dans le contexte d'une page web. D'autres environnements sont possibles dont celui fourni par Adobe ou l'environnement Node.js (voir plus bas Autres utilisations).
  • Dans une page web
    • Du code JavaScript peut être intégré directement au sein des pages web, pour y être exécuté sur le poste client. C'est alors le navigateur Web qui prend en charge l'exécution de ces programmes appelés scripts.
    • Généralement, JavaScript sert à contrôler les données saisies dans des formulaires HTML, ou à interagir avec le document HTML via l'interface Document Object Model, fournie par le navigateur (on parle alors parfois de HTML dynamique ou DHTML).
    • Il est aussi utilisé pour réaliser des services dynamiques, parfois futiles, strictement cosmétiques ou à des fins ergonomiques.
    • JavaScript n'est pas limité à la manipulation de documents HTML et peut aussi servir à manipuler des documents SVG, XUL et autres dialectes XML .
  • Exemple :
    • Pour vérifier dynamiquement si un objet (dans la version JavaScript utilisée lors de l'interprétation) possède bien une méthode, on utilise souvent une construction du type :
      • if (monObjet.methode && typeof monObjet.methode === "function") {
 monObjet.methode();

}

    • On vérifie ainsi que monObjet a bien une mise en œuvre de methode que l'on peut alors utiliser. Le plus souvent, si un navigateur ne gère pas la methode de monObjet, il gère une méthode comparable methode2, et on peut alors adapter le code JavaScript au navigateur qui l'exécute :
      • if (typeof monObjet.methode === "function") {
 monObjet.methode();

} else if (typeof monObjet.methode2 === "function") {

 monObjet.methode2();

}


Puce-didaquest.png Erreurs ou confusions éventuelles


  • Confusion entre Java et JavaScripts
  • Confusion entre Ajax et JSON
  • Erreur fréquente: .................


Puce-didaquest.png Questions possibles


Fichier:Js1.jpg

  • Ecrire un code HTML qui permet d’afficher le texte « Vous pouvez afficher le message en cliquant ici »
  • Ecrire un script qui permet l’apparition d’un message en :
    • Déclarant une fonction dans la parie <HEAD> et </HEAD>
    • Faisant appel à cette fonction dans la balise <A> qui fait un lien vers la boite de dialogue
  • Remarque: Le lien s’ajoute sur le mot ‘’ici ‘’ pour afficher la boite de dialogue
  • [<A href=‘’ ‘’ onclick=‘’message()’’>ici</A>]
Puce-didaquest.png Liaisons enseignements et programmes




Puce-didaquest.png Aides, Astuces,...


  • compléter le code suivant pour répondre au question :
    • <html>

<head> <script Language = "JavaScript"> function () {alert ('code JavaScript ') } </script> <body> vous pouvez afficher la boite de dialogue en cliquant <a href ="" ="message()"> ici </a>

</head> </html>


Puce-didaquest.png Difficultés liées à son enseignement'


  • ..................
  • ..................
  • ..................
Puce-didaquest.png Bibliographie


- URL :

  • ..................
  • ..................
  • ..................

- Bibliographie :

  • ..................
  • ..................
  • ..................
  • Page Supervisée par:

/ Didacticiens / ............