Dépot Copyright

 CopyrightFrance.com

Cours Python

  1. Introduction à Python
  2. Ide Python
  3. Premier programme Python
  4. Les variables en Python
  5. Les commentaires en Python
  6. Les opérateurs Python
  7. Les fonctions en Python
  8. Structure If else... Python
  9. For While Python
  10. Formatage des chaines Python
  11. Les listes en Python
  12. Les tuples en Python
  13. Les dictionnaires en Python
  14. Les ensembles en Python
  15. POO et classes en Python
  16. Héritage en Python
  17. Les exceptions en Python
  18. Le gestionnaire des packages pip
  19. Télécharger le cours complet
  20. Les modules en Python
  21. Le module OS
  22. Module datetime Python
  23. Le module Platform
  24. Le module virtualenv
  25. Le Module PyInstaller
  26. Le module googletrans
  27. Les fichiers en Python
  28. Les fichiers ouverture & lecture
  29. Les fichiers ouverture & écriture
  30. Les fichiers CSV en Python
  31. Les Fichiers JSON En Python
  32. Fichier de configuration .ini
  33. Python & SQLite database
  34. DB Browser for SQLite
  35. Interface Graphique Tkinter
  36. Les Windgets Tkinter
  37. Bibliothèque d'images PILLOW
  38. Module de style tkinter.ttk
  39. Liste déroulante ttk Combobox
  40. le module filedialog
  41. Projet: Création éditeur de texte
  42. Bibliothèque graphique wxPython
  43. Bibliothèque graphique PyQt5
  44. Télécharger le cours complet
  45. Le module Math
  46. La bibliothèque matplotlib
  47. Le module Python statistics
  48. Bibliothèque Sympy
  49. Bibliothèques Numpy
  50. Bibliothèques Scipy
  51. Bibliothèques Pandas
  52. Bibliothèques Scikit Learn
  53. Bibliothèques TensorFlow
  54. Python Machine Learning
  55. Introduction à Django
  56. Installation de Django
  57. Premier Projet Django
  58. Interface administrateur
  59. Créer une application django
  60. Les modèles de django
  61. Templates Django
  62. Les formulaires Django
  63. Fichiers Statiques Django
  64. Upload des fichiers django
  65. Systeme Pagination Django
  66. Exercices Python: les bases
  67. Exercices Python: les classes
  68. Exercices Python: les fichiers
  69. Tous les TP Python
  70. Création Editeur de Texte en Python Partie1
  71. Carnet d'adresse en Python
  72. Formation Python-partie1

Cours Java

Développement Web

  1. Introduction au langage HTML
  2. Structure d'un document HTML
  3. Mise en forme d’un document HTML
  4. Liens hypertexte
  5. Insertion d’images
  6. Les attributs de la balise BODY
  7. Les tableaux HTML
  8. Les listes HTML
  9. Les Frames HTML
  10. Les formulaires HTML
  11. Les caractères spéciaux HTML
  12. Ressources et références HTML
  13. Exercices HTML avec correction
  1. Introduction au langage CSS
  2. Propriétés d'un sélecteur
  3. La propriété Text CSS
  4. La propriété background CSS
  5. La propriété Font CSS
  6. La propriété border CSS
  7. Propriétés margin et padding
  8. Propriétés Height & Width
  9. Class et les ID CSS

Javascript Basique
  1. Introduction au langage Javascript
  2. Variables, fonctions et operateurs Javascript
  3. Les structures de contrôle et les boucles Javascript
  4. Les événements Javascript
  5. Le modèle Objet du Javascript
  6. L'objet array Javascript
