[PDF] [PDF] Programmation Web avec JavaScript - CRIL (Lens) - Université d

[PDF] FICHE 1 Les bases du JavaScript - prof doc

l'élément et de son attribut src qui contient l'URL du fichier js Puis un message intermédiaire overlay innerHTML = 'Chargement en cours

[PDF] Javascript : les bases du langage

Javascript Javascript : les bases du langage Technologies du Web 1 Jean- Christophe Routier Licence 1 SESI Université Lille 1 Université Lille 1 - Licence 1 

[PDF] Javascript - IGM

Portion de code qui vient s'insérer dans une page HTML Le code du script n'est toutefois pas visible dans la fenêtre du navigateur car il est compris entre des 

[PDF] Tout sur le Javascript

17 juil 2010 · Le JavaScript est en effet un langage qui dépend du (x)HTML Si vous avez suivi les cours sur le PHP, vous devriez savoir que celui-ci est 

[PDF] Programmation Web en JavaScript - Rémy Malgouyres

Cours de programmation WEB côté client en JavaScript : par la publication de l 'événement en question par l'intermédiaire du Mediator Code Source 4 3 

[PDF] Programmation Web avec JavaScript - CRIL (Lens) - Université d

JavaScript est un langage de programmation de scripts principalement utilisé dans continue permet de terminer l'itération en cours de la boucle courante

[PDF] Introduction a JavaScript

ment la distinction entre le JavaScript et le HTML quand ces deux langages sont pr esents dans peut varier au cours de l'ex ecution du programme On peut 

[PDF] Maîtrisez les bases de la programmation JavaScript - Dunod

Démarrez avec les frameworks Node js, React, Angular Ce livre s'adresse à tous les développeurs web, qu'ils soient débutants ou Cours de Bourse

[PDF] Découvrez le langage JavaScript - The domain fnac-staticcom is

conçu pour les débutants, il vous apprendra pas à pas la programmation en JavaScript, l'un des langages du Web le temps : sur le Web, en PDF, en eBook, en vidéo Il est désormais entré dans la cour des grands, aux côtés d'HTML, de

[PDF] les evenements en javascript

[PDF] javascript pour les nuls pdf gratuit

[PDF] boucle for liste python

[PDF] openclassroom python

[PDF] liste append

[PDF] append python

[PDF] parcourir une liste python

[PDF] tuple python

[PDF] liste de liste python

[PDF] instruction python

[PDF] album anglais maternelle

[PDF] découvrir l'anglais avec des albums de jeunesse cycle 3

[PDF] album anglais cycle 3

[PDF] liste album anglais cycle 3

[PDF] album anglais ce2

Programmation Web avec JavaScript

Christophe Lecoutre

lecoutre@cril.fr

IUT de Lens - CRIL CNRS UMR 8188

Universite d'Artois

France

Departement SRC - 2010/2011

1

Outline

1Introduction

2Bases du langage

3Structures de contr^ole

4Types/Classes

5Navigateur

6DOM 7

Evenements2

Outline

1Introduction

2Bases du langage

3Structures de contr^ole

4Types/Classes

5Navigateur

6DOM 7

Evenements3

Bibliographie

LivresNicholas Zakas

Professional JavaScript for Web developpers

2nd Edition, Wrox, 2009.Sites

Tout JavaScript surhttp://www.toutjavascript.com/main/index.php3Javascriptfrhttp://www.javascriptfr.comw3school-Javascript surhttp://www.w3schools.com/js/default.asp

4

Description Generale

