javascript 1.0 by zakaria smahi
DESCRIPTION
Introduction et syntaxe JavaScriptTRANSCRIPT
2
Formation
Javascript 1.0 Initiation Syntaxe DOM et CSS
Javascript 2.0 Fonctions POO (Programmation Orientée Objet)
Ajax/Jquery Ajax JQuery
3
C’est quoi JavaScript ?
Un langage de programmation script, orienté objet. Interprété souvent par le navigateur. Un langage « client ».Cependant il existe une version
pour serveurs « NodeJS ». Asynchrone. Développé par Brendan Eich de Netscape en 1995. Nom de code Mocha, renommé en LiveScript et
finalement en JavaScript. Première version en Netscape 2.0 en Septembre 1995. Intégré à NetScape Navigator pour le première fois en
1996.
4
C’est quoi JavaScript ?
Novembre 1996 : Soumission à l’ECMA et apparition de l’ECMAScript
Juin 1997 : Première version de l’ECMAScript .
Juin 2011 : ECMAScript 5.1.
La marque « JavaScript » est sous copyright de « Oracle ».
Aucun rapport avec JAVA !
JavaScript est sorti du pur web: Développement coté serveur (back-end) : NodeJS. Développement applicatif : Windows8 et Métro.
5
Outils de développement
Editeur de texte ( Notepad, Notepad++, Sublime text, Gedit, Kate, …etc.) ou bien un IDE évolué ( Visual Studio, Aptana Studio …etc.).
Navigateur Web ( Mozilla Firefox, Google Chrome, Internet Explorer, Opera …etc.).
Extension de développement web: Console de Firefox ( CTRL+Shift+K). Outils de développement web sous Chrome et IE(9 et
10) ( F12). Firebug pour les anciennes versions de Mozilla Firefox (
> 20). Dragon Fly pour Opera.
6
Js dans HTML
Le code JavaScript s'insère le plus souvent dans la page HTML elle-même.
Js peut être inséré en html en utilisant la balise <script><script language="JavaScript"> /* code Javascript */</script> on peut éventuellement insérer du code JavaScript en
faisant appel à un module externe ‘.js’
<script src="URL du module externe"> Cette balise peut-être insérée n’importe où dans la page
web: entre les Tags <body> et </body> dans le cas d’une
exécution à l’ouverture de la page. ou entre les Tags <head> et </head> de la page
HTML pour exécution différée.
7
Hello World !
document.write(‘hello world !’);
console.log(‘hello world !’);
alert(‘hello world !’);
La 1ere :c’est pour insérer du texte à l’intérieur de la page web.
La 2eme: utilisée en mode console.
La 3eme affiche un « Message Box ».
Les 3 sont des fonctions Javascript!
8
Variables
JavaScript est un langage dynamique faiblement typé.
Les types sont associés aux valeurs et non aux variables
Ex: une var x peut être associée à un numérique à un instant et une chaîne de caractères plus tard.
Les types de valeurs supportés sont: Number String Boolean Array Function Object
9
Opérateurs
+ pour l’addition et la concaténation des chaînes de caractères.
- , *.
/ pour la division flottante.
% pour le reste de la division euclidienne.
= affectation de la valeur à une variable.
== comparaison large.
=== comparaison stricte.
> , < , >= ; <= .
x ? y = z si x== true , vaut y sinon z .
10
Structures de contrôle
if(expr) { ... }, if(expr) { ... } else { ... }. if(expr) { ... } else if { ... } else if { ... } ... else
{ ... }. while(expr) { ... }. do { ... } while(expr). switch(expr) { case value1 : ... case value2 : ...
default : ... }. break. for(ini ; cond ; iter) { ... }.
11
DOM et JavaScript
DOM (Document Object Model) est un outil permettant l'accès aux documents HTML et XML.
Il fournit une représentation structurée du document.
Il codifie la manière dont un script peut accéder à cette structure.
JavaScript permet de manipuler et d’accéder au DOM.
Accès direct: getElementById, getElementsByName, getElementsByTagName
Accès relatif: getAttribute(),…etc.
12
つづく………… .