SlideShare une entreprise Scribd logo
À 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

Javascript pour le développeur Java
Javascript pour le développeur JavaJavascript pour le développeur Java
Javascript pour le développeur Java
jollivetc
 
Nouveautés JavaScript dans le monde Microsoft
Nouveautés JavaScript dans le monde MicrosoftNouveautés JavaScript dans le monde Microsoft
Nouveautés JavaScript dans le monde Microsoft
davrous
 
Cours JavaScript
Cours JavaScriptCours JavaScript
Cours JavaScript
Olivier Le Goaër
 
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 scala
clem_simon
 
Réu technodejs
Réu technodejsRéu technodejs
Réu technodejsnaholyr
 
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
jollivetc
 
Elasticsearch 5.0 les nouveautés
Elasticsearch 5.0 les nouveautésElasticsearch 5.0 les nouveautés
Elasticsearch 5.0 les nouveautés
Mathieu Elie
 
CocoaHeads Rennes #9 : Gestion mémoire, du débutant à l'expert
CocoaHeads Rennes #9 : Gestion mémoire, du débutant à l'expertCocoaHeads Rennes #9 : Gestion mémoire, du débutant à l'expert
CocoaHeads Rennes #9 : Gestion mémoire, du débutant à l'expert
CocoaHeadsRNS
 
JavaScript pour le développeur Java
JavaScript pour le développeur JavaJavaScript pour le développeur Java
JavaScript pour le développeur Java
jollivetc
 
EventMachine
EventMachineEventMachine
EventMachineLeTesteur
 
Séminaire Ruby on Rails (novembre 2010)
Séminaire Ruby on Rails (novembre 2010)Séminaire Ruby on Rails (novembre 2010)
Séminaire Ruby on Rails (novembre 2010)
Novelys
 
Node.js et les nouvelles technologies javascript
Node.js et les nouvelles technologies javascriptNode.js et les nouvelles technologies javascript
Node.js et les nouvelles technologies javascript
Khalid Jebbari
 
Enib cours c.a.i. web - séance #6 : introduction à node js
Enib   cours c.a.i. web - séance #6 : introduction à node jsEnib   cours c.a.i. web - séance #6 : introduction à node js
Enib cours c.a.i. web - séance #6 : introduction à node jsHoracio Gonzalez
 
CocoaHeads Toulouse - Getting to the core of Core Data
CocoaHeads Toulouse - Getting to the core of Core DataCocoaHeads Toulouse - Getting to the core of Core Data
CocoaHeads Toulouse - Getting to the core of Core DataCocoaHeads France
 
Javascript pour les Développeurs WEB
Javascript pour les Développeurs WEBJavascript pour les Développeurs WEB
Javascript pour les Développeurs WEB
Abbes Rharrab
 
Initiation au JavaScript
Initiation au JavaScriptInitiation au JavaScript
Initiation au JavaScript
StrasWeb
 
Introduction au langage Go
Introduction au langage GoIntroduction au langage Go
Introduction au langage Go
Sylvain Wallez
 

Tendances (19)

Javascript pour le développeur Java
Javascript pour le développeur JavaJavascript pour le développeur Java
Javascript pour le développeur Java
 
JAVA8, créer votre future
JAVA8, créer votre futureJAVA8, créer votre future
JAVA8, créer votre future
 
Nouveautés JavaScript dans le monde Microsoft
Nouveautés JavaScript dans le monde MicrosoftNouveautés JavaScript dans le monde Microsoft
Nouveautés JavaScript dans le monde Microsoft
 
Cours JavaScript
Cours JavaScriptCours JavaScript
Cours JavaScript
 
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
 
Réu technodejs
Réu technodejsRéu technodejs
Réu technodejs
 
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
 
Elasticsearch 5.0 les nouveautés
Elasticsearch 5.0 les nouveautésElasticsearch 5.0 les nouveautés
Elasticsearch 5.0 les nouveautés
 
CocoaHeads Rennes #9 : Gestion mémoire, du débutant à l'expert
CocoaHeads Rennes #9 : Gestion mémoire, du débutant à l'expertCocoaHeads Rennes #9 : Gestion mémoire, du débutant à l'expert
CocoaHeads Rennes #9 : Gestion mémoire, du débutant à l'expert
 
JavaScript pour le développeur Java
JavaScript pour le développeur JavaJavaScript pour le développeur Java
JavaScript pour le développeur Java
 
EventMachine
EventMachineEventMachine
EventMachine
 
Séminaire Ruby on Rails (novembre 2010)
Séminaire Ruby on Rails (novembre 2010)Séminaire Ruby on Rails (novembre 2010)
Séminaire Ruby on Rails (novembre 2010)
 
