Initiation au JavaScript 
13 octobre 2014 
Pierre Rudloff
Initiation au JavaScript | 13 octobre 2014 
Qu’est-ce que le JavaScript ? 
Langage de programmation créé en 1995 
Permet d'ajouter des interactions aux pages web 
Utilisé avec HTML 
Interprété par un navigateur 
(Firefox, Chrome, Internet Explorer, etc.) 
Exécuté côté client
Initiation au JavaScript | 13 octobre 2014 
Comment écrire du JavaScript 
Éditeur de texte/code : 
●Notepad++ (Windows) 
●Brackets 
●Smultron (Mac OS) 
Fichiers en .js
Initiation au JavaScript | 13 octobre 2014 
Fonctions 
Permet de demander à au navigateur d'exécuter une action 
Exemple : 
alert("Hello world!"); 
Syntaxe : 
fonction(argument1, argument2);
Initiation au JavaScript | 13 octobre 2014 
Commentaires 
Permet d'ajouter des indications dans le code 
/*Commentaire 
sur plusieurs lignes*/ 
//Commentaire sur une ligne
Initiation au JavaScript | 13 octobre 2014 
Variables 
Permet d'associer une valeur à un mot clef 
Se note var nomdelavariable = valeur; 
Entiers : 
5, 10, 280976, etc. 
Nombres décimaux : 
2.54, -56.5, etc. 
Chaînes : 
'bonjour', "Au revoir.", etc.
Initiation au JavaScript | 13 octobre 2014 
Tableaux 
Permet de lister des valeurs 
Syntaxe : 
[valeur1, valeur2, valeur3] 
Pour y accéder : 
nomdutableau[numéro]
Initiation au JavaScript | 13 octobre 2014 
Document Object Model 
JavaScript permet d'accéder aux éléments du document 
HTML 
● getElementById 
● getElementsByTagName 
● getElementsByClassName
Initiation au JavaScript | 13 octobre 2014 
Événements 
Permet de réagir à une action du navigateur ou de 
l'utilisateur 
● onload 
● onclick
Initiation au JavaScript | 13 octobre 2014 
Pour aller plus loin 
● MDN : https://developer.mozilla.org/fr/ 
● Codecademy : http://www.codecademy.com/ 
● Douglas Crockford, JavaScript : Gardez le meilleur 
● David Flanagan, JavaScript: The Definitive Guide
Initiation au JavaScript | 13 octobre 2014 
Formations à venir 
● 20 octobre : WordPress (complet) 
● 22 octobre : Licences libres 
● 5 novembre : Quelle galerie pour votre projet web ? 
● 12 novembre : Utiliser un CMS pour créer son site 
● 19 novembre : CSS 
● 26 novembre : Référencement 
● 3 décembre : Typographie pour le Web 
● 10 décembre : Nouveautés de HTML5 
● 17 décembre : Nouveautés de CSS3

Initiation au JavaScript

  • 1.
    Initiation au JavaScript 13 octobre 2014 Pierre Rudloff
  • 2.
    Initiation au JavaScript| 13 octobre 2014 Qu’est-ce que le JavaScript ? Langage de programmation créé en 1995 Permet d'ajouter des interactions aux pages web Utilisé avec HTML Interprété par un navigateur (Firefox, Chrome, Internet Explorer, etc.) Exécuté côté client
  • 3.
    Initiation au JavaScript| 13 octobre 2014 Comment écrire du JavaScript Éditeur de texte/code : ●Notepad++ (Windows) ●Brackets ●Smultron (Mac OS) Fichiers en .js
  • 4.
    Initiation au JavaScript| 13 octobre 2014 Fonctions Permet de demander à au navigateur d'exécuter une action Exemple : alert("Hello world!"); Syntaxe : fonction(argument1, argument2);
  • 5.
    Initiation au JavaScript| 13 octobre 2014 Commentaires Permet d'ajouter des indications dans le code /*Commentaire sur plusieurs lignes*/ //Commentaire sur une ligne
  • 6.
    Initiation au JavaScript| 13 octobre 2014 Variables Permet d'associer une valeur à un mot clef Se note var nomdelavariable = valeur; Entiers : 5, 10, 280976, etc. Nombres décimaux : 2.54, -56.5, etc. Chaînes : 'bonjour', "Au revoir.", etc.
  • 7.
    Initiation au JavaScript| 13 octobre 2014 Tableaux Permet de lister des valeurs Syntaxe : [valeur1, valeur2, valeur3] Pour y accéder : nomdutableau[numéro]
  • 8.
    Initiation au JavaScript| 13 octobre 2014 Document Object Model JavaScript permet d'accéder aux éléments du document HTML ● getElementById ● getElementsByTagName ● getElementsByClassName
  • 9.
    Initiation au JavaScript| 13 octobre 2014 Événements Permet de réagir à une action du navigateur ou de l'utilisateur ● onload ● onclick
  • 10.
    Initiation au JavaScript| 13 octobre 2014 Pour aller plus loin ● MDN : https://developer.mozilla.org/fr/ ● Codecademy : http://www.codecademy.com/ ● Douglas Crockford, JavaScript : Gardez le meilleur ● David Flanagan, JavaScript: The Definitive Guide
  • 11.
    Initiation au JavaScript| 13 octobre 2014 Formations à venir ● 20 octobre : WordPress (complet) ● 22 octobre : Licences libres ● 5 novembre : Quelle galerie pour votre projet web ? ● 12 novembre : Utiliser un CMS pour créer son site ● 19 novembre : CSS ● 26 novembre : Référencement ● 3 décembre : Typographie pour le Web ● 10 décembre : Nouveautés de HTML5 ● 17 décembre : Nouveautés de CSS3