Cours de JavaScript

version 4.11.3, dernière mise à jour le 13 novembre 2023.

   

Introduction

Ce cours a été initialement présenté à des étudiants de licence Projet Web de Sorbonne-Université. Il permet d'aborder le JavaScript selon un point de vue respectueux des standards. Il ne s'agit pas d'une bibliothèque d'effets « clé-en-main », mais plutôt de l'exposé des principes permettant la production d'effets les plus portables et adaptables possibles.

Retour au menu

Contenu de ces pages

Pour bien débuter

Le DOM est une conception de la structure d'une page permettant de manipuler ses éléments grâce à un langage de script comme JavaScript. Ces chapitres donnent son principe de fonctionnement.

Initiation à JavaScript

Ce chapitre présente un premier survol de JavaScript.

Introduction à Javascript

Ce chapitre présente les bases de JavaScript.

Premiers effets

Ce chapitre présente quelques effets simples applicables à une page Web via JavaScript.

Premiers pas dans le DOM

Ce chapitre présente un bref historique et les concepts de base du DOM.

Modifier l'apparence

Accéder aux éléments permet de modifier, ajouter ou supprimer du contenu ou modifier les styles appliqués.

Le DOM: modification du contenu dans un document

Le DOM donne la possibilité de modifier, ajouter et supprimer du contenu dans un document.

Accès aux feuilles de style par le DOM

Le DOM offre des propriétés et méthodes permettant d'accéder et modifier les propriétés des feuilles de style CSS.

Interagir avec l'interface utilisateur

Le DOM fournit aussi des moyens pour interagir avec l'utilisateur via la modification des paramètres de la fenêtre du navigateur ou la gestion des "événements" de la souris ou du clavier…

Le DOM: fenêtre, navigateur et interface-utilisateur

Le DOM permet d'accéder et de manipuler une fenêtre, ainsi que les propriétés du navigateur et ses relations avec le système.

Gestion des événements et DOM

Les "événements" sont tout ce qui se rapporte à l'interaction entre l'utilisateur et la page Web qu'il consulte. Le DOM s'accompagne d'une gestion fine de ces échanges.

Pour aller plus loin

Les chapitres précédents exposent les bases de la manipulation du DOM. Voici de quoi aller plus loin…

Bonnes pratiques de codage en javascript

La programmation en javascript atteint des limites quand des codes issus de fichiers source différents interfèrent. Il existe des méthodes de codage qui minimisent ces risques.

Les objets dans JavaScript

Un exposé en détails des fonctionnalités de la programmation orientée prototype en JavaScript

Frameworks

Quelques bibliothèques de développement et de conception pour gagner en productivité

Initiation à la bibliothèque jQuery

Ce chapitre présente les bases permettant d'utiliser la bibliothèque jQuery.

Initiation à la création de plugins jQuery

Ce chapitre présente un gabarit de construction d'un plugin jQuery

Introduction à Angular

Ce chapitre présente les bases d'AngularJS.

Initiation à JavaScript côté serveur : nodejs, Express, Websocket, MongoDB

Ce chapitre expose comment mettre en place un serveur nodejs/express de base.

Initiation à Vue3.js

Pas à pas, comment construire avec Vue3.js des applications dynamiques

Divers

Un peu de tout…

Un peu de JavaScript avec InDesign…

Ce chapitre expose les bases de l'utilisation de JavaScript dans le logiciel InDesign

Utilisation de la console

Les propriétés et méthodes utiles de la console ; débogage avec try/catch

Stocker des informations sur le poste client : cookies et API Webstorage

Le stockage d'informations côté client  webstorage

Conditions d'utilisation : CC-by-sa

Retour au menu

Conditions d'utilisation et licence

Creative Commons License
Cette création est mise à disposition par Gilles Chagnon sous un contrat Creative Commons.

Retour au menu