Scribd Logo
Upload

Welcome to Scribd!

  • NSI 1ere JavaScript

    Uploaded by

    Myriam BENSAID
    9 views3 pages

    Original Title

    NSI_1ere_JavaScript

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    9 views3 pages

    NSI 1ere JavaScript

    Uploaded by

    Myriam BENSAID

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 3

    Interaction avec l'utilisateur dans une page

    web : utilisation du JavaScript


     
    Objectifs ​: 
    - Connaître le rôle des langages HTML et Javascript. 
    - Déterminer les possibilités d’actions sur une page web. 
    - Analyser les réponses à des événements. 
    - Maîtriser le fonctionnement d’un bouton dans une page 
    web. 
       

    Nous avons vu précédemment le langage de balisage ​HTML​ qui 


    permet d'écrire un fichier représentant une page web. Un navigateur, tels que Firefox ou Safari, 
    interprète le fichier puis affiche la page. 

    Le contenu n'étant pas suffisant, on y ajoute le langage ​CSS​ qui permet modifier la forme du document : 
    forme du contenu, mise en page, couleurs, polices... 

    Le ​langage JavaScript​ permet aussi de modifier la mise en page mais celui-ci permet d'améliorer la 
    fonctionnalité des pages et surtout l'interactivité dans une page Web avec la transmission de 
    formulaires (que nous verrons ultérieurement), les réactions à des ​événements​ déclenchés par les 
    utilisateurs... 

    JavaScript a été créé en dix jours par Brendan Eich en 1995. Malgré son nom, JavaScript n'a rien à voir 
    avec le langage Java, même si Brendan Eich affirme s'être inspiré de nombreux langages, dont Java, 
    pour mettre au point JavaScript. Après des débuts chaotiques, il est devenu incontournable dans le 
    développement web. 
    JavaScript, normalisé en 1990, est un langage de programmation au même titre que Python. Toutefois 
    nous n'allons pas passer en revue tous les éléments dans les détails mais voir les grandes lignes (for, 
    while, if, chaînes de caractères, tableaux, etc). Ce que l'on vous demandera ici est de ​lire un script 
    JavaScript​ et de tenter de l'adapter à une situation assez proche de celle proposée. 

    Pour ceux que cela intéresse, un article : 


    https://javascript.developpez.com/actu/267495/L-historique-de-JavaScript-Brendan-Eich-l-a-ecrit-en
    -seulement-10-jours-et-c-est-ainsi-qu-il-a-change-le-monde-pour-toujours/ 
    On va donc s'intéresser à 3 fichiers, un fichier HTML, un fichier CSS, un fichier js. Ce sera notre base 
    et notre environnement. 

    1) Javascript  
    Pour commencer, il faut écrire une page simple en HTML à laquelle nous joignons du code JavaScript. Le 
    code JavaScript est écrit soit au sein du code HTML, soit dans un fichier séparé. 

    Dans un fichier séparé, on précise la source dans la balise <script> du fichier HTML, c’est-à-dire 
    l’adresse contenant le code js avec l’attribut ​src​. 

    Les balises <script> et </script> se situent dans l’entête entre les balises <head> et</head> 
    Bien mettre le fichier HTML et js dans le même répertoire. 

    Remarque : à chaque modification, enregistrer à nouveau le fichier avant exécution (à l’aide du raccourci 
    ctrl+S). 

    1​ère​ Spécialité NSI IHM sur le web Page 1  


    Par exemple, voici le contenu du fichier script.js et celui du fichier HTML test.html : 

    Le code js peut être écrit dans les éléments HTML, on dit qu’il est écrit « en ligne ». 
    Intéressant pour un script court utilisé dans une seule page. 

     
    Exemple : fichier HTML test2.html 

     
     

    2) Les événements 
     

    On 

    insistera sur les clics car ce sont les plus visuels. 

    Vers la synthèse, à retenir :  

    1​ère​ Spécialité NSI IHM sur le web Page 2 


    L’interaction entre l’utilisateur et la machine se produit lorsque l’utilisateur déclenche un événement qui 
    réagit en appelant un code js. Le code js s’exécute et peut par exemple, provoquer la modification de la 
    page. 
    Remarque : Même si la page provient d’une machine distante, le fichier HTML interprété dans le 
    navigateur a été enregistré sur la machine utilisateur, le client, et le code js est exécuté sur cette 
    machine ​ ​problèmes de sécurité. 

     
     
     

     
     

     
     

    1​ère​ Spécialité NSI IHM sur le web Page 3  

    You might also like