Framework JQuery
  1. Introduction au Framework jQuery
  2. Premier pas avec le framework jQuery
  3. Les Sélecteurs jQuery
  1. Introduction au langage PHP
  2. Premier programme php
  3. Variables et Fonctions php
  4. Opérateurs arithmétiques et logiques
  5. Les structures de contrôle en php
  6. Les tableaux en php
  7. Control des formulaires en php
  8. Upload des fichiers en php
  9. Gestion des dossiers et des fichiers en php
  10. Colorisation syntaxique en php
  11. Cookies php
  12. Les variables globales php
  13. Sessions php
  14. Les variables php d’environnement
  15. Les classes et la poo php
  16. La librairie php_gd2 des images
  17. Lecture d’un fichier xml en php
  18. Les expressions régulières en php
  19. Moteurs de template php : smarty et fast temp…
  1. Langage MySql
  2. Introduction au langage MySql
  3. Installation du Serveur MySql
  4. Manipulation des bases de donnée MySql
  5. Manipulation desTables MySql
  6. Insértion de données MySql
  1. Installation Wordpress
  2. Modification du theme Wordpress
  3. Installation d'un plugin
  4. Gestion des catégories
  5. Gestion des articles
  6. Gestion des menus Wordpress
  7. Gestion des pages
  8. Gestion des Plugins
  9. Gestion des Widgets
  10. Gestion des Médias
  11. Gestion des commentaires
  12. Création formulaire de contact
  13. Outil Importation & exportation
  14. Gestion des extensions
  15. Réglage et paramètres
  1. Introduction à Joomla
  2. Installation Joomla
  3. Architecture de Joomla

Base de données

Math Pour Informatique

TICE & Multimédias

Utilisateurs en ligne

Users: 16 Guests, 6 Bots

Annonces Google

1 – Les variables Javascript

1 – 1 Définition :

Une variable Javascript est  un conteneur, c’est à dire elle est introduite pour  représenter ou schématiser une zone mémoire ou autrement dit  un lieu de stockage d’informations.

1 – 2 Types de variable Javascript :

Javascript comprend 4 types de variables :

– nombre : entier ou à virgule ( comme 5     7   2.35… )

– chaîne de caractères (string ) ( comme  “voiture” , “maison”, “arbre” …)

– Booléens ( valeur logique comme true ou false )

Pour déclarer une variable il suffit de mettre l’instruction var suivie du nom de la variable

var x=5;
//on vient de définir une variable x dont la valeur est 5

Javascript est un langage à typage dynamique, ce qui veut dire  qu’on est pas obligé à déclarer le type de la variable. prenons l’exemple suivant pour bien éclaircir le truc :

var x=5;
//le type de la variable x est maintenant numérique
x="voiture";
//le langage convertis automatiquement le type de la variable numérique au type string  

1 -3 Concaténation de variables

Le terme concaténation signifie : juxtaposition ou  enchaînement, et ici en javascript le terme veut dire mettre une variable juste à coté de l’autre, pour concaténer deux variables on utilise le symbol  “+” :

Exemple :

var x="auto";
var y="bus";
var z=x+y;
//la variable z prend la valeur "autobus"
<script language="javascript">
var x=5;
window.document.write("la valeur de x est " + x);
//le symbol + ici joue le rôle de la concaténation
</script>

Ce qui va afficher après exécution : la valeur de x est : 5 ( c’est une concaténation entre une variable de type numérique  x=5  et une variable de type string  “la valeur de x est : ” )

1 – 4 Récupération d’une saisie clavier dans une variable Javascript

On a besoin parfois de demander à l’internaute de saisir à l’aide du clavier des données et de les récupérer sous forme de variable javascript, pour cela le langage javascript est doté d’une méthode nommée prompt() 

Exemple :

<script language="javascript">
    var age=prompt("Tapez votre age") ;
    document.write("Votre age est " + age + " ans ") ;
    </script>

Si vous exécutez ce code vous allez voir apparaitre une fenêtre comme celle ci :

Amusez vous maintenant à tapez votre age sur le champ de saisie de cette fenêtre tapez par exemple 30, et vous allez voir apparaitre la fenêtre suivante :

2 – Les opérateurs Javascript

Les opérateurs sont des symboles qui permettent de manipuler des variables, c’est-à-dire effectuer des opérations, les évaluer, …On distingue plusieurs types d’opérateurs: les opérateurs de calcul les opérateurs d’assignation, les opérateurs de comparaison, les opérateurs logiques,…

2 – 1 Les opérateurs de calcul

Les opérateurs de calcul permettent de modifier mathématiquement la valeur d’une variable
+ opérateur d’addition Ajoute deux valeurs
– opérateur de soustraction Soustrait deux valeurs
* opérateur de multiplication Multiplie deux valeurs
/ opérateur de division Divise deux valeurs
= opérateur d’affectation Affecte une valeur à une variable x=3 Met la valeur 3 dans la variable x

2 – 2 Les opérateurs d’assignation

Ces opérateurs permettent de simplifier des opérations telles que ajouter une valeur dans une variable et stocker le résultat dans la variable. Par exemple: x=x+2

