Javascript. Gérald Collaud Centre NTE, Université de Fribourg

Dimension: px

Commencer à balayer dès la page:

Download "Javascript. Gérald Collaud Centre NTE, Université de Fribourg"

Brian Rochon
il y a 8 ans
Total affichages :

1 Javascript Gérald Collaud Centre NTE, Université de Fribourg Formation continue, septembre-octobre 2000

2 Programme! Survol - Contexte! Avantages et inconvénients! Concepts principaux! Quelques exemples! Remarques! Quelques sites! Eléments du langage! Ateliers / exercices

3 Survol! Langage de programmation! Interprété! Généralement intégré au code HTML! Ajoute une certaine interactivité

4 Vue d'ensemble Scripts CGI ASP PHP Audio HTML étendu Java Vidéo Plugins SMIL Feuilles de style Javascript Image Maps VRML XML Pages HTML statiques simples

5 Avantages et inconvénients! Facile à apprendre! Développement rapide! Facile à débugger! Indépendant de la plate-forme! Petite période d'apprentissage! interactivité (écrire du texte ou du html, montrer des images, faire défiler du texte en bas de page, etc, )! Méthodes existantes limitées! Difficile de cacher le code! Peu d'outils de développement! Pas toujours stable! Pas toujours compatible! interaction limitée pas question de lire ou d'écrire un fichier (sécurité)

interactivité (écrire du texte ou du html, montrer des images, faire défiler du texte en bas de page, etc, )!

6 Concepts principaux! Variables! Objets (notation par points)! Fonctions vs. méthodes! Evénements

7 Rudiments! Habituellement, le code se place entre la fin de la balise de titre </title> et la fin de la balise d'entête </head>, mais peut se mettre aussi ailleurs! Commence par : <script language="javascript">! Se termine par : </script>! Commentaires : // et /* -- */

8 Exemple simple <html> <head> <title>premier script</title> <script language="javascript > document.write( Hello world! ) </script> </head> <body>... </body> </html>

9 Exemple : dialogue <html> <head> <title>premier script</title> <script language="javascript">  </script> </head> <body> </body> </html>

10 Exemple : variable <script language="javascript">  </script>

11 Exemple : dialogue <script language="javascript">  </script>

12 Exemple : événements et fonctions <html> <head><title>premier script</title> <script language="javascript"> function givedate() { alert(document.lastmodified); } </script> </head> <body bgcolor=ffffff> <a href="#" onclick="givedate();"> Ce lien affiche un dialogue avec la date de modification du document</a> </body> </html>

lastmodified); } </script> </head> <body bgcolor=ffffff> <a href="#"

13 Exemple : objets et fonctions <script language="javascript">  </script>

14 Remarques! Javascript vs. Java! Javascript vs. Javascript! Livre de référence! View source! Expérimentez

15 Quelques sites! Touchez les carrés Calculs simples Validation d'un formulaire

hotwired.com/webmonkey/98/03/calculations.html!

16 Collections d'exemples! Calculatrices, Calendriers, Menus, Table de multiplication, Utilisation des cookies, Encryption,... Divers

Utilisation des cookies, Encryption,... http://gsb.haifa.ac.

17 Sites en français! Général Tutoriel Quelques références de yahoo france : programmation/javascript/! Exemples

18 Eléments du langage! Variables! Séquence! Choix! Boucles! Procédures et Fonctions! Méthodes! Interaction avec HTML " balise script " objets " événements

Documents pareils

NFA016 : Introduction. Pour naviguer sur le Web, il faut : Naviguer: dialoguer avec un serveur web

NFA016 : Introduction. Pour naviguer sur le Web, il faut : Naviguer: dialoguer avec un serveur web NFA016 : Introduction O. Pons, S. Rosmorduc Conservatoire National des Arts & Métiers Pour naviguer sur le Web, il faut : 1. Une connexion au réseau Réseau Connexion physique (câbles,sans fils, ) à des