Node.js et les nouvelles technologies javascript
Node.js et les nouvelles technologies javascriptNode.js et les nouvelles technologies javascript
Node.js et les nouvelles technologies javascript
 
Enib cours c.a.i. web - séance #6 : introduction à node js
Enib   cours c.a.i. web - séance #6 : introduction à node jsEnib   cours c.a.i. web - séance #6 : introduction à node js
Enib cours c.a.i. web - séance #6 : introduction à node js
 
CocoaHeads Toulouse - Getting to the core of Core Data
CocoaHeads Toulouse - Getting to the core of Core DataCocoaHeads Toulouse - Getting to the core of Core Data
CocoaHeads Toulouse - Getting to the core of Core Data
 
Javascript pour les Développeurs WEB
Javascript pour les Développeurs WEBJavascript pour les Développeurs WEB
Javascript pour les Développeurs WEB
 
Initiation au JavaScript
Initiation au JavaScriptInitiation au JavaScript
Initiation au JavaScript
 
Introduction au langage Go
Introduction au langage GoIntroduction au langage Go
Introduction au langage Go
 

En vedette

Introduction to JavaScript
Introduction to JavaScriptIntroduction to JavaScript
Introduction to JavaScript
Bryan Basham
 
JavaScript Introduction
JavaScript IntroductionJavaScript Introduction
JavaScript Introduction
Designveloper
 
The Role Of Java Script
The Role Of Java ScriptThe Role Of Java Script
The Role Of Java Script
Christian Heilmann
 
Journey To The Front End World - Part3 - The Machine
Journey To The Front End World - Part3 - The MachineJourney To The Front End World - Part3 - The Machine
Journey To The Front End World - Part3 - The Machine
Irfan Maulana
 
Web Designing Training In Ambala! BATRA COMPUTER CENTRE
Web Designing Training In Ambala! BATRA COMPUTER CENTREWeb Designing Training In Ambala! BATRA COMPUTER CENTRE
Web Designing Training In Ambala! BATRA COMPUTER CENTRE
jatin batra
 
Basics of JavaScript
Basics of JavaScriptBasics of JavaScript
Basics of JavaScript
Bala Narayanan
 
Php Indonesia x Bliblidotcom - Architecting Scalable CSS
Php Indonesia x Bliblidotcom - Architecting Scalable CSSPhp Indonesia x Bliblidotcom - Architecting Scalable CSS
Php Indonesia x Bliblidotcom - Architecting Scalable CSS
Irfan Maulana
 
Javascript
JavascriptJavascript
JavaScript Presentation Frameworks and Libraries
JavaScript Presentation Frameworks and LibrariesJavaScript Presentation Frameworks and Libraries
JavaScript Presentation Frameworks and Libraries
Oleksii Prohonnyi
 
An Overview of HTML, CSS & Java Script
An Overview of HTML, CSS & Java ScriptAn Overview of HTML, CSS & Java Script
An Overview of HTML, CSS & Java Script
Fahim Abdullah
 
Fundamental JavaScript [UTC, March 2014]
Fundamental JavaScript [UTC, March 2014]Fundamental JavaScript [UTC, March 2014]
Fundamental JavaScript [UTC, March 2014]
Aaron Gustafson
 
16 Web & Graphic Design Trends to Watch in 2016
16 Web & Graphic Design Trends to Watch in 201616 Web & Graphic Design Trends to Watch in 2016
16 Web & Graphic Design Trends to Watch in 2016
Ernesto Olivares
 
Introduction to Javascript
Introduction to JavascriptIntroduction to Javascript
Introduction to Javascript
Amit Tyagi
 
Javascript
JavascriptJavascript
Javascript
guest03a6e6
 
Web designing avdhesh
Web designing avdheshWeb designing avdhesh
Web designing avdhesh
Avdhesh Kushwah
 
Subscriptions may soon drive consumer market
Subscriptions may soon drive consumer market Subscriptions may soon drive consumer market
Subscriptions may soon drive consumer market
eTailing India
 
HTML/CSS/JS基础
HTML/CSS/JS基础HTML/CSS/JS基础
HTML/CSS/JS基础
jay li
 
Web Designing
Web DesigningWeb Designing
Web Designing
Ram Dutt Shukla
 
reveal.js 3.0.0
reveal.js 3.0.0reveal.js 3.0.0
reveal.js 3.0.0
Hakim El Hattab
 
JavaScript Programming
JavaScript ProgrammingJavaScript Programming
JavaScript Programming
Sehwan Noh
 

En vedette (20)

Introduction to JavaScript
Introduction to JavaScriptIntroduction to JavaScript
Introduction to JavaScript
 
JavaScript Introduction
JavaScript IntroductionJavaScript Introduction
JavaScript Introduction
 