Avec les opérateurs d’assignation il est possible d’écrire cette opération sous la forme suivante: x+=2. C’est à dire si x= 3 elle devient après l’opération 5.

+= additionne deux valeurs et stocke le résultat dans la variable (à gauche)
-= soustrait deux valeurs et stocke le résultat dans la variable
*= multiplie deux valeurs et stocke le résultat dans la variable
/= divise deux valeurs et stocke le résultat dans la variable

3 – Les fonctions Javascript

Le langage Javascript est doté d’un grand nombre de fonctions, mais en essayant de répondre aux exigences et besoins de l’utilisateur ce langage nous offre la possibilité de construire ses propres fonction. La syntaxe est la suivante :

    function nom_de_la_fonction(arguments) {
… code des instructions …
}

Le code d’une fonction peut être introduit dans une page HTML de deux façons différentes : ou bien :

1 –  entre les balises Head  et /Head  dans ce cas elle ne sera pas exécuté directement au chargement de la page pour qu’il en soit ainsi il faut donner un ordre d’exécution sur la balise Body  à l’aid de l’instruction Body onload

2 – directement entre les balises Body et /Body   et il sera directement exécuté avec le chargement de la page

En utilisant la première méthode, voici un exemple d’une fonction affichant ule message :  bienvenue au CRMEF OUJDA

<html>
    <head>
    <script language="Javascript">
    function bienvenue() {
    alert("Bienvenue au CRMEF Oujda");
    }
    </script>
    </head>
    <body onLoad="bienvenue()">
    </body>
    </html>

Voici un autre exemple de fonction permettant de calculer la somme de deux nombres :

<script language="javascript">
function somme(x,y){
return x+y;
}
var z=somme(5,4);
document.write("La somme de 5 et de 4 est " + z);
</script>

Ce qui affiche après exécution :  “La somme de 5 et de 4 est 9″

4 – Les événements Javascript

On appelle événement toute action comme : click de la sourie,  passage de la sourie, mettre le curseur dans une zone de saisie …  Javascript peut associer des méthodes ou procédures à ces derniers à l’aide de la syntaxe :

    onEvenement=”Action_Javascript_ou_Fonction();”

4 – 1 Liste des événements

Click (onClick)
Se produit lorsque l’utilisateur clique sur l’élément associé à l’événement

Load (onLoad)
Se produit lorsque le navigateur de l’utilisateur charge la page en cours

Unload (onUnload)  
Se produit lorsque le navigateur de l’utilisateur quitte la page en cours

MouseOver (onMouseOver)
Se produit lorsque l’utilisateur positionne le curseur de la souris au-dessus d’un élément

MouseOut (onMouseOut)
Se produit lorsque le curseur de la souris quitte un élément

Focus (onFocus)
Se produit lorsque l’utilisateur donne le focus à un élément, c’est-à-dire que cet élément est sélectionné comme étant l’élément actif 

Blur (onBlur)
Se produit lorsque l’élément perd le focus, c’est-à-dire que l’utilisateur clique hors de cet élément, celui-ci n’est alors plus sélectionné comme étant l’élément actif

Change (onChange)
Se produit lorsque l’utilisateur modifie le contenu d’un champ de données

Select (onSelect)
Se produit lorsque l’utilisateur sélectionne un texte (ou une partie d’un texte) dans un champ de type “text” ou “textarea”

Submit (onSubmit)
Se produit lorsque l’utilisateur clique sur le bouton de soumission d’un formulaire (le bouton qui permet d’envoyer le formulaire)

Exemple ( événement onclick )

Nous allons créer une fonction  exemple() dont la fonction est l’affichage du message ” Vous avez cliqué sur le bouton” et lui associer un bouton lié à l’événement onclick 

<html>
    <head>
    <script language="Javascript">
    function exemple() {
    return alert("Vous avez cliqué sur le bouton");
    }
    </script>
    </head>
    <body>
	<input type=button value="Cliquer ici" onclick="exemple();">
    </body>
    </html>

Et maintenant en cliquant sur aperçu on obtient une fenêtre qui contient un bouton :

onclick-javascript

En cliquant sur ce bouton il se produit l’événement exemple() qui  est une fonction permettant d’afficher le message ” Vous avez cliqué sur le bouton” :

executer-evenement-javascript

J’espère que vous avez bien compris les événement Javascript, si vous avez des questions et que vous avez besoin d’un soutien merci de le poster sur notre  page  communauté de Google plus
 

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.