Introduction to JavaScript for EFREITECH (french webmarketing school) courses.

1. Intro au JS
(yipee ..!)

2. Alexis Ohayon
06 66 85 14 21
alexis@taketracker.com
Jonathan Asquier
06 86 08 80 29
jonathan@taketracker.com
(On it’s way to control the world)

3. La petite histoire
Brendan EichEn, El Padre

4. La petite histoire
OMFG …

5. La petite histoire
• LiveScript -> JavaScript (1995)
• AUCUN RAPPORT AVEC LE JAVA
• Basé sur ECMAscript (ES5)
• Beaucoup de dérivés :
• Jscript (IE)
• ActionScript (Adobe)
• …

6. Le JavaScript
Le
JavaScript
est
un
langage
de
script
basé
sur
la
norme
ECMAScript.
Il
s'insère
dans
le
code
(x)HTML
d'une
page
web,
et
permet
d'en
augmenter
le
spectre
des
possibilités.
Ce
langage
de
POO
[ProgrammaIon
Orientée
Objet],
faiblement
typé,
est
exécuté
côté
client.

7. Le JavaScript
Le
JavaScript
est
un
langage
de
script
basé
sur
la
norme
ECMAScript.
Il
s'insère
dans
le
code
(x)HTML
d'une
page
web,
et
permet
d'en
augmenter
le
spectre
des
possibilités.
Ce
langage
de
POO
[ProgrammaIon
Orientée
Objet],
faiblement
typé,
est
exécuté
côté
client.
(WTF ..?)

8. Le JavaScript
Hell yeah !

9. Le JavaScript
•
•
•
•
•
•
Ouvrir des pop-up
Faire défiler un texte
Créer un diapo
Créer Facebook
Changer le monde
…
You’re here

10. Le JavaScript
•
•
•
•
•
•
Ouvrir des pop-up
Faire défiler un texte
Créer un diapo
Créer Facebook
Changer le monde
…
We’ll get you
there !

11. Le JavaScript
So what ?
•
•
•
•
Scripts
Non compilé
Langage orienté objet
Exécuté directement dans le navigateur web

12. Le JavaScript
So what ?
•
•
•
•
Scripts
Non compilé
Langage orienté objet
Exécuté directement dans le navigateur web
Huh…

13. Le JavaScript
•
•
•
•
Script … comme dans JavaScript.
Script ≠ langage compilé
Script = langage interprété
Interprète : navigateur web (client)
Okay !

14. Le JavaScript

15. La base

16. La base

17. Yeh, right ?

18. Un peu de syntaxe

19. Un peu de syntaxe

20. Un peu de syntaxe
Donc indentez

21. Un peu de syntaxe
Donc indentez
& commentez

22. Positionnement
« Dans la page »

23. Positionnement
« Dans un fichier
externe »
That’s actually better..

24. Your turn …
Sources : http://openclassrooms.com/