JavaScript
Mr Benabderrezak
PHD student in Cyber Security
Full-stack Web developer 1
Où se Trouve JavaScript ?
2
Utilité de Javascript
● Création d'éléments interactifs
JavaScript peut être utilisé pour créer des éléments interactifs sur les pages web, tels que des formulaires, des
menus déroulants, des boutons et des animations.
● Traitement des événements
JavaScript peut être utilisé pour traiter les événements, tels que les clics de souris, les mouvements de souris et
les touches clavier.
● Accès aux données
JavaScript peut être utilisé pour accéder aux données du navigateur, telles que l'historique de navigation, les
cookies et les paramètres de l'utilisateur.
● Communication avec le serveur
JavaScript peut être utilisé pour communiquer avec le serveur, par exemple pour envoyer des données ou
recevoir des réponses.
3
Intégration du Javascript
4
Output du Javascript
JavaScript peut « afficher » les données de différentes façons :
1. Écrire dans un élément HTML, en utilisant innerHTML.
2. Écrire dans la sortie HTML en utilisant [Link]().
3. Écrire dans une boîte d’alerte, en utilisant [Link]().
4. Écriture dans la console du navigateur, à l’aide de [Link]().
5
Output du Javascript
6
Mots clés en Javascript
7
Les types de données
JavaScript a 8 types de données
1. Strings
2. Nombres
3. Bigint
4. Booléen
5. Undefined
6. Null
7. Symbole
8. Objet
Le type de données de l’objet
1. Un objet
2. Un tableau
3. Une date
8
Les fonctions
9
Les Objets
const car = { type:"Fiat", model:"500", color:"white" };
10
Les Objets
11
Les événements HTML
Un événement HTML peut être quelque chose que le navigateur fait, ou
quelque chose qu’un utilisateur fait.
1. Une page web HTML a terminé le chargement
2. Un champ de saisie HTML a été modifié
3. Un bouton HTML a été cliqué
4. …..etc
12
Les Boucles
JavaScript prend en charge différents types de boucles :
1. for - boucle à travers un bloc de code un certain nombre de fois
2. for/in - boucle les propriétés d’un objet
3. for/of - boucle les valeurs d’un objet itérable
4. while - boucle à travers un bloc de code alors qu’une condition spécifiée est
vraie
5. do/while - boucle également à travers un bloc de code alors qu’une condition
spécifiée est vraie
15
Les Boucles (for)
16
Les Boucles (for in)
17
Les Boucles (for of)
18
Les Boucles (while)
19
Break/continue
20
HTML DOM Elements
⇒ Souvent, avec JavaScript, vous voulez manipuler des éléments HTML.
⇒ Pour ce faire, il faut d’abord trouver les éléments. Il y a plusieurs façons de le
faire:
1. Trouver des éléments HTML par id
2. Trouver des éléments HTML par nom de balise
3. Trouver des éléments HTML par nom de classe
4. Recherche d’éléments HTML par sélecteurs CSS
5. Recherche d’éléments HTML par collections d’objets HTML
21
HTML DOM Elements
22