Copyright

Annonces Google

Tutoriels Informatiques

TICE & Multimédias

Math-pour-Informatiques

Anglais pour débutants

Nous somme sur Facebook

Utilisateurs en ligne

Users: 3 Guests, 1 Robot
Gearbest  promotion

Annonces Google



1 – Introduction au langage JavaScript

Développé en 1995 par Netscape ce langage constitue une extension au langage HTML, il s’agit d’un langage de programmation qui permet d’apporter des améliorations au langage HTML ( texte animé, texte défilant, image animée … Javascript est un langage qui fonctionne du coté client, contrairement aux autres langages php,asp, servelet… qui fonctionne du coté serveur. Néanmoins sont apprentissage est important du moment que asp (Active Server Pages ) se base sur Javascript et VBscript, et qu’actuellement il fait la base de l’Ajax

JavaScript est un langage de programmation informatique interprété conformément au language  ECMAScript (ensemble de normes standardisées par l’organisation Ecma International  concernant les langages de programmation de type script). Le javascript peut être crée et exécuter par des logiciels appelé moteurs javascript. Ces derniers sont généralement intégré aux navigateurs Web.

Javascript dérive -t-il du langage Java ? La réponse est non ! Javascript n’a aucun lien avec Java !

Javascript est crée par la société Netscape en 1995 tandis que Java a été crée par Sun Microsystems au débuts des années 1990 et racheté par Oracle en 2010.

La puissance du Javascript réside dans le fait que :

  • JavaScript est orienté objet
  • JavaScript fait la base de l’AJAX
  • JavaScript intègre des centaines de Framework

2 – Les outils necessaires :

Le développement en Javascript ne demande pas assez d’outils, rien qu’un éditeur de code et un navigateur

Navigateur : Vous pouvez utiliser n’importe quel navigateur compatible avec HTML 5 Je vous suggère Mozilla FireFox qui est le meilleur.

– Editeur de code Javascript : Les éditeurs sont nombreux, il y en a les payants et les gratuits, parmis les gratuits il y  en a Notepad++

Notepad++

3 – Implantation du code Javascript au sein du langage HTML

L’implantation du Javascript au sein du langage HTML se fais grâce aux balises :
et par suite une page Javascript sera de la forme :

<script language="javascript">
Code JavaScript ici
</script>

ou encore :

<script type="text/javascript">
Code JavaScript ici
</script>

 

    <script language ="javascript"> 
    Votre code javascript ici 
     </script>

NB  Pour résoudre les problèmes d’affichage causé par certains browsers qui ignorent les balises javascript et affichent le code comme étant un simple texte on introduit les balises du commentaire HTML finalement après implantation du code javascript une page javascript aura la forme :

    <html>
    <head>
    <title>page Javascript</title>
    </head>
    <body>
    <script type="text/javascript"> 
 
    Votre code Javascript ici
  
     </script>
    </body>
    </html>

  4 – Premier pas en Javascript (à l’aide de l’instruction alert )

Voici un exemple qui affiche la phrase  » Bienvenue au CRMEF OUJDA « 

 <html>
    <head>
    <title>page Javascript</title>
    </head>
    <body>
    <script language="javascript"> 
    alert(" Bienvenue au CRMEF OUJDA") ;
    </script>
    </body>
    </html>

Visualisation du code javascript

Pour visualiser votre code Javascript, Il suffit de le tapez correctement sur votre éditeur Notepad++ et de choisir depuis le menu  langage la rubrique HTML :

language-html

Cliquez ensuite sur le menu Exécution et puis sur le sous menu Launch in FireFox :

execution-launch-in-firefox

Et maintenant si vous avez tapez correctement votre code javascript, vous allez voir apparaitre une fenêtre vous affichant un message d’alert  :

execution-javascript-launch-in-firefox

5 – Les commentaires

Tout ce qui est écrit entre le // et la fin de la ligne sera ignoré. Toute fois si vous voulez inclure des commentaires sur plusieurs lignes avec le code utilisez les délimiteurs /* et */
/* commentaire sur
plusieurs lignes */

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Time limit is exhausted. Please reload the CAPTCHA.