Vous 黎es ici : Accueil des cours Misfu> Informatique> Apprendre la programmation> Cours Javascript

Traduction de la page Table of contents r馘ig馥 par Peter-Paul Koch et traduite par Christophe Bruggeman

Table des mati鑽es JavaScript

Le JavaScript est un langage de programmation non compil?, orient? objet, principalement utilis? dans les pages Web.

L'auteur divise les pages ainsi 'Debutant' et 'Interm馘iaire'. Si vous d饕uter le JavaScript, je vous conseil de lire et comprendre au moins 80% des pages 'Debutant' avant de vous lancer dans les pages 'Interm馘iaire'.

Modules | Scripts divers | Formulaire | Events

Introduction au JavaScript (D饕utant) Cette page est une introduction au Javascript.
La diff駻ence entre le Javascript et le Java. Quelles sont les possibilit駸 et les restrictions du JavaScript? S馗urit?. Quelles sont les diff駻entes versions de Javascript ? Que pensez-vous de ces versions? Comment d饕ugger un script?

Modules

Ces pages parlent des principes fondamentaux du JavaScript. Elles ne contiennent pas de scripts mais d馗rivent les techniques qui serviront de modules pour vos scripts.
Placer du JavaScript (D饕utant) Comment ajouter du Javascript dans vos pages HTML. les includes JavaScript. The tag <noscript>.
Object detection (D饕utant) La d騁ection d'objet est un concept tr鑚 important que les d饕utants devraient 騁udier attentivement. Si vous 馗rivez un script complexe, vous commencez par chercher ? savoir si les navigateurs de vos utilisateurs peuvent supporter un script avanc?. Pour faire ceci, vous avez besoins de la d騁ection d'objet. La page inclue 馮alement quelques 騁udes de cas.
D馗larations (D饕utant) Les d馗larations sont des commandes JavaScript. Sur cette page je d馗ris les deux plus importantes: if() et for(). Vous emploirez ces d馗larations dans tous les scripts que vous 馗rirez, c'est pourquoi il est important de les 騁udier en d騁ails.
Fonctions (D饕utant) Tous les scripts que vous 馗rirez sont compos駸 de fontions. Une fonction est une courte s駻ie de commandes qui fait quelques choses pour vous. Cette page explique en d騁ails comment fonctionnent les fonctions, ce qu'on attend d'elles et ce qu'elles attendent de vous.
String (D饕utant) Les string sont 馮alement tr鑚 important. Un string est une cha?ne de caract鑽es, comme 'Bonjour!' ou 'http://www.quirksmode.org' ou '14'. Vous avez souvent besoin de les afficher ou de les modifier. Cette page donne de nombreux details.
DOM niveau 0 (D饕utant) Le JavaScript est senc? changer quelque chose sur la page. Pour faire ceci, il a besoin d'acceder au document HTML, par exemple pour v駻ifier la saisie d'un utilisateur dans un formulaire ou pour changer une image src onmouseover. Par cons駲uent tous les navigateurs ont un mod鑞e objet de documents, qui vous donne l'acc鑚 ? diff駻entes parties du document. Le DOM niveau 0 est le plus ancien de tous. Il ? 騁? mis en application dans Netscape 2 et 3 et fonctionne toujours dans tous les navigateurs Javascript. Il permet d'acc馘er facilement aux formulaires et ? leurs 駘駑ents, ainsi qu'aux images et liens.
Logique bool馥nne (Interm馘iaire) La logique bool馥nne est utilis? dans tous les langages de programmation. Elle d馭inie l'utilisation de AND (&&), OR (||) et NOT (!).
DOM interm馘iaire (Interm馘iaire) Netscape 4 et Internet Explorer 4 ont chacun leurs propres Document Object Model, document.layers et document.all. Ils sont senc駸 apporter un support au DHTML, et permettre le changement du CSS au moyen du JavaScript. Bien s?r ils sont aussi diff駻ents qu'un DOM peut l'黎re. Le sujet de cette page est de vous enseigner le cross-browser en DHTML. Donc cette page traitera des deux DOM interm馘iaire, et un peut du DOM W3C.
Objets comme tableaux associatifs (Interm馘iaire) Le JavaScript vous permet de d馭inir vos propres objets. En g駭駻al ils sont compl鑼ement inutiles car la plupart des navigateurs g駭鑽ent largement assez d'objets pour contenter tout le monde.
Cette page d騁aille la seule utilisation d'objets pr馘馭ini que j'ai jamais trouv駸: la cr饌tion de tableaux associatifs. Cette page explique 馮alement for (var i in object).
Le mot-cl? this (Interm馘iaire) this est un mot-cl? tr鑚 important, mais difficile ? utiliser si vous ne savez pas exactement comment il fonctionne. Cette page traite de this dans la gestion des 騅駭ements (event handling).

