Scribd
Importer
0 vues2 pages

Javascript Guide

Ce guide pratique sur JavaScript couvre les concepts essentiels d'ES6+, y compris la syntaxe moderne, les fonctions fléchées et la déstructuration. Il aborde également la programmation asynchrone avec les Promises et async/await, ainsi que la manipulation du DOM à travers la sélection, la modification et les événements. Enfin, il présente des méthodes de tableau indispensables comme map, filter et reduce, soulignant l'importance de maîtriser ces outils pour éviter les boucles for classiques.

Transféré par

dylanelokossousoton
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
0 vues2 pages

Javascript Guide

Ce guide pratique sur JavaScript couvre les concepts essentiels d'ES6+, y compris la syntaxe moderne, les fonctions fléchées et la déstructuration. Il aborde également la programmation asynchrone avec les Promises et async/await, ainsi que la manipulation du DOM à travers la sélection, la modification et les événements. Enfin, il présente des méthodes de tableau indispensables comme map, filter et reduce, soulignant l'importance de maîtriser ces outils pour éviter les boucles for classiques.

Transféré par

dylanelokossousoton
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

JAVASCRIPT · GUIDE PRATIQUE 1/2

JavaScript
Le langage du web — ES6+, asynchrone et manipulation du DOM

ES6+ — syntaxe moderne essentielle


// Variables

const nom = 'Kofi'; // immutable

let age = 22; // mutable

// Arrow function

const double = x => x * 2;

const saluer = (nom, age) => `Bonjour ${nom}, tu as ${age} ans`;

// Destructuring

const { nom, ville } = user;

const [premier, ...reste] = tableau;

// Spread operator

const newArr = [...arr1, ...arr2];

const newObj = { ...obj, ville: 'Cotonou' };

Asynchrone — Promises & async/await


// fetch + async/await

async function getUsers() {

try {

const res = await fetch('[Link]

const data = await [Link]();

return data;

} catch (err) {

[Link]('Erreur:', err);

Document éducatif · JAVASCRIPT · GUIDE PRATIQUE © 2025


JAVASCRIPT · GUIDE PRATIQUE 2/2

Manipulation du DOM
// Sélectionner

const btn = [Link]('#monBouton');

const items = [Link]('.item');

// Modifier

[Link] = 'Cliqué !';

[Link]('active');

[Link] = 'red';

// Événements

[Link]('click', (e) => {

[Link]();

[Link]('Cliqué');

});

Méthodes de tableau indispensables

Méthode Rôle Retourne

map() Transformer chaque élément Nouveau tableau

filter() Garder les éléments qui passent un test Nouveau tableau

reduce() Accumuler les éléments en une valeur Valeur unique

find() Premier élément qui correspond Élément ou undefined

some() Au moins un élément passe le test Boolean

forEach() Itérer sans retour undefined

À retenir : JS est synchrone par défaut — l'asynchrone (async/await, fetch) est une surcouche. Maîtrise
map/filter/reduce et tu n'auras presque plus besoin de boucles for classiques.

Document éducatif · JAVASCRIPT · GUIDE PRATIQUE © 2025

Vous aimerez peut-être aussi