Intro au js

Post on 07-Jul-2015

97 views 0 download

description

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

Transcript of Intro au js

Intro au JS

(yipee ..!)

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)

La petite histoire

Brendan EichEn, El Padre

La petite histoire

OMFG …

La petite histoire

•  LiveScript -> JavaScript (1995)

•  AUCUN RAPPORT AVEC LE JAVA

•  Basé sur ECMAscript (ES5)

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

 

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.  

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

Le JavaScript

Hell yeah !

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

 

You’re here

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 !

Le JavaScript So what ?

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

 

Le JavaScript So what ?

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

  Huh…

Le JavaScript

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

 

Okay !

Le JavaScript

La base

La base

Yeh, right ?

Un peu de syntaxe

Un peu de syntaxe

Un peu de syntaxe Donc indentez

Un peu de syntaxe Donc indentez

& commentez

Positionnement « Dans la page »

Positionnement « Dans un fichier

externe »

That’s actually better..

Your turn …

Sources : http://openclassrooms.com/