The Role Of Java Script
The Role Of Java ScriptThe Role Of Java Script
The Role Of Java Script
 
Journey To The Front End World - Part3 - The Machine
Journey To The Front End World - Part3 - The MachineJourney To The Front End World - Part3 - The Machine
Journey To The Front End World - Part3 - The Machine
 
Web Designing Training In Ambala! BATRA COMPUTER CENTRE
Web Designing Training In Ambala! BATRA COMPUTER CENTREWeb Designing Training In Ambala! BATRA COMPUTER CENTRE
Web Designing Training In Ambala! BATRA COMPUTER CENTRE
 
Basics of JavaScript
Basics of JavaScriptBasics of JavaScript
Basics of JavaScript
 
Php Indonesia x Bliblidotcom - Architecting Scalable CSS
Php Indonesia x Bliblidotcom - Architecting Scalable CSSPhp Indonesia x Bliblidotcom - Architecting Scalable CSS
Php Indonesia x Bliblidotcom - Architecting Scalable CSS
 
Javascript
JavascriptJavascript
Javascript
 
JavaScript Presentation Frameworks and Libraries
JavaScript Presentation Frameworks and LibrariesJavaScript Presentation Frameworks and Libraries
JavaScript Presentation Frameworks and Libraries
 
An Overview of HTML, CSS & Java Script
An Overview of HTML, CSS & Java ScriptAn Overview of HTML, CSS & Java Script
An Overview of HTML, CSS & Java Script
 
Fundamental JavaScript [UTC, March 2014]
Fundamental JavaScript [UTC, March 2014]Fundamental JavaScript [UTC, March 2014]
Fundamental JavaScript [UTC, March 2014]
 
16 Web & Graphic Design Trends to Watch in 2016
16 Web & Graphic Design Trends to Watch in 201616 Web & Graphic Design Trends to Watch in 2016
16 Web & Graphic Design Trends to Watch in 2016
 
Introduction to Javascript
Introduction to JavascriptIntroduction to Javascript
Introduction to Javascript
 
Javascript
JavascriptJavascript
Javascript
 
Web designing avdhesh
Web designing avdheshWeb designing avdhesh
Web designing avdhesh
 
Subscriptions may soon drive consumer market
Subscriptions may soon drive consumer market Subscriptions may soon drive consumer market
Subscriptions may soon drive consumer market
 
HTML/CSS/JS基础
HTML/CSS/JS基础HTML/CSS/JS基础
HTML/CSS/JS基础
 
Web Designing
Web DesigningWeb Designing
Web Designing
 
reveal.js 3.0.0
reveal.js 3.0.0reveal.js 3.0.0
reveal.js 3.0.0
 
JavaScript Programming
JavaScript ProgrammingJavaScript Programming
JavaScript Programming
 

Similaire à Présentation JavaScript

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
 
GetText / Rails - FR
GetText / Rails - FRGetText / Rails - FR
GetText / Rails - FR
Sylvain Abélard
 
SkillValue LesJeudis Master Class React Native
SkillValue LesJeudis Master Class React NativeSkillValue LesJeudis Master Class React Native
SkillValue LesJeudis Master Class React Native
Benoit 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
 
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
 
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
Benoit Fillon
 
Maven
MavenMaven
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 & tools
Slim Soussi
 
Chtijug springbatch 2011
Chtijug springbatch 2011Chtijug springbatch 2011
Chtijug springbatch 2011
Olivier BAZOUD
 
Spring Batch 17-05-2011
Spring Batch 17-05-2011Spring Batch 17-05-2011
Spring Batch 17-05-2011
Normandy JUG
 
Introduction Kotlin
Introduction KotlinIntroduction Kotlin
Introduction Kotlin
Romain Schlick
 
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
Association Agile Nantes
 
POO Licence L2 Partie I.pdf
POO Licence L2 Partie I.pdfPOO Licence L2 Partie I.pdf
POO Licence L2 Partie I.pdf
LarbaSAWADOGO2
 
Cours Ynov JS B1_1
Cours Ynov JS B1_1Cours Ynov JS B1_1
Cours Ynov JS B1_1
ThomasBrunet18
 
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
maru.maru
 
Cours JavaScript
Cours JavaScriptCours JavaScript
Cours JavaScript
Soufiene Bouzid
 
Usine Logicielle 2013
Usine Logicielle 2013Usine Logicielle 2013
Usine Logicielle 2013
Stéphane Liétard
 

Similaire à Présentation JavaScript (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
 
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?
 
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 !
 
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
 
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
 
Usine Logicielle 2013
Usine Logicielle 2013Usine Logicielle 2013
Usine Logicielle 2013
 

Présentation JavaScript

  • 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.