Javascript
Pr. RABHI Loubna
Plan
I- Introduction
II- Les Bases de Javascript
III- Les Objets JavaScript
IV- JavaScript avancé
I- Introduction
Langage Compilé Vs langage de script
I- Introduction
Langage Compilé Vs langage de script
Langage compilé langage de script / langage interprété
•Un langage compilé est un langage de
programmation pour lequel le code source est
traduit en langage machine ou en code
intermédiaire avant son exécution.
•Le processus de compilation consiste à prendre
l'intégralité du code source et à le traduire en un
fichier exécutable ou en un autre format
intermédiaire (comme le bytecode dans le cas de
langages comme Java).
•Les langages compilés incluent souvent des
langages comme C, C++, C#, et Fortran.
Un langage de script est un langage de
programmation interprété, ce qui signifie que
le code source est exécuté directement par un
interpréteur sans passer par une étape de
compilation préalable.
Les scripts sont généralement écrits dans des
langages plus haut niveau et sont souvent
utilisés pour automatiser des tâches ou pour
des scénarios de développement rapide.
Les langages de script incluent Python,,
JavaScript, et PHP.
I- Introduction
Langage Compilé Vs langage de script
I- Introduction
Langage Compilé Vs langage de script
I- Introduction
Langage Compilé Vs langage de script
I- Introduction
Langage Compilé Vs langage de script
I- Introduction
Comprendre l’architecture client/serveur
I- Introduction
Comprendre l’architecture client/serveur
I- Introduction
Comprendre l’architecture client/serveur
I- Introduction
Découvrir l’écosystème de développement
I- Introduction
Découvrir l’écosystème de développement
Les frameworks back-end
1. Laravel
2. Node.JS
II- Les Bases de Javascript
Qu’est ce que Javascript?
II- Les Bases de Javascript
Qu’est ce que Javascript?
II- Les Bases de Javascript
Intégration du Javascript dans HTML
1
2
3
II- Les Bases de Javascript
Les Variables
Variable :
Objet informatique identifié par un
« identificateur », d’un type donné, possédant
une case mémoire et une valeur qui peut
changer au cours de l’exécution du programme.
II- Les Bases de Javascript
Les Variables
Constante :
Objet informatique identifié par un
« identificateur », possédant une case mémoire
et une valeur qui ne peut pas changer au
cours de l’exécution du programme.
II- Les Bases de Javascript
Les Variables
Identificateur :
Chaîne de caractères alphanumérique qui
commence par un caractère alphabétique, qui
ne contient pas d’espaces et pas de caractères
spéciaux (é, è, à, ê, î, …)
II- Les Bases de Javascript
Les Variables
Exemple d’identificateurs :
-A, a, age, etudiant, Un_Etudiant
Sont des identificateurs corrects
-à, âge, étudiant, 1Etudiant
Ne peuvent pas être des identificateurs
II- Les Bases de Javascript
Les Variables
II- Les Bases de Javascript
Les Variables
NB:
Les variables maVariable et MaVariable sont considérées comme
deux variables distinctes en raison de la différence de casse.
let variable_nom;
II- Les Bases de Javascript
Les Variables
Chaines de caractères ‘ ‘
II- Les Bases de Javascript
Les Variables
Certains langages de programmation divisent les
variables numériques en integer, float, big float, ….
Mais en JS, tous ces types sont regroupés en type
« number »
Number type
II- Les Bases de Javascript
Les Variables
String type
On ne peut pas mélanger
l’apostrophe avec le
guillemet
II- Les Bases de Javascript
Les Variables
Boolean type
II- Les Bases de Javascript
Les Variables
Boolean type
II- Les Bases de Javascript
Les Variables
Boolean type
II- Les Bases de Javascript
Les Variables
Undefined type
II- Les Bases de Javascript
Les Variables
Null type
null est utilisé pour indiquer l'absence volontaire de valeur. Il est souvent
utilisé dans les scénarios où une valeur est inconnue, non définie
II- Les Bases de Javascript
Les Variables composées
Array type
II- Les Bases de Javascript
Les Variables composées
Object type
II- Les Bases de Javascript
Les constantes
Constante :
Objet informatique identifié par un
« identificateur », possédant une case mémoire
et une valeur qui ne peut pas changer au cours
de l’exécution du programme.
II- Les Bases de Javascript
Les constantes
II- Les Bases de Javascript
Expressions et Opérateurs
II- Les Bases de Javascript
Expressions et Opérateurs
Arithmetic
II- Les Bases de Javascript
Expressions et Opérateurs
Arithmetic
II- Les Bases de Javascript
Expressions et Opérateurs
Assignment
II- Les Bases de Javascript
Expressions et Opérateurs
String-
Concaténation
II- Les Bases de Javascript
Expressions et Opérateurs
Logical
II- Les Bases de Javascript
Expressions et Opérateurs
Comparison
II- Les Bases de Javascript
Expressions et Opérateurs
others
II- Les Bases de Javascript
Expressions et Opérateurs
Conversion de Type en JS: String to Int (parseInt() )
II- Les Bases de Javascript
Expressions et Opérateurs
Conversion de Type en JS: String to Int or float (parseInt() )
II- Les Bases de Javascript
Expressions et Opérateurs
Conversion de Type en JS: nombre to String (toString() )
II- Les Bases de Javascript
Expressions et Opérateurs
Conversion de Type AUTOMATIQUE en JS
II- Les Bases de Javascript
Expressions et Opérateurs
Commentaires et espaces blancs
II- Les Bases de Javascript
Exercices
II- Les Bases de Javascript
Solution
II- Les Bases de Javascript
Exercices
II- Les Bases de Javascript
Solution
II- Les Bases de Javascript
Notions de lecture et d’écriture en JS
II- Les Bases de Javascript
Les entrées en JS
En JavaScript, on peut récupérer les données de deux manières différentes
II- Les Bases de Javascript
Les structures séquentielles
II- Les Bases de Javascript
Les structures séquentielles
1 2
3
4
5
II- Les Bases de Javascript
Les structures Conditionnelles
•Se basent sur une condition.
•Contiennent deux instructions.
•Si la condition est vraie, on exécute la 1ère
instruction, si elle est fausse, on exécute la 2ème
instruction.
DEUX ALTERNATIVES
II- Les Bases de Javascript
Les structures Conditionnelles
•Syntaxe générale
if (Condition)
Instruction2;
else Instruction2;
Avec :
- Condition : expression booléenne
- Instruction1 et Instruction2 qui peuvent être séquentielles, alternatives ou
itératives
- En cas d’un bloc de code, on utilise les { }.
DEUX ALTERNATIVES
II- Les Bases de Javascript
Les structures Conditionnelles
DEUX ALTERNATIVES
II- Les Bases de Javascript
Les structures Conditionnelles
DEUX ALTERNATIVES
DEUX ALTERNATIVES
II- Les Bases de Javascript
Les structures Conditionnelles
•Se basent sur N conditions.
•Contiennent N instructions.
•Si la iième condition est vraie, on exécute la iième
instruction.
PLUSIEURS ALTERNATIVES
II- Les Bases de Javascript
Les structures Conditionnelles
PLUSIEURS ALTERNATIVES
II- Les Bases de Javascript
Les structures Conditionnelles
PLUSIEURS ALTERNATIVES
II- Les Bases de Javascript
Les structures Conditionnelles
PLUSIEURS ALTERNATIVES
II- Les Bases de Javascript
Les structures Conditionnelles
PLUSIEURS ALTERNATIVES
II- Les Bases de Javascript
Les structures Conditionnelles
PLUSIEURS ALTERNATIVES
II- Les Bases de Javascript
Les structures Conditionnelles
Opérateur Ternaire
var score = Condition? Valeur1 : Valeur2;
L’Opérateur conditionnel ternaire est une façon abrégée de
l’écriture de l’instruction conditionnelle if-else.
II- Les Bases de Javascript
Les structures Conditionnelles
Opérateur Ternaire
II- Les Bases de Javascript
Exercice
II- Les Bases de Javascript
Solution
II- Les Bases de Javascript
Exercice
II- Les Bases de Javascript
Solution

