Sommaire: Télécharger cours Javascript introduction à Javascript
1. Table de matières détaillée
2. JavaScript (client-side), introduction
2.1 Origine
2.2 Utilisation principale de JavaScript
2.3 Versions
2.4 Ressources et outils de développement
2.5 Caractéristiques du langage JavaScript
2.6 Insertion de code JavaScript dans une page HTML
2.7 Utilisation de code JavaScript
3. Manipulation du browser et de fenêtres
3.1 Informations sur le browser
3.2 Ouvrir une nouvelle fenêtre
4. Traitement de formulaires avec Javascript
4.1 Un simple quiz
4.2 Vérification d’un formulaire I
4.3 Vérification d’un formulaire (II)
5. HTML Dynamique (ou presque)
5.1 Les boutons JavaScript
5.2 Menus déroulants
6. Javascript et DOM
Extrait du cours télécharger cours Javascript: Introduction à Javascript
2.JavaScript (client-side), introduction
2.1 Origine
• JavaScript a été développé par Netscape (d’abord sous le nom LiveScript)
• Il existe une version Microsoft (appelée parfois JScript)
• Le nom “JavaScript” reflète un certain voisinage syntactique avec JAVA (et il a été choisi pour des raisons de marketing)
2.2 Utilisation principale de JavaScript
• Applications interactives (par ex. tests et quiz)
• Pages HTML plus riches (par ex. “highlighting”), DHTML
• Génération de pages HTML selon le profil de l’utilisateur
• Gestion de plugins, versions de Java etc.
• Simples animations
• Vérification de formulaires cgi-bin
2.3 Versions
• JS 1.0: Netscape 2 et plus
• JS 1.1: Netscape 3 et plus
• JS 1.2: Netscape 4 et plus, IE 5 (avec qq déficiences)
• JS 1.3: Netscape 4.06 et 4.5 et plus
• JS 1.5: Netscape 6
• ECMA Script: JS 1.1 standardisé (et sans objets propriétaires)
2.4 Ressources et outils de développement
A. Outils de développement
• on conseille l’utilisation d’un éditeur simple
• sinon Netscape vend un outil « GUI » et certains outils commerciaux peuvent générer du JavaScript
• pour tester des fonctions JavaScript simples:
• utiliser la console Javascript de Netscape 4.x, taper l’URL:JavaScript:
• ou l’URL “JavaScript:” suivi par la fonction, par ex:JavaScript:alert(« salut »)
• pour debugger, ouvrir la console Javascript (NS 6: dans un menu)
2.5 Caractéristiques du langage JavaScript
A. Caractéristiques clefs:
• Syntaxe: ressemble à Java, C, Php etc.
• Langage basé objets (pas orienté objets)
• Des objets « browser », « HTML », etc. sont « built-in » et permettent la manipulation de contenus « Web » (notamment formulaires et liens/images). Il existe 3 versions principales de ces objets DOM (Document Object Model):
• IE 3,4 + NS 3
• NS 4.x
• NS 6 + IE 5.5
• Intégration avec HTML
Les éléments dans cette section ne sont qu’indicatifs !
• Il est vivement conseillé d’aller consulter la documentation Netscape/Microsoft et/ou un tutoriel sur le WWW, url:http://tecfa.unige.ch/guides/js/pointers.html#man
………….
Télécharger cours Javascript: Introduction à Javascript (223 KO) (Cours PDF)