Formation javascript insertion au langage HTML, tutoriel & guide de travaux pratiques en pdf.
Fonctionnalités
– Javascript est un langage interprété par le navigateur client
– Il ajoute des fonctionnalités interactives aux pages HTML
– Il permet au navigateur de réaliser un traitement local de données sans solliciter le serveur.
Inconvénients
– Son exécution dépend du navigateur -> problèmes de compatibilité entre les navigateurs
– Standard contesté (enjeu commercial) -> rivalité Microsoft
– Jusquʼà aujourdʼhui, la principale difficulté de mise en œuvre est la compatibilité Néanmoins, standard devenu incontesté et largement utilisé.
Normalisation
– Javascript est lʼobjet dʼune norme édité par ECMA
– ECMA : European Computer Manufacturers Association – Organisme pour la normalisation des technologies de lʼinformation et de la communication. Association dʼindustriels basée à Genève. Fondée en 1961. LʼECMA définit des normes dans des domaines divers (support de données optiques, CD, DVD, communications sans fil, encodages, langages…)
– www.ecma-international.org
– Norme ECMA 262-3 : ECMAScript, communément JavaScript 1.5, publiée en 1999
– Normalisation en cours pour lʼextension dʼECMAScript à lʼenvironnement XML Normalisation = pérènité du langage.
Langage orienté objet
– Objets prédéfinis par le client : window, document, frame, image, etc..
– Création dʼobjet suivant des constructeurs pédéfinis : new Array()
– Manipulation dʼobjet par des méthodes
– Lecteur et modification des propriétés (attributs)
– Création de nouveaux constructeurs et de nouveaux objets spécifiques
Typage faible
– le type des variables est défini par défaut à la première attribution
– le type dʼune variable est adapté à son contexte dʼutilisation
– le type dʼune variable peut être modifié par une instruction
Insertion au langage HTML
– Balise <script>
<script type=”text/javascript”>
</script>
<script type=”text/javascript”><!–
// –></script>
– Commentaire <script>
// ligne de commentaire
/* Début d’un bloc de commenatires
Fin du bloc commentaire */
– Appel externe <script>
<script type=”text/javascript” src=”myScript.js”></script>
– Insertion de la balise <script> dans lʼen-tête <head>
– Définition dʼune fonction
<html>
<head>
<script type=”text/javascript”><!–
function myFunction {
…….
}
// –></script> </head> <body>
<a href=”javascript:myFunction()”>Clic here</a>
</body>
</html>
– Appel externe <script>
<script type=”text/javascript” src=”myScript.js”></script>
– Insertion de la balise <script> dans lʼen-tête <head>
– Définition dʼune fonction
<html>
<head>
<script type=”text/javascript”><!–
function myFunction {
…….
}
// –></script> </head> <body>
<a href=”javascript:myFunction()”>Clic here</a>
</body>
</html>
Opérateurs
– Standards (Java, C)
+ – * /
% (modulo)
myVar++ (incrémentation)
myVar– (décrémentation)
&& (ET logique) (OU logique) (NON logique) (égal – comparaison)
= (différent – comparaison)
<= (inférieur ou égal – comparaison)
>= (supérieur ou égal – comparaison)
< (strictement inférieur – comparaison)
> (strictement supérieur – comparaison)
Le Modéle OSI
Internet et le modéle OSI
Principe TCP/IP
Principe DNS
Routage et adressage IP
Internet – Intranet – Extranet
Principes administratifs de lʼInternet
Les Données : HTML, SQL, XML, …
Echange de données (et systèmes de gestion)
Langages et programmation
Plateformes logicielles
La gestion dʼun projet Web
Annexes