Intro au js

24
Intro au JS (yipee ..!)

description

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

Transcript of Intro au js

Page 1: Intro au js

Intro au JS

(yipee ..!)

Page 2: Intro au js

Alexis Ohayon 06 66 85 14 21 [email protected]

Jonathan Asquier

06 86 08 80 29 [email protected]

(On it’s way to control the world)

Page 3: Intro au js

La petite histoire

Brendan EichEn, El Padre

Page 4: Intro au js

La petite histoire

OMFG …

Page 5: Intro au js

La petite histoire

•  LiveScript -> JavaScript (1995)

•  AUCUN RAPPORT AVEC LE JAVA

•  Basé sur ECMAscript (ES5)

•  Beaucoup de dérivés : •  Jscript (IE) •  ActionScript (Adobe) •  …

 

Page 6: Intro au js

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.  

Page 7: Intro au js

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 ..?)

Page 8: Intro au js

Le JavaScript

Hell yeah !

Page 9: Intro au js

Le JavaScript •  Ouvrir des pop-up •  Faire défiler un texte •  Créer un diapo •  Créer Facebook •  Changer le monde •  …

 

You’re here

Page 10: Intro au js

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 !

Page 11: Intro au js

Le JavaScript So what ?

•  Scripts •  Non compilé •  Langage orienté objet •  Exécuté directement dans le navigateur web

 

Page 12: Intro au js

Le JavaScript So what ?

•  Scripts •  Non compilé •  Langage orienté objet •  Exécuté directement dans le navigateur web

  Huh…

Page 13: Intro au js

Le JavaScript

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

 

Okay !

Page 14: Intro au js

Le JavaScript

Page 15: Intro au js

La base

Page 16: Intro au js

La base

Page 17: Intro au js

Yeh, right ?

Page 18: Intro au js

Un peu de syntaxe

Page 19: Intro au js

Un peu de syntaxe

Page 20: Intro au js

Un peu de syntaxe Donc indentez

Page 21: Intro au js

Un peu de syntaxe Donc indentez

& commentez

Page 22: Intro au js

Positionnement « Dans la page »

Page 23: Intro au js

Positionnement « Dans un fichier

externe »

That’s actually better..

Page 24: Intro au js

Your turn …

Sources : http://openclassrooms.com/