Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
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
つづく………… .
Related Documents
