Scribd
Importer
38 vues2 pages

Introduction à JavaScript : Fonctions et Données

L'atelier présente une introduction à JavaScript, en se concentrant sur les fonctions et les structures de données. Les participants apprendront à définir des fonctions, à utiliser des tableaux, des objets, ainsi que des Map et Set, tout en réalisant des exercices pratiques. Un projet final impliquant la gestion d'une bibliothèque permettra d'appliquer les concepts appris.

Transféré par

Wissal Aït nacer
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd
38 vues2 pages

Introduction à JavaScript : Fonctions et Données

L'atelier présente une introduction à JavaScript, en se concentrant sur les fonctions et les structures de données. Les participants apprendront à définir des fonctions, à utiliser des tableaux, des objets, ainsi que des Map et Set, tout en réalisant des exercices pratiques. Un projet final impliquant la gestion d'une bibliothèque permettra d'appliquer les concepts appris.

Transféré par

Wissal Aït nacer
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd

Atelier I : Introduction à JavaScript - Fonctions et Structures de

Données

Objectifs Pédagogiques
1. Comprendre les concepts fondamentaux des fonctions en JavaScript.
2. Explorer les différentes structures de données disponibles en JavaScript.
3. Mettre en pratique les concepts à travers des exercices pratiques.

Partie 1 : Introduction aux Fonctions en JavaScript


A. Qu’est-ce qu’une fonction ?

 Une fonction est un bloc de code conçu pour effectuer une tâche spécifique.
 Syntaxe de base :

function nomDeLaFonction(param1, param2) {


// Corps de la fonction
return param1 + param2; // Exemple : retourne la somme des deux
paramètres
}
B. Types de Fonctions
1. Fonctions déclarées :
function saluer(nom) {
[Link]("Bonjour " + nom + "!");
}

2. Fonctions anonymes (utilisées souvent comme fonctions de rappel) :

const saluer = function(nom) {


[Link]("Bonjour " + nom + "!");
};

3. Fonctions fléchées (ES6) :

const saluer = (nom) => {


[Link](`Bonjour ${nom}!`);
};

C. Exercice Pratique 1

1. Créez une fonction nommée multiplier qui prend deux nombres en paramètres et
retourne leur produit.
2. Testez votre fonction avec différentes valeurs.

Partie 2 : Structures de Données en JavaScript


A. Les Tableaux (Arrays)

 Un tableau est une liste ordonnée d’éléments.


 Exemple :

const fruits = ["Pomme", "Banane", "Orange"];


[Link](fruits[1]); // Affiche "Banane"
 Principales méthodes :
o push(), pop() : Ajouter ou supprimer un élément à la fin.
o shift(), unshift() : Ajouter ou supprimer un élément au début.
o forEach() :

[Link]((fruit) => [Link](fruit));


B. Les Objets (Objects)
 Un objet est une collection de paires clé-valeur.
 Exemple :

const personne = {
nom: "Dupont",
age: 30,
saluer: function() {
[Link]("Bonjour, je m'appelle " + [Link]);
}
};
[Link]();
C. Les Map et Set (ES6)
1. Map : Une structure de données pour des paires clé-valeur.
const map = new Map();
[Link]("cle1", "valeur1");
[Link]([Link]("cle1")); // Affiche "valeur1"

2. Set : Une collection de valeurs uniques.

const set = new Set([1, 2, 3, 3]);


[Link]([Link]); // Affiche 3

D. Exercice Pratique 2

1. Créez un tableau contenant des noms d’étudiants.


2. Ajoutez un nouveau nom à la fin et supprimez le premier nom.
3. Créez un objet représentant un livre avec les propriétés : titre, auteur, année. Ajoutez une
méthode pour afficher une phrase comme : "Titre écrit par Auteur en Année".

Partie 3 : Mise en Pratique


Projet Mini : Gestion d’une Bibliothèque

1. Créez un tableau d’objets représentant des livres (titre, auteur, année).


2. Ajoutez une fonction pour afficher tous les livres.
3. Ajoutez une fonction pour chercher un livre par titre.
4. Ajoutez une fonction pour supprimer un livre donné.

Vous aimerez peut-être aussi