Introduction à JavaScript

JavaScript est un langage de programmation polyvalent qui permet de créer des applications web interactives.

Concepts de base

// Variables
let nom = "Baptiste";
const AGE = 25;

// Fonctions
function saluer(nom) {
    return `Bonjour ${nom}!`;
}

// Arrow Functions
const saluerArrow = (nom) => `Bonjour ${nom}!`;

// Objets
const personne = {
    nom: "Baptiste",
    age: 25,
    saluer() {
        return `Je m'appelle ${this.nom}`;
    }
};

ES6+ Features

  • Destructuring: 
    const { nom, age } = personne;
  • Spread Operator: 
    const newArray = [...oldArray];
  • Template Literals: 
    `Hello ${name}!`
  • Modules: 
    import { fonction } from './module';

Asynchrone

Promises

fetch('https://api.example.com/data')
    .then(response => response.json())
    .then(data => console.log(data))
    .catch(error => console.error(error));

Async/Await

async function getData() {
    try {
        const response = await fetch('api/data');
        const data = await response.json();
        return data;
    } catch (error) {
        console.error(error);
    }
}

DOM Manipulation

// Sélectionner des éléments
const element = document.querySelector('.classe');
const elements = document.querySelectorAll('.classe');

// Modifier le contenu
element.textContent = 'Nouveau texte';
element.innerHTML = 'HTML';

// Gérer les événements
element.addEventListener('click', (e) => {
    console.log('Cliqué!');
});

Bonnes pratiques

  • Utiliser 'const' et 'let' au lieu de 'var'
  • Préférer les fonctions fléchées
  • Gérer les erreurs avec try/catch
  • Utiliser async/await pour l'asynchrone
  • Suivre les conventions de nommage

Ressources utiles