O O ZO N S

@ O LD R EM O N

JA V A S C R IP T

INITIATION
A JAVA SCRIPT

O O Z O N S L IN K
JS
@ O LD R EM O N

SOMMAIRES
1 IN T R O D U C T IO N 5 C A LC U LS D E B A S E

2 H IS T O R IQ U E E T A V A N T A G E S 6 C O M P A R A IS O N S

3 P R É - R E Q U IS 7 C O L L E C T IO N S D E D O N N E E S

4 V A R IA B L E S

O O ZO N S 2 /1 1
@ O LD R EM O N

INTRODUCTIONS
JavaScript, le moteur de l'interactivité web, rend les
pages vivantes et captivantes. Sa devise, "make it move",
reflète parfaitement son rôle : animer, enrichir et
transformer l'expérience utilisateur.

Si vous avez déjà utilisé une barre de recherche, regardé

une vidéo de chatons, ou suivi des scores de foot en
direct, JavaScript était à l'œuvre !

JS

B O R C ELLE 3 /1 1
@ O LD R EM O N

HISTORIQUE ET
AVANTAGES
Lancé en 1995 par Netscape, JavaScript a révolutionné le développement
web en rendant les pages interactives et dynamiques. Sa simplicité
d'utilisation et sa flexibilité en ont rapidement fait un standard
incontournable.

1938
Parmi ses avantages, on compte la capacité à créer des animations
fluides, à manipuler le DOM en temps réel, et à offrir des expériences
utilisateur enrichissantes sans recharger la page. Aujourd'hui,
JavaScript est omniprésent, du front-end au back-end, et continue
d'évoluer avec des frameworks modernes comme React, Angular et Vue.

O O ZO N S 4 /1 1
 PRÉ-REQUIS
@ O LD R EM O N

Cette liste est personnelle donc à prendre avec des pincettes.

Si vous pensez avoir de meilleurs outils que ceux dans cette liste alors...

H TM L C S S
N A V IG A TE U R ID E E T C O N F I G
On ne parle pas de JS sans
Un navigateur est indispensable Pour le bon déroulement de la
l’HTML et le CSS.
pour JavaScript car il exécute formation, plusieurs fichiers et
Ainsi leur maîtrise serai un
le code. Le choix lui, vous dossiers seront remis. Leurs
plus pour le bon déroulement de
appartient. rôles seront communiqué plus
la formation
tard.

O O ZO N S 5 /1 1
 VARIABLES
@ O LD R EM O N

Une variable est un conteneur pour stocker des données, permettant de référencer et de manipuler ces
données dans votre code. En JavaScript, il existe trois façons principales de déclarer une variable :

‘var’, ‘let’, et ‘const’.

1 Déclarations de Variables

var : Utilisé avant ES6 (ECMAScript 2015), var déclare une variable avec une portée fonctionnelle ou globale, ce
qui peut parfois entraîner des comportements inattendus en raison du "hoisting" (remontée).

Javascript
var nom = "kevin";
console.log(nom);
> kevin

let : Introduit avec ES6, let déclare une variable avec une portée de bloc, ce qui signifie qu'elle n'existe que
dans le bloc où elle est déclarée. Cela réduit le risque de bugs liés à la portée des variables.

Javascript
let age = 30;
console.log(age);
O O ZO>
N S30 6 /1 1
@ O LD R EM O N

const : Également introduit avec ES6, const est utilisé pour déclarer des variables dont la valeur ne doit pas
changer après leur initialisation. Comme let, sa portée est de bloc.

Javascript
const pi = 3,14;
console.log(pi);
> 3,14

Je sais ce que vous vous dites. Ces exemple ne montré pas vraiment la différence entre ses
déclarations. Oui, c’est vrai on ni reviendra tout de suite.

2 Types de valeurs

String : Une chaîne de caractères. Utilisée pour représenter du texte. let greeting = "Hello, world!";

Booléen : Une valeur vraie (true) ou fausse (false). Utilisée pour représenter des conditions. let isActive = true;

Nombre : Une valeur numérique. Peut être un entier ou un nombre à virgule flottante. let score = 100; let temperature = 36.6;

O O ZO N S 7 /1 1
CALCULS DE
BASES
JavaScript permet de réaliser des opérations
arithmétiques comme l'addition, la soustraction, la
multiplication, la division, et plus encore..

Ces exemples montrent comment effectuer des calculs de

base et illustrent les spécificités et inconvénients
liés à la manipulation des nombres et des chaînes.

O O ZO N S 8 /1 1
 @ O LD R EM O N

COMPARAIASONS
JavaScript permet de comparer des valeurs à
l'aide d'opérateurs de comparaison, retournant
toujours un booléen (true ou false).
Opérateurs de Comparaison

 Égalité stricte (===) : Compare les valeurs et

les types.
 Inégalité stricte (!==) : Compare les valeurs et
les types.
 Plus grand que (>), plus grand ou égal à (>=) :
Compare la grandeur.
 Plus petit que (<), plus petit ou égal à (<=) :
Compare la petitesse.

O O ZO N S 9 /1 1
COLLECTIONS
DE DONNEES
En JavaScript, les collections de
données sont des structures
fondamentales utilisées pour stocker
et manipuler des ensembles de
valeurs.

Les deux types principaux de  Tableaux ( A rra ys ) :  O b je t s (O b je c t s ):

collections sont les tableaux U n t a b le a u e s t u n e lis t e o r d o n n é e U n o b je t e s t u n e c o lle c t io n d e
(arrays) et les objets (objects). d 'é lé m e n t s , o ù c h a q u e é lé m e n t e s t p a ir e s c lé - v a le u r , o ù c h a q u e c lé e s t
a c c e s s ib le p a r u n in d e x n u m é r iq u e . u n id e n t ifia n t u n iq u e a s s o c ié à u n e
v a le u r
U t ilis a t io n : Id é a l p o u r s t o c k e r d e s
lis t e s d e d o n n é e s h o m o g è n e s , U t ilis a t io n : Id é a l p o u r r e p r é s e n t e r
co m m e d e s n o m b re s o u d e s d e s e n t it é s a v e c d e s p r o p r ié t é s
c h a în e s . s p é c ifiq u e s , c o m m e u n u t ilis a t e u r
o u u n p r o d u it .

O O ZO N S 1 0 /1 1
@ O LD R EM O N

MERCI!
Merci à tous pour votre participation active à
cette formation sur JavaScript ! Nous avons couvert
les bases essentielles, des variables aux
opérations, en passant par les collections de
données.

O O ZO N S 1 1 /1 1