SlideShare une entreprise Scribd logo
1  sur  17
À propos de Tarek Jellali
• Développeur JavaScript frontend & backend.
• Webdesigner et intégrateur Web.
• Passionné des nouvelles technologies Web et
OpenSource.
• Co-fondateur de ng-enious.
Avant tout, la Console Chrome
JavaScript n’est pas Java
• La confusion est courante.
• Java est un langage de programmation à part.
• JavaScript a une syntaxe très proche du C.
• Des objets mais pas de classes en JavaScript (Seulement en ES6).
• JavaScript est un langage de programmation très différent du Java.
• JavaScript peut être exécuté en étant interprété par le navigateur du
client.
• JavaScript peut aussi être exécuté côté serveur via Node.js.
Les types de données
A. Les primitives :
• number – 1 - 2 - 1000 - 64128 – 11.6 …
• string – ‘ISIMM’, "Monastir", "a" …
• boolean – true, false
• null
• undefined
B. Les objets :
• Tout le reste.
Déclaration d’un objet simple
Déclaration d’un objet simple
Il est possible d’ajouter une
fonction dans notre objet,
cette fonction s’appelle
alors une « méthode » que
l’on peut appeler comme
une méthode d’objet très
simplement.
Les tableaux
• Ce sont aussi des objets !
• Intègrent des méthodes d’auto-
incrémentation.
• Intègrent des méthodes très
utiles.
• Peuvent être traités comme des
piles ou files !
Les fonctions
• Les fonctions sont des objets.
• Toutes les fonctions ont des propriétés.
• Toutes les fonctions ont des méthodes.
• On peut copier une fonction, la supprimer, la
surcharger…
• Peuvent être « invoqués ».
Déclarer une fonction
Les fonctions sont des objets
Copier & invoquer des
fonctions
Spécificité des fonctions
• Toutes les fonctions retournent une valeur.
• Si aucune valeur n’est spécifiée, elle retournera
implicitement « undefined ».
• Les fonctions peuvent retourner des objets et des
fonctions.
• On peut passer une fonction dans le paramètre d’une
autre fonction.
Les constructeurs
• Sont invoqués avec le mot clé
« new » et retournent un objet
« this ».
• Il est possible de modifier l’objet
« this » avant qu’il ne soit
retourné.
Spécificité des constructeurs
•Un constructeur est
une fonction.
•Il est possible de tester
le nom du
constructeur.
L’objet console
• Spécifique au navigateur.
• Permet d’afficher des
donnés visibles
uniquement pour le
développeur.
• Très utile pour le
développement et les
tests.
Passage à la
pratique

Contenu connexe

Tendances

Présentation de ECMAScript 6
Présentation de ECMAScript 6Présentation de ECMAScript 6
Présentation de ECMAScript 6Julien CROUZET
 
Guide javascript
Guide javascriptGuide javascript
Guide javascriptjollivetc
 
Javascript les générateurs (generators)
Javascript   les générateurs (generators)Javascript   les générateurs (generators)
Javascript les générateurs (generators)Julien CROUZET
 
Notions de base de JavaScript
Notions de base de JavaScriptNotions de base de JavaScript
Notions de base de JavaScriptKristen Le Liboux
 
Introduction à scala
Introduction à scalaIntroduction à scala
Introduction à scalaSOAT
 
Les Promises en Javascript
Les Promises en JavascriptLes Promises en Javascript
Les Promises en JavascriptBenoit Zohar
 
JavaScript pour le développeur Java
JavaScript pour le développeur JavaJavaScript pour le développeur Java
JavaScript pour le développeur Javajollivetc
 
Tour d’horizon de scala
Tour d’horizon de scalaTour d’horizon de scala
Tour d’horizon de scalaBenoit Wilcox
 
Présentation (brève) de scala
Présentation (brève) de scalaPrésentation (brève) de scala
Présentation (brève) de scalaclem_simon
 
JavaScript pour le développeur Java
JavaScript pour le développeur JavaJavaScript pour le développeur Java
JavaScript pour le développeur Javajollivetc
 
Javascript as a first programming language : votre IC prête pour la révolution !
Javascript as a first programming language : votre IC prête pour la révolution !Javascript as a first programming language : votre IC prête pour la révolution !
Javascript as a first programming language : votre IC prête pour la révolution !VISEO
 