JavaScript est un langage de programmation de scripts principalement utilise dans les pages web interactives (comme par exemple, la validation de donnees d'un formulaire).

Il est forme de trois composants:ECMAScript, qui est deni dans l'edition ECMA-262, et qui fournit les

fonctionnalites centralesDOM (Document Object Model) qui fournit les fonctionnalites pour interagir

avec le contenu d'une page webBOM (Browser Object Model) qui forunit les fonctionnalites pour interagir

avec le navigateurRemarque Il y a de grandes disparites de support des trois composants de Javascript par les navigateurs principaux (Firefox, IE, Chrome, Safari, Opera). 5

Javascript dans HTML

L'element HTMLscriptpermet d'integrer du code Javascript dans une page.

Les attributs de cet element sont :type: indique le type de contenu (appele aussi type MIME). La valeur est

typiquement"text/javascript".charset(optionnel) : indique le jeu de caracteres utilise.defer(optionnel) : indique si l'execution du script doit ^etre decalee.src(optionnel) : indique que le code se situe dans un chier externe.Warning

M^eme en utilisantdefer="defer", certains navigateurs ne retarderont pas l'execution du code. 6

Inline Code

Il sut d'utiliser uniquement l'attributtypeet de placer le code au coeur de l'elementscript.Exemple Warning Un erreur se produit siappara^t dans le code. "); 7

External Files

Il sut d'utiliser uniquement l'attributtypeavec l'attributsrc.Exemple /> /> ...Warning Pour executer le code apres le chargement de la page, on utilisera : /> /> 8

Inline code et symboles speciaux

Le code suivant n'est pas correct en XHTML :

Premiere solution:replacer

Deuxieme solution:

9

Inline code ou External Files ?

Il est preferable d'utiliser des chiers externes pour des raisons de :maintenabilite : le code javascript peut ^etre rassemble dans un unique

repertoirecaching : un chier js partage par deux pages ne sera telecharge qu'une seule foislisibilite : pas besoin d'astuces telles que // ... [CDATA qui polluent la page

Remarque

L'elementnoscriptpermet d'acher un contenu lorsque le navigateur ne supporte pas les scripts ou que le support a ete desactive. Par exemple : 10

Outline

1Introduction

2Bases du langage

3Structures de contr^ole

4Types/Classes

5Navigateur

6DOM 7

Evenements11

Identicateurs et commentaires

Les identicateurssont sensibles a la casse:testn'est pasTestsont formes par convention en utilisant le style camel case comme dans

sommeNotesExemple

Les commentaires

// single line comment * multi-line * comment 12

Identicateurs et commentaires

Les instructionsse terminent par un point-virgule

necessitent des accolades lorsqu'elles forment un bloc

Exemple

var sum = a + b; if (sum > 0) alert("positif"); if (a < b) { var tmp = a; a = b; b = tmp; 13

Variables

Declarer une variable necessite l'utilisation du mot-clevar.Exemple var sum; var v = 100; v = "coucou"; // autorise mais deconseille var x = 10, y = 20, z = false; // multiple declarationPortee locale function test() { var message = "hi"; test(); alert(message); // undefinedPortee globale function test() { message = "hi"; test(); alert(message); // "hi" 14 Types Il y a principalement trois types classiques de donnees Boolean, Number and String et un type complexe Object (liste de couples nom-valeurs). Il est possible de determiner le type (courant) d'une variable avec l'operateurtypeofqui

retourne l'une des valeurs suivantes:undened si la valeur est indenie (variable declaree mais pas initialisee ou

variable non declaree)boolean number string object si la valeur est un objet ou null function si la valeur est une fonction

Remarque

Les fonctions sont considerees comme des objets qui ont des proprietes speciales. 15

Valeurs undened et null

La valeur undened fait reference a une variable non declaree ou declaree mais pas initialisee, null fait reference a une variable censee referencer un objet mais non encore disponible.Exemple var message = "coucou"; alert (typeof message); // "string" var m1; alert(m1); // "undefined" alert(m2); // erreur alert(typeof m1); // "undefined" alert(typeof m2); // undefined var car = null; alert(typeof car); // "object" 16

Boolean et Number

Le type Boolean a deux valeurs true et false. Le type Number sert a representer des valeurs entieres et des valeurs ottantes (reelles).Exemple var x = 55; var y = 070; //octal pour 56 (en base 10) var z = 0xA, //hexadecimal pour 10 var f1 = 10.2; var f2 = 3.12e7; // represente 31 200 000 var f3 = 3e-10; // represente 0,0000000003Remarque

Les valeurs particulieres du type Number sont :

Number.MINVALUE, Number.MAXVALUE

Number.NEGATIVEINFINITY, Number.POSITIVEINFINITY

NaN (Not a Number)

17

Conversions numeriques

quotesdbs_dbs3.pdfusesText_6