JS Part2.pdf......................................................

  • 1.
  • 2.
    Plan I- Introduction II- LesBases de Javascript III- Les Objets JavaScript IV- JavaScript avancé
  • 3.
  • 4.
    I- Introduction Langage CompiléVs langage de script Langage compilé langage de script / langage interprété •Un langage compilé est un langage de programmation pour lequel le code source est traduit en langage machine ou en code intermédiaire avant son exécution. •Le processus de compilation consiste à prendre l'intégralité du code source et à le traduire en un fichier exécutable ou en un autre format intermédiaire (comme le bytecode dans le cas de langages comme Java). •Les langages compilés incluent souvent des langages comme C, C++, C#, et Fortran. Un langage de script est un langage de programmation interprété, ce qui signifie que le code source est exécuté directement par un interpréteur sans passer par une étape de compilation préalable. Les scripts sont généralement écrits dans des langages plus haut niveau et sont souvent utilisés pour automatiser des tâches ou pour des scénarios de développement rapide. Les langages de script incluent Python,, JavaScript, et PHP.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
    I- Introduction Découvrir l’écosystèmede développement Les frameworks back-end 1. Laravel 2. Node.JS
  • 14.
    II- Les Basesde Javascript Qu’est ce que Javascript?
  • 15.
    II- Les Basesde Javascript Qu’est ce que Javascript?
  • 16.
    II- Les Basesde Javascript Intégration du Javascript dans HTML 1 2 3
  • 17.
    II- Les Basesde Javascript Les Variables Variable : Objet informatique identifié par un « identificateur », d’un type donné, possédant une case mémoire et une valeur qui peut changer au cours de l’exécution du programme.
  • 18.
    II- Les Basesde Javascript Les Variables Constante : Objet informatique identifié par un « identificateur », possédant une case mémoire et une valeur qui ne peut pas changer au cours de l’exécution du programme.
  • 19.
    II- Les Basesde Javascript Les Variables Identificateur : Chaîne de caractères alphanumérique qui commence par un caractère alphabétique, qui ne contient pas d’espaces et pas de caractères spéciaux (é, è, à, ê, î, …)
  • 20.
    II- Les Basesde Javascript Les Variables Exemple d’identificateurs : -A, a, age, etudiant, Un_Etudiant Sont des identificateurs corrects -à, âge, étudiant, 1Etudiant Ne peuvent pas être des identificateurs
  • 21.
    II- Les Basesde Javascript Les Variables
  • 22.
    II- Les Basesde Javascript Les Variables NB: Les variables maVariable et MaVariable sont considérées comme deux variables distinctes en raison de la différence de casse. let variable_nom;
  • 23.
    II- Les Basesde Javascript Les Variables Chaines de caractères ‘ ‘
  • 24.
    II- Les Basesde Javascript Les Variables Certains langages de programmation divisent les variables numériques en integer, float, big float, …. Mais en JS, tous ces types sont regroupés en type « number » Number type
  • 25.
    II- Les Basesde Javascript Les Variables String type On ne peut pas mélanger l’apostrophe avec le guillemet
  • 26.
    II- Les Basesde Javascript Les Variables Boolean type
  • 27.
    II- Les Basesde Javascript Les Variables Boolean type
  • 28.
    II- Les Basesde Javascript Les Variables Boolean type
  • 29.
    II- Les Basesde Javascript Les Variables Undefined type
  • 30.
    II- Les Basesde Javascript Les Variables Null type null est utilisé pour indiquer l'absence volontaire de valeur. Il est souvent utilisé dans les scénarios où une valeur est inconnue, non définie
  • 31.
    II- Les Basesde Javascript Les Variables composées Array type
  • 32.
    II- Les Basesde Javascript Les Variables composées Object type
  • 33.
    II- Les Basesde Javascript Les constantes Constante : Objet informatique identifié par un « identificateur », possédant une case mémoire et une valeur qui ne peut pas changer au cours de l’exécution du programme.
  • 34.
    II- Les Basesde Javascript Les constantes
  • 35.
    II- Les Basesde Javascript Expressions et Opérateurs
  • 36.
    II- Les Basesde Javascript Expressions et Opérateurs Arithmetic
  • 37.
    II- Les Basesde Javascript Expressions et Opérateurs Arithmetic
  • 38.
    II- Les Basesde Javascript Expressions et Opérateurs Assignment
  • 39.
    II- Les Basesde Javascript Expressions et Opérateurs String- Concaténation
  • 40.
    II- Les Basesde Javascript Expressions et Opérateurs Logical
  • 41.
    II- Les Basesde Javascript Expressions et Opérateurs Comparison
  • 42.
    II- Les Basesde Javascript Expressions et Opérateurs others
  • 43.
    II- Les Basesde Javascript Expressions et Opérateurs Conversion de Type en JS: String to Int (parseInt() )
  • 44.
    II- Les Basesde Javascript Expressions et Opérateurs Conversion de Type en JS: String to Int or float (parseInt() )
  • 45.
    II- Les Basesde Javascript Expressions et Opérateurs Conversion de Type en JS: nombre to String (toString() )
  • 46.
    II- Les Basesde Javascript Expressions et Opérateurs Conversion de Type AUTOMATIQUE en JS
  • 47.
    II- Les Basesde Javascript Expressions et Opérateurs Commentaires et espaces blancs
  • 48.
    II- Les Basesde Javascript Exercices
  • 49.
    II- Les Basesde Javascript Solution
  • 50.
    II- Les Basesde Javascript Exercices
  • 51.
    II- Les Basesde Javascript Solution
  • 52.
    II- Les Basesde Javascript Notions de lecture et d’écriture en JS
  • 53.
    II- Les Basesde Javascript Les entrées en JS En JavaScript, on peut récupérer les données de deux manières différentes
  • 54.
    II- Les Basesde Javascript Les structures séquentielles
  • 55.
    II- Les Basesde Javascript Les structures séquentielles 1 2 3 4 5
  • 56.
    II- Les Basesde Javascript Les structures Conditionnelles •Se basent sur une condition. •Contiennent deux instructions. •Si la condition est vraie, on exécute la 1ère instruction, si elle est fausse, on exécute la 2ème instruction. DEUX ALTERNATIVES
  • 57.
    II- Les Basesde Javascript Les structures Conditionnelles •Syntaxe générale if (Condition) Instruction2; else Instruction2; Avec : - Condition : expression booléenne - Instruction1 et Instruction2 qui peuvent être séquentielles, alternatives ou itératives - En cas d’un bloc de code, on utilise les { }. DEUX ALTERNATIVES
  • 58.
    II- Les Basesde Javascript Les structures Conditionnelles DEUX ALTERNATIVES
  • 59.
    II- Les Basesde Javascript Les structures Conditionnelles DEUX ALTERNATIVES DEUX ALTERNATIVES
  • 60.
    II- Les Basesde Javascript Les structures Conditionnelles •Se basent sur N conditions. •Contiennent N instructions. •Si la iième condition est vraie, on exécute la iième instruction. PLUSIEURS ALTERNATIVES
  • 61.
    II- Les Basesde Javascript Les structures Conditionnelles PLUSIEURS ALTERNATIVES
  • 62.
    II- Les Basesde Javascript Les structures Conditionnelles PLUSIEURS ALTERNATIVES
  • 63.
    II- Les Basesde Javascript Les structures Conditionnelles PLUSIEURS ALTERNATIVES
  • 64.
    II- Les Basesde Javascript Les structures Conditionnelles PLUSIEURS ALTERNATIVES
  • 65.
    II- Les Basesde Javascript Les structures Conditionnelles PLUSIEURS ALTERNATIVES
  • 66.
    II- Les Basesde Javascript Les structures Conditionnelles Opérateur Ternaire var score = Condition? Valeur1 : Valeur2; L’Opérateur conditionnel ternaire est une façon abrégée de l’écriture de l’instruction conditionnelle if-else.
  • 67.
    II- Les Basesde Javascript Les structures Conditionnelles Opérateur Ternaire
  • 68.
    II- Les Basesde Javascript Exercice
  • 69.
    II- Les Basesde Javascript Solution
  • 70.
    II- Les Basesde Javascript Exercice
  • 71.
    II- Les Basesde Javascript Solution