Scripts divers

Voici les scripts difficile ? classer, ils sont rang駸 des plus vieux scripts classiques aux plus r馗ents scripts exp駻imentaux.
Mouseover (D饕utant) Ma derni鑽e version de ce classique.
Imprimer (D饕utant) window.print() Imprimer une page, mais quelques navigateurs ne supportent pas cette m騁hode. Cette page contient du VBScript qui fonctionne aussi dans les anciens Internet Explorer.
D騁ection de navigateur (Interm馘iaire) N'utilisez pas ce script, les d饕utants surestime souvent l'importance d'un d騁ecteur de navigateur. Lisez d'abord la page D騁ection d'objet.
Tout script utilisant un d騁ecteur de navigateur est incorrect.
Maintenir plusieurs IE ? distance (Interm馘iaire) Une extension de mon script de d騁ection des navigateurs qui permet de garder plusieurs versions d'Internet Explorer ? distance.
D騁ecter Flash (Interm馘iaire) Ce script v駻ifie si un navigateur a le plugin Flash d'install?, et si c'est le cas quelle est la version. Ce script est beaucoup plus simple et performant que celui de Macromedia, ou que n'importe quel autre script disponible sur le WWW.
Fonctionne 馮alement pour d'autres plugins tels que Real Player et Acrobat.
Cookies (Intermediate) Cookies store information about your users or their preferences. This information is stored in your users' browsers and is available when that particular user visits your site again.
Get selection (Intermediate) This small script finds text the user has selected with his mouse.

Formulaire

Form influencing is as old as JavaScript. It has remained important up to the present day. In addition, the basics of form handling are not very difficult. Influencing forms is an excellent way to get to know JavaScript better.
Introduction to forms (Beginner) An introduction to accessing forms and writing form validation scripts. Details about accessing form elements and finding out what the user has done.
Example form (Beginner) A simple example script that validates a form. I can't give generic scripts for form validation since every form is different and every site needs its own brand of form validation.

Events

Without event handling there is no JavaScript. Any script waits for a certain user action (mousing over a link, clicking on the Submit button) and then reacts to this event. These pages give a complete overview of event handling, both ancient and modern. There are no example scripts since event handling is ubiquitous. See any other script on this site for a good example.
Introduction to events (Intermediate) General introduction to event handling. Overview of the right questions and the right answers.
The events (Intermediate) Detailed description of available cross-browser events.
Early event handlers (Intermediate) This page details event handling as supported by Netscape 2 and 3, and hence by all other browsers. Registring event handlers, default actions and the preventing thereof.
Traditional model (Intermediate) This page explains the traditional event registration model, which works in all modern browsers. It also discusses the use of anonymous functions and some drawbacks of the model.
Advanced models (Intermediate) This page discusses the advanced event registration models of W3C and Microsoft. W3C's model is good, Microsoft's isn't.
Event accessing (Intermediate) This page explains how to access an event object. This is necessary if you want to read out event properties.
Event properties (Intermediate) This page discusses interesting event properties and the severe browser incompatibilities surrounding their use.
Event order (Intermediate) This page discusses the two event order models. When the user clicks on a nested element and both this element and its parent element have an onclick event handler, which one fires first?
Mouse events (Intermediate) Detailed treatment of the mouse events: mouseover, mouseout, mousedown, mouseup, mousemove, click and dblclick.
Event compatibility tables (Intermediate) Quick compatibility tables for the most common events and event properties. Includes links to the event pages where the properties are discussed.
Event pairs (Intermediate) To keep our sites accessible to non-mouse users we must use non-mouse events like focus or keydown in addition to mouse events. Which non-mouse events can be paired with which mouse events?

AltStyle によって変換されたページ (->オリジナル) /