JavaScript pour débutants

Apprenez les bases de la programmation JavaScript, de la syntaxe élémentaire à la manipulation du DOM. Maîtrisez les concepts essentiels de JavaScript grâce à des laboratoires pratiques couvrant les variables, les opérateurs, les fonctions, les tableaux, les objets et la gestion des événements.

Développement web

💡 Ce tutoriel est traduit par l'IA à partir de la version anglaise. Pour voir la version originale, vous pouvez cliquer ici

Introduction

Apprenez les composants essentiels de JavaScript côté navigateur dans 10 laboratoires guidés. Vous ajouterez des scripts à des pages HTML, examinerez leur sortie et progresserez des valeurs et du contrôle vers la modification du DOM et les actions utilisateur.

Chaque laboratoire porte sur un fondamental avec de courtes étapes. Le cours offre une première expérience pratique du langage et du DOM, donnant la syntaxe nécessaire avant des applications plus grandes ou des outils modernes.

Ce que vous apprendrez

À la fin de ce cours, vous saurez :

  • Intégrer JavaScript dans HTML, relier un script externe et produire une sortie avec console et alerts.
  • Déclarer des variables avec let, stocker strings, nombres et booléens et inspecter avec typeof.
  • Construire des expressions arithmétiques et de strings et utiliser incrément et modulo.
  • Contrôler l'exécution avec if, else if et else et comparer égalité souple et stricte.
  • Répéter avec for, while et do...while et sortir d'une boucle avec break.
  • Définir des fonctions avec paramètres et valeurs de retour et les appeler avec des arguments.
  • Créer, accéder, modifier et parcourir arrays et créer ou modifier des propriétés d'objets.
  • Sélectionner et mettre à jour le DOM, créer et ajouter des éléments et gérer les événements avec listeners et l'objet event.

À qui s’adresse ce cours

Ce cours s'adresse aux débutants complets en JavaScript, aux apprenants HTML prêts à ajouter du comportement et aux personnes qui veulent revoir le scripting navigateur. Il privilégie la pratique guidée aux défis indépendants.

Prérequis : Aucune expérience JavaScript n'est requise. Des bases HTML sont recommandées puisque les scripts sont intégrés aux pages et les derniers laboratoires modifient des éléments ; vous devez aussi savoir éditer du texte.

Environnement d’apprentissage : Les 10 laboratoires utilisent des WebIDE Ubuntu 22.04 fournis. Vous modifierez HTML et JavaScript et actualiserez un aperçu navigateur pour observer console, alerts, changements DOM et événements ; aucun compte externe ni déploiement n'est requis.

Questions fréquentes

S'agit-il de JavaScript navigateur ou de Node.js ?

Il s'agit de JavaScript côté navigateur. Les laboratoires utilisent pages HTML, DOM, alerts et événements ; Node.js, npm, API serveur et outils de packages ne sont pas inclus.

Dois-je connaître HTML au préalable ?

Pas à un niveau avancé, mais connaître éléments et attributs aide. Le premier laboratoire crée une page et les laboratoires DOM et événements opèrent sur ses éléments.

Y a-t-il des défis ou un projet final ?

Non. Le programme liste 10 laboratoires guidés sans défi ni capstone. Vous pratiquez les fondamentaux séparément plutôt que de construire une application de production complète.

Le cours couvre-t-il JavaScript asynchrone moderne ou des frameworks ?

Non. Promises, async/await, fetch, modules, classes, testing, build tools, TypeScript et frameworks comme React ou Vue sont hors périmètre.

Enseignant

labby
Labby
Labby is the LabEx teacher.