Top Banner
Intro au JS (yipee ..!)
24

Intro au js

Jul 07, 2015

Download

Technology

Alexis Ohayon

Introduction to JavaScript for EFREITECH (french webmarketing school) courses.
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
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/