Pourquoi et comment j'ai appris JavaScript
Pourquoi et comment j'ai appris JavaScriptPourquoi et comment j'ai appris JavaScript
Pourquoi et comment j'ai appris JavaScriptjollivetc
 
Cappuccino - ou comment créer une application web en 5 minutes
Cappuccino - ou comment créer une application web en 5 minutes Cappuccino - ou comment créer une application web en 5 minutes
Cappuccino - ou comment créer une application web en 5 minutes Geeks Anonymes
 

Tendances (18)

Cours javascript v1
Cours javascript v1Cours javascript v1
Cours javascript v1
 
Présentation de ECMAScript 6
Présentation de ECMAScript 6Présentation de ECMAScript 6
Présentation de ECMAScript 6
 
Guide javascript
Guide javascriptGuide javascript
Guide javascript
 
Javascript les générateurs (generators)
Javascript   les générateurs (generators)Javascript   les générateurs (generators)
Javascript les générateurs (generators)
 
Notions de base de JavaScript
Notions de base de JavaScriptNotions de base de JavaScript
Notions de base de JavaScript
 
Formation VBA Excel
Formation VBA ExcelFormation VBA Excel
Formation VBA Excel
 
Introduction à scala
Introduction à scalaIntroduction à scala
Introduction à scala
 
Les Promises en Javascript
Les Promises en JavascriptLes Promises en Javascript
Les Promises en Javascript
 
JavaScript pour le développeur Java
JavaScript pour le développeur JavaJavaScript pour le développeur Java
JavaScript pour le développeur Java
 
Change mind about JS
Change mind about JSChange mind about JS
Change mind about JS
 
Tour d’horizon de scala
Tour d’horizon de scalaTour d’horizon de scala
Tour d’horizon de scala
 
Présentation (brève) de scala
Présentation (brève) de scalaPrésentation (brève) de scala
Présentation (brève) de scala
 
JavaScript pour le développeur Java
JavaScript pour le développeur JavaJavaScript pour le développeur Java
JavaScript pour le développeur Java
 
La programmation fonctionnelle en javascript / PF
La programmation fonctionnelle en javascript / PFLa programmation fonctionnelle en javascript / PF
La programmation fonctionnelle en javascript / PF
 
Javascript as a first programming language : votre IC prête pour la révolution !
Javascript as a first programming language : votre IC prête pour la révolution !Javascript as a first programming language : votre IC prête pour la révolution !
Javascript as a first programming language : votre IC prête pour la révolution !
 
Pourquoi et comment j'ai appris JavaScript
Pourquoi et comment j'ai appris JavaScriptPourquoi et comment j'ai appris JavaScript
Pourquoi et comment j'ai appris JavaScript
 
Cappuccino - ou comment créer une application web en 5 minutes
Cappuccino - ou comment créer une application web en 5 minutes Cappuccino - ou comment créer une application web en 5 minutes
Cappuccino - ou comment créer une application web en 5 minutes
 
JAVA 8
JAVA 8JAVA 8
JAVA 8
 

En vedette

Leconditionnelpasse
LeconditionnelpasseLeconditionnelpasse
LeconditionnelpasseAle jurj
 
Présentation de Clear Smile
Présentation de Clear SmilePrésentation de Clear Smile
Présentation de Clear SmileClear Smile
 
Bpm azure gpn6 automatiza procesos v1
Bpm azure gpn6 automatiza procesos v1Bpm azure gpn6 automatiza procesos v1
Bpm azure gpn6 automatiza procesos v1Juan Cabello
 
Document
DocumentDocument
DocumentViewOn
 
L'Hyperalgésie secondaire expliquée à partir d'un cas clinique
L'Hyperalgésie secondaire expliquée à partir d'un cas cliniqueL'Hyperalgésie secondaire expliquée à partir d'un cas clinique
L'Hyperalgésie secondaire expliquée à partir d'un cas cliniquedoctiti
 
Toulouse déclin ou accident
Toulouse   déclin ou accidentToulouse   déclin ou accident
Toulouse déclin ou accidentMarc De Jongy
 
Saisine du conseil des prud’hommes
Saisine du conseil des prud’hommesSaisine du conseil des prud’hommes
Saisine du conseil des prud’hommesAnneLaureBENABEN
 
Fenómenos paranormales (1)
Fenómenos paranormales (1)Fenómenos paranormales (1)
Fenómenos paranormales (1)Nicol Rueda
 
Les "5 à 7" en vidéo
Les "5 à 7" en vidéoLes "5 à 7" en vidéo
Les "5 à 7" en vidéoADBS
 
LE VIN 2.0 '11 - Débat 01 Intervenant 01 - "Communication du vin et internati...
LE VIN 2.0 '11 - Débat 01 Intervenant 01 - "Communication du vin et internati...LE VIN 2.0 '11 - Débat 01 Intervenant 01 - "Communication du vin et internati...
LE VIN 2.0 '11 - Débat 01 Intervenant 01 - "Communication du vin et internati...Vinternet
 
Poursuite d'études filière L
Poursuite d'études filière LPoursuite d'études filière L
Poursuite d'études filière Lgladysdousson
 
SAINT-WITZ DEMAIN #5 - BuZzz !
SAINT-WITZ DEMAIN #5 - BuZzz ! SAINT-WITZ DEMAIN #5 - BuZzz !
SAINT-WITZ DEMAIN #5 - BuZzz ! SAINT-WITZ DEMAIN
 
Travailler en lignes ou colonnes avec Microsoft Excel ?
Travailler en lignes ou colonnes avec Microsoft Excel ?Travailler en lignes ou colonnes avec Microsoft Excel ?
Travailler en lignes ou colonnes avec Microsoft Excel ?Prénom Nom de famille
 

En vedette (20)

Facebook
FacebookFacebook
Facebook
 
Leconditionnelpasse
LeconditionnelpasseLeconditionnelpasse
Leconditionnelpasse
 
Présentation de Clear Smile
Présentation de Clear SmilePrésentation de Clear Smile
Présentation de Clear Smile
 
Resumé
ResuméResumé
Resumé
 
Bpm azure gpn6 automatiza procesos v1
Bpm azure gpn6 automatiza procesos v1Bpm azure gpn6 automatiza procesos v1
Bpm azure gpn6 automatiza procesos v1
 
Document
DocumentDocument
Document
 
L'Hyperalgésie secondaire expliquée à partir d'un cas clinique
L'Hyperalgésie secondaire expliquée à partir d'un cas cliniqueL'Hyperalgésie secondaire expliquée à partir d'un cas clinique
L'Hyperalgésie secondaire expliquée à partir d'un cas clinique
 
pictures
picturespictures
pictures
 
Avisos Parroquiales May 01 16
Avisos Parroquiales May 01 16Avisos Parroquiales May 01 16
Avisos Parroquiales May 01 16
 
Toulouse déclin ou accident
Toulouse   déclin ou accidentToulouse   déclin ou accident
Toulouse déclin ou accident
 
Saisine du conseil des prud’hommes
Saisine du conseil des prud’hommesSaisine du conseil des prud’hommes
Saisine du conseil des prud’hommes
 
Fenómenos paranormales (1)
Fenómenos paranormales (1)Fenómenos paranormales (1)
Fenómenos paranormales (1)
 
Les "5 à 7" en vidéo
Les "5 à 7" en vidéoLes "5 à 7" en vidéo
Les "5 à 7" en vidéo
 
LE VIN 2.0 '11 - Débat 01 Intervenant 01 - "Communication du vin et internati...
LE VIN 2.0 '11 - Débat 01 Intervenant 01 - "Communication du vin et internati...LE VIN 2.0 '11 - Débat 01 Intervenant 01 - "Communication du vin et internati...
LE VIN 2.0 '11 - Débat 01 Intervenant 01 - "Communication du vin et internati...
 
Poursuite d'études filière L
Poursuite d'études filière LPoursuite d'études filière L
Poursuite d'études filière L
 
Narcotráfico y el consumo de drogas
Narcotráfico y el consumo de drogasNarcotráfico y el consumo de drogas
Narcotráfico y el consumo de drogas
 
SAINT-WITZ DEMAIN #5 - BuZzz !
SAINT-WITZ DEMAIN #5 - BuZzz ! SAINT-WITZ DEMAIN #5 - BuZzz !
SAINT-WITZ DEMAIN #5 - BuZzz !
 
CV alain
CV alainCV alain
CV alain
 
Travailler en lignes ou colonnes avec Microsoft Excel ?
Travailler en lignes ou colonnes avec Microsoft Excel ?Travailler en lignes ou colonnes avec Microsoft Excel ?
Travailler en lignes ou colonnes avec Microsoft Excel ?
 
Astana kazakhstan
Astana kazakhstanAstana kazakhstan
Astana kazakhstan
 

Similaire à Formation JavaScript - Guide de démarrage rapide

Langage Java et Programmation Orienté Objet
Langage Java et Programmation Orienté ObjetLangage Java et Programmation Orienté Objet
Langage Java et Programmation Orienté ObjetMohammed Jaafar
 
Drupagora 2014 : Reprendre un projet avec Drupal quand on a des centaines de...
Drupagora 2014 :  Reprendre un projet avec Drupal quand on a des centaines de...Drupagora 2014 :  Reprendre un projet avec Drupal quand on a des centaines de...
Drupagora 2014 : Reprendre un projet avec Drupal quand on a des centaines de...Core-Techs
 
SkillValue LesJeudis Master Class React Native
SkillValue LesJeudis Master Class React NativeSkillValue LesJeudis Master Class React Native
SkillValue LesJeudis Master Class React NativeBenoit Fillon
 
.Net pour le développeur Java - une source d'inspiration?
.Net pour le développeur Java - une source d'inspiration?.Net pour le développeur Java - une source d'inspiration?
.Net pour le développeur Java - une source d'inspiration?Rui Carvalho
 
20180628 skill value_masterclass_reactnative - v1.3
20180628 skill value_masterclass_reactnative - v1.320180628 skill value_masterclass_reactnative - v1.3
20180628 skill value_masterclass_reactnative - v1.3Benoit Fillon
 
Alphorm.com Formation Java, les fondamentaux
Alphorm.com Formation Java, les fondamentaux Alphorm.com Formation Java, les fondamentaux
Alphorm.com Formation Java, les fondamentaux Alphorm
 
Javascript & tools
Javascript & toolsJavascript & tools
Javascript & toolsSlim Soussi
 
Chtijug springbatch 2011
Chtijug springbatch 2011Chtijug springbatch 2011
Chtijug springbatch 2011Olivier BAZOUD
 
Spring Batch 17-05-2011
Spring Batch 17-05-2011Spring Batch 17-05-2011
Spring Batch 17-05-2011Normandy JUG
 
Patrons de conception de la programmation fonctionnelle
Patrons de conception de la programmation fonctionnellePatrons de conception de la programmation fonctionnelle
Patrons de conception de la programmation fonctionnelleAssociation Agile Nantes
 
POO Licence L2 Partie I.pdf
POO Licence L2 Partie I.pdfPOO Licence L2 Partie I.pdf
POO Licence L2 Partie I.pdfLarbaSAWADOGO2
 
jQuery mobile / PhoneGap : contenus dynamiques client-side
jQuery mobile / PhoneGap : contenus dynamiques client-sidejQuery mobile / PhoneGap : contenus dynamiques client-side
jQuery mobile / PhoneGap : contenus dynamiques client-sidemaru.maru
 

Similaire à Formation JavaScript - Guide de démarrage rapide (20)

Langage Java et Programmation Orienté Objet
Langage Java et Programmation Orienté ObjetLangage Java et Programmation Orienté Objet
Langage Java et Programmation Orienté Objet
 
Drupagora 2014 : Reprendre un projet avec Drupal quand on a des centaines de...
Drupagora 2014 :  Reprendre un projet avec Drupal quand on a des centaines de...Drupagora 2014 :  Reprendre un projet avec Drupal quand on a des centaines de...
Drupagora 2014 : Reprendre un projet avec Drupal quand on a des centaines de...
 
GetText / Rails - FR
GetText / Rails - FRGetText / Rails - FR
GetText / Rails - FR
 
GetText / Rails
GetText / RailsGetText / Rails
GetText / Rails
 
SkillValue LesJeudis Master Class React Native
SkillValue LesJeudis Master Class React NativeSkillValue LesJeudis Master Class React Native
SkillValue LesJeudis Master Class React Native
 
.Net pour le développeur Java - une source d'inspiration?
.Net pour le développeur Java - une source d'inspiration?.Net pour le développeur Java - une source d'inspiration?
.Net pour le développeur Java - une source d'inspiration?
 
20180628 skill value_masterclass_reactnative - v1.3
20180628 skill value_masterclass_reactnative - v1.320180628 skill value_masterclass_reactnative - v1.3
20180628 skill value_masterclass_reactnative - v1.3
 
Maven
MavenMaven
Maven
 
Alphorm.com Formation Java, les fondamentaux
Alphorm.com Formation Java, les fondamentaux Alphorm.com Formation Java, les fondamentaux
Alphorm.com Formation Java, les fondamentaux
 
Javascript & tools
Javascript & toolsJavascript & tools
Javascript & tools
 
Chtijug springbatch 2011
Chtijug springbatch 2011Chtijug springbatch 2011
Chtijug springbatch 2011
 
Spring Batch 17-05-2011
Spring Batch 17-05-2011Spring Batch 17-05-2011
Spring Batch 17-05-2011
 
Rails 3 au Djangocong
Rails 3 au DjangocongRails 3 au Djangocong
Rails 3 au Djangocong
 
Introduction Kotlin
Introduction KotlinIntroduction Kotlin
Introduction Kotlin
 
Patrons de conception de la programmation fonctionnelle
Patrons de conception de la programmation fonctionnellePatrons de conception de la programmation fonctionnelle
Patrons de conception de la programmation fonctionnelle
 
4711538.pptx
4711538.pptx4711538.pptx
4711538.pptx
 
POO Licence L2 Partie I.pdf
POO Licence L2 Partie I.pdfPOO Licence L2 Partie I.pdf
POO Licence L2 Partie I.pdf
 
Cours Ynov JS B1_1
Cours Ynov JS B1_1Cours Ynov JS B1_1
Cours Ynov JS B1_1
 
jQuery mobile / PhoneGap : contenus dynamiques client-side
jQuery mobile / PhoneGap : contenus dynamiques client-sidejQuery mobile / PhoneGap : contenus dynamiques client-side
jQuery mobile / PhoneGap : contenus dynamiques client-side
 
Cours JavaScript
Cours JavaScriptCours JavaScript
Cours JavaScript
 

Formation JavaScript - Guide de démarrage rapide

  • 1.
  • 2. À propos de Tarek Jellali • Développeur JavaScript frontend & backend. • Webdesigner et intégrateur Web. • Passionné des nouvelles technologies Web et OpenSource. • Co-fondateur de ng-enious.
  • 3. Avant tout, la Console Chrome
  • 4. JavaScript n’est pas Java • La confusion est courante. • Java est un langage de programmation à part. • JavaScript a une syntaxe très proche du C. • Des objets mais pas de classes en JavaScript (Seulement en ES6). • JavaScript est un langage de programmation très différent du Java. • JavaScript peut être exécuté en étant interprété par le navigateur du client. • JavaScript peut aussi être exécuté côté serveur via Node.js.
  • 5. Les types de données A. Les primitives : • number – 1 - 2 - 1000 - 64128 – 11.6 … • string – ‘ISIMM’, "Monastir", "a" … • boolean – true, false • null • undefined B. Les objets : • Tout le reste.
  • 7. Déclaration d’un objet simple Il est possible d’ajouter une fonction dans notre objet, cette fonction s’appelle alors une « méthode » que l’on peut appeler comme une méthode d’objet très simplement.
  • 8. Les tableaux • Ce sont aussi des objets ! • Intègrent des méthodes d’auto- incrémentation. • Intègrent des méthodes très utiles. • Peuvent être traités comme des piles ou files !
  • 9. Les fonctions • Les fonctions sont des objets. • Toutes les fonctions ont des propriétés. • Toutes les fonctions ont des méthodes. • On peut copier une fonction, la supprimer, la surcharger… • Peuvent être « invoqués ».
  • 11. Les fonctions sont des objets
  • 12. Copier & invoquer des fonctions
  • 13. Spécificité des fonctions • Toutes les fonctions retournent une valeur. • Si aucune valeur n’est spécifiée, elle retournera implicitement « undefined ». • Les fonctions peuvent retourner des objets et des fonctions. • On peut passer une fonction dans le paramètre d’une autre fonction.
  • 14. Les constructeurs • Sont invoqués avec le mot clé « new » et retournent un objet « this ». • Il est possible de modifier l’objet « this » avant qu’il ne soit retourné.
  • 15. Spécificité des constructeurs •Un constructeur est une fonction. •Il est possible de tester le nom du constructeur.
  • 16. L’objet console • Spécifique au navigateur. • Permet d’afficher des donnés visibles uniquement pour le développeur. • Très utile pour le développement et les tests.