Javascript - Elements de programmation 2017 PDF

Preview

Summary

Résumé des cours sur javascript...

Description

JavaScript

Javascript Langage JavaScript – Introduction Langage JavaScript – un langage de programmation

début de la page ou alors ce qu'il se fait le plus souvent avoir un fichier extérieur pour le Javascript.

Langage JavaScript – Script

Quand on va vouloir référencer un script, on va utiliser la balise . Un fichier Javascript possède une extension. 1. Dans un fichier séparé, référencé (généralement dans l'élément ) avec un élément: 2. Dans le contenu HTML (très rarement):

JavaScript JavaScript – valeurs et variable s

Outil pour évaluer du JavaScript: Chrome:

Safari:

Firefox:

Firefox + Firebug:

Types de données pour les valeurs Les types de données possibles pour les valeurs: - Les valeurs numériques - Les chaînes de caractère (le plus difficile) - Les valeurs logiques

2  sur 13

JavaScript Valeurs numériques

Bases: En base 10: les nombres utilisés sont 0123456789 En base 16: les nombres utilisés sont 0123456789a(=10)b(=11)c(=12)d(=13)e(=14)f(=15)

Dans la console:

Chaînes de caractères (Strings) Une variable peut contenir une chaîne de caractère (texte):

- Concaténation +

JavaScript Le == permet de faire un test logique.

- Dans la console:

Valeurs logiques et booléennes

Il y a également les connecteurs logiques suivants: (voir tableau plus loin dans le cours d'EdP)

Conversion de valeurs entre nombres et chaînes ⚠ Chaque fois qu'on voudra faire quelque chose avec des nombres, il ne faut pas oublier de les convertir en nombre en utilisant Number =. Il est extrêmement utile de transformer un nombre en chaîne et vice-versa. Var z = […] va transformer mon nombre en chaîne de caractère.

4  sur 13

JavaScript

Vérifier qu'une chaîne peut fournir un nombre: isNaN( ) ⚠

Manipulation de chaînes:

- accéder à chaque caractère s[i] Toutes ces fonctions qui permettent de manipuler les chaînes de caractère sont toutes disponibles sur w3schools.

Quand on a une chaîne de caractère, les lettres sont numérotées, c'est-à-dire que chaque lettre a une position. Comme en base 10, on commence avec la position 0. Ici il y a 14 lettres dans café du soleil. Le C a la position 0.

JavaScript

- .slice(n) & .slice(n,m)

- .indexOf(m)

► Pour tester si une page web contient un certain mot, on peut utiliser cette méthode et si on a "-1" c'est que le texte ne contient pas ce mot.

Fonctions sur les nombres – Math Il y aura un document a l'examen avec des balises.

JavaScript Input/Output – intégration utilisateur Utilisation de la notation jQuery pour échanger des informations avec l'utilisateur.

La notation jQuer y:

- Rappel sur les sélecteurs (voir CSS)

- Fonctions val() e t text() Ces fonctions nous permettent d'accéder à du contenu HTML et modifier son contenu:

(d'un champ formulaire)

7  sur 13

JavaScript

- Fonctions append() et html()

html ou encore remplacer tout le contenu html par un autre contenu html. Cela permet également de rajouter des balises dans le html.

- Comment l'utiliser dans nos pages?

Support pour effectuer et tester des scripts JavaScript

JavaScript Support pour effectuer du JavaScript:

- HTML

- CSS

Exemple de script:

9  sur 13

JavaScript Retour sur les variables: Assignation de valeurs

Séquence d'instructions

Variables: caractères autorisés dans les noms

10  sur 13 

JavaScript Le signe = et l'opérateur == ⚠

Commentaires

commentaire.

Références pour ce chapitre... e t les sui vants!

• Ouvrage: - "Éloquent Javascript", Marjin Haverbecke -

voir sous: http://eloquentjavascript.net/ Livre très didactique sur le langage, existe en ligne et sur papier. "Javascript – The Definitive Guide", David Flanagan, ed. O'Reilly très complet, mais très touffu, pour aller plus loin que le cours,

• Tutoriels: - Javascript Tutorial chez w3schools.com (en anglais), http://www.w3schools.com/js/default.asp

- Tutoriel "Premiers pas en Javascript" (en français), http://www.siteduzero.com/tutoriel-3-309958-premiers-pas-en-javascript.html

11  sur 13

JavaScript Exercices

12  sur 13 

JavaScript

13  sur 13 

Javascript – Conditions et Boucles Déclaration de variables

Retour sur les scripts JavaScript Instructions conditionnelles:

- If

1  sur 11

Exemples 1)

Cette instruction fait en sorte qu'avant midi le message suivant s'affiche: "Je vous souhaite une agréable matinée." Et après s'en est un autre. Ici, on utilisera donc des fonctions spéciales pour lire l'heure et la date actuelle.

- If – else

2  sur 11

Exemples:

- If – else if – els

⚠ Quand on fait if, else if, else if, else; pour le else on ne met pas de condition. Exemple:

⚠ Bonne manière de faire: If(h > 6 && h...