initiation au javascript

11

Click here to load reader

Upload: strasweb

Post on 13-Jun-2015

476 views

Category:

Internet


2 download

DESCRIPTION

JavaScript est un langage de programmation permettant d’ajouter de l’interactivité aux pages web. C’est un langage facile à apprendre et adapté aux débutants. Lors de cette formation, les participants verront les principes de base du langage et apprendront à faire réagir une page web aux actions de l’utilisateur. Des connaissances de base en HTML sont requises.

TRANSCRIPT

Page 1: Initiation au JavaScript

Initiation au JavaScript13 octobre 2014

Pierre Rudloff

Page 2: Initiation au JavaScript

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

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

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

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

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

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

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

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

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

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