Introduction aux bases JavaScript - Séance 1
Bienvenue dans le cours R4A10 - Compléments Web ! Cette première séance pose les fondations essentielles pour maîtriser React. Avant de plonger dans React, vous devez comprendre le langage sur lequel il est construit : JavaScript.
Pourquoi JavaScript avant React ?
React est une bibliothèque JavaScript. Tout ce que vous écrirez en React sera du JavaScript déguisé. Comprendre JavaScript, c'est comprendre React.
// Ce code React...
function Welcome({ name }) {
return <h1>Bonjour {name} !</h1>;
}
// ...n'est que du JavaScript
const Welcome = ({ name }) => {
return React.createElement('h1', null, `Bonjour ${name} !`);
};
Ce que vous allez apprendre
À la fin de cette séance, vous serez capable de :
- Comprendre les fondamentaux du web (HTML, CSS, DOM)
- Utiliser la syntaxe JavaScript moderne (ES6+)
- Manipuler des tableaux avec
.map(),.filter(),.reduce() - Maîtriser la destructuration et le spread operator
- Typer votre code avec TypeScript pour préparer React
- Lire et comprendre du code JavaScript pour travailler efficacement avec l'IA
La philosophie du cours : comprendre, pas mémoriser
Beaucoup de contenu, mais ne pas tout apprendre par cœur !
Cette séance contient énormément d'informations : syntaxe JavaScript, méthodes de tableaux, manipulation d'objets, etc.
⚠️ L'objectif n'est PAS de tout mémoriser !
Votre vrai objectif est de :
- Lire et comprendre du code JavaScript (le vôtre ou celui généré par l'IA)
- Relire et valider le code produit par l'IA
- Compléter ou ajuster du code existant quand nécessaire
- Reconnaître les concepts pour savoir quoi chercher
Vous ne serez pas testés sur votre capacité à écrire du code parfait de mémoire, mais sur votre capacité à comprendre, lire, et travailler avec du code.
Chaque chapitre contient un encadré "Comprendre, pas mémoriser" qui vous dit exactement quels concepts retenir. Concentrez-vous sur ces encadrés ! Ils sont là pour vous guider sur l'essentiel.
Comment aborder ce cours
Quand vous rencontrez un problème :
- Identifiez le concept - "Je veux transformer un tableau", "Je dois fusionner deux objets"
- Consultez la documentation - MDN, React docs, ou demandez à l'IA
- Comprenez la solution - Ne copiez pas aveuglément, assurez-vous de comprendre
- Adaptez à votre besoin - Ajustez le code pour votre cas d'usage
Pourquoi apprendre les fondamentaux à l'ère de l'IA ?
En 2026, vous allez coder avec l'IA - c'est normal et encouragé !
Mais l'IA n'est efficace que si vous avez les fondamentaux solides :
- L'IA génère du code rapidement
- Vous devez valider que le code fait ce qu'il doit faire
- Vous devez corriger les erreurs ou approximations
- Vous devez adapter la solution à votre contexte
Sans comprendre JavaScript, vous ne pouvez pas :
- Relire et vérifier le code généré par l'IA
- Identifier et corriger les erreurs
- Adapter les solutions à vos besoins spécifiques
- Donner des instructions précises à l'IA
C'est pourquoi cette séance existe : vous donner les fondamentaux pour piloter l'IA, pas la subir.
Vous pilotez, l'IA exécute, mais vous restez responsable du résultat.
Note : Nous verrons en détail les workflows et bonnes pratiques de collaboration avec l'IA en Séance 5, une fois que vous aurez l'expérience de développement nécessaire.