Initiation au JavaScript
Click here to load reader
description
Transcript of Initiation au JavaScript
![Page 1: Initiation au JavaScript](https://reader038.fdocuments.in/reader038/viewer/2022100601/557c4a53d8b42a936c8b4773/html5/thumbnails/1.jpg)
Initiation au JavaScript13 octobre 2014
Pierre Rudloff
![Page 2: Initiation au JavaScript](https://reader038.fdocuments.in/reader038/viewer/2022100601/557c4a53d8b42a936c8b4773/html5/thumbnails/2.jpg)
Initiation au JavaScript | 13 octobre 2014
Qu’est-ce que le JavaScript ?
Langage de programmation créé en 1995Permet d'ajouter des interactions aux pages webUtilisé avec HTML
Interprété par un navigateur(Firefox, Chrome, Internet Explorer, etc.)Exécuté côté client
![Page 3: Initiation au JavaScript](https://reader038.fdocuments.in/reader038/viewer/2022100601/557c4a53d8b42a936c8b4773/html5/thumbnails/3.jpg)
Initiation au JavaScript | 13 octobre 2014
Comment écrire du JavaScript
Éditeur de texte/code :●Notepad++ (Windows)●Brackets●Smultron (Mac OS)
Fichiers en .js
![Page 4: Initiation au JavaScript](https://reader038.fdocuments.in/reader038/viewer/2022100601/557c4a53d8b42a936c8b4773/html5/thumbnails/4.jpg)
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);
![Page 5: Initiation au JavaScript](https://reader038.fdocuments.in/reader038/viewer/2022100601/557c4a53d8b42a936c8b4773/html5/thumbnails/5.jpg)
Initiation au JavaScript | 13 octobre 2014
Commentaires
Permet d'ajouter des indications dans le code
/*Commentairesur plusieurs lignes*/
//Commentaire sur une ligne
![Page 6: Initiation au JavaScript](https://reader038.fdocuments.in/reader038/viewer/2022100601/557c4a53d8b42a936c8b4773/html5/thumbnails/6.jpg)
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.
![Page 7: Initiation au JavaScript](https://reader038.fdocuments.in/reader038/viewer/2022100601/557c4a53d8b42a936c8b4773/html5/thumbnails/7.jpg)
Initiation au JavaScript | 13 octobre 2014
Tableaux
Permet de lister des valeurs
Syntaxe :[valeur1, valeur2, valeur3]
Pour y accéder :nomdutableau[numéro]
![Page 8: Initiation au JavaScript](https://reader038.fdocuments.in/reader038/viewer/2022100601/557c4a53d8b42a936c8b4773/html5/thumbnails/8.jpg)
Initiation au JavaScript | 13 octobre 2014
Document Object Model
JavaScript permet d'accéder aux éléments du document HTML
● getElementById● getElementsByTagName● getElementsByClassName
![Page 9: Initiation au JavaScript](https://reader038.fdocuments.in/reader038/viewer/2022100601/557c4a53d8b42a936c8b4773/html5/thumbnails/9.jpg)
Initiation au JavaScript | 13 octobre 2014
Événements
Permet de réagir à une action du navigateur ou de l'utilisateur
● onload● onclick
![Page 10: Initiation au JavaScript](https://reader038.fdocuments.in/reader038/viewer/2022100601/557c4a53d8b42a936c8b4773/html5/thumbnails/10.jpg)
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
![Page 11: Initiation au JavaScript](https://reader038.fdocuments.in/reader038/viewer/2022100601/557c4a53d8b42a936c8b4773/html5/thumbnails/11.jpg)
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