formation javascript - guide de démarrage rapide
TRANSCRIPT
![Page 1: Formation JavaScript - Guide de démarrage rapide](https://reader036.vdocuments.mx/reader036/viewer/2022062400/58e62a0f1a28ab655d8b50d5/html5/thumbnails/1.jpg)
![Page 2: Formation JavaScript - Guide de démarrage rapide](https://reader036.vdocuments.mx/reader036/viewer/2022062400/58e62a0f1a28ab655d8b50d5/html5/thumbnails/2.jpg)
À 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.
![Page 3: Formation JavaScript - Guide de démarrage rapide](https://reader036.vdocuments.mx/reader036/viewer/2022062400/58e62a0f1a28ab655d8b50d5/html5/thumbnails/3.jpg)
Avant tout, la Console Chrome
![Page 4: Formation JavaScript - Guide de démarrage rapide](https://reader036.vdocuments.mx/reader036/viewer/2022062400/58e62a0f1a28ab655d8b50d5/html5/thumbnails/4.jpg)
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.
![Page 5: Formation JavaScript - Guide de démarrage rapide](https://reader036.vdocuments.mx/reader036/viewer/2022062400/58e62a0f1a28ab655d8b50d5/html5/thumbnails/5.jpg)
Les types de donnéesA. Les primitives :• number – 1 - 2 - 1000 - 64128 – 11.6 …• string – ‘ISIMM’, "Monastir", "a" …• boolean – true, false• null• undefined
B. Les objets :• Tout le reste.
![Page 6: Formation JavaScript - Guide de démarrage rapide](https://reader036.vdocuments.mx/reader036/viewer/2022062400/58e62a0f1a28ab655d8b50d5/html5/thumbnails/6.jpg)
Déclaration d’un objet simple
![Page 7: Formation JavaScript - Guide de démarrage rapide](https://reader036.vdocuments.mx/reader036/viewer/2022062400/58e62a0f1a28ab655d8b50d5/html5/thumbnails/7.jpg)
Déclaration d’un objet simpleIl 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.
![Page 8: Formation JavaScript - Guide de démarrage rapide](https://reader036.vdocuments.mx/reader036/viewer/2022062400/58e62a0f1a28ab655d8b50d5/html5/thumbnails/8.jpg)
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 !
![Page 9: Formation JavaScript - Guide de démarrage rapide](https://reader036.vdocuments.mx/reader036/viewer/2022062400/58e62a0f1a28ab655d8b50d5/html5/thumbnails/9.jpg)
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 ».
![Page 10: Formation JavaScript - Guide de démarrage rapide](https://reader036.vdocuments.mx/reader036/viewer/2022062400/58e62a0f1a28ab655d8b50d5/html5/thumbnails/10.jpg)
Déclarer une fonction
![Page 11: Formation JavaScript - Guide de démarrage rapide](https://reader036.vdocuments.mx/reader036/viewer/2022062400/58e62a0f1a28ab655d8b50d5/html5/thumbnails/11.jpg)
Les fonctions sont des objets
![Page 12: Formation JavaScript - Guide de démarrage rapide](https://reader036.vdocuments.mx/reader036/viewer/2022062400/58e62a0f1a28ab655d8b50d5/html5/thumbnails/12.jpg)
Copier & invoquer des fonctions
![Page 13: Formation JavaScript - Guide de démarrage rapide](https://reader036.vdocuments.mx/reader036/viewer/2022062400/58e62a0f1a28ab655d8b50d5/html5/thumbnails/13.jpg)
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.
![Page 14: Formation JavaScript - Guide de démarrage rapide](https://reader036.vdocuments.mx/reader036/viewer/2022062400/58e62a0f1a28ab655d8b50d5/html5/thumbnails/14.jpg)
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é.
![Page 15: Formation JavaScript - Guide de démarrage rapide](https://reader036.vdocuments.mx/reader036/viewer/2022062400/58e62a0f1a28ab655d8b50d5/html5/thumbnails/15.jpg)
Spécificité des constructeurs•Un constructeur est une fonction.• Il est possible de tester le nom du constructeur.
![Page 16: Formation JavaScript - Guide de démarrage rapide](https://reader036.vdocuments.mx/reader036/viewer/2022062400/58e62a0f1a28ab655d8b50d5/html5/thumbnails/16.jpg)
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.
![Page 17: Formation JavaScript - Guide de démarrage rapide](https://reader036.vdocuments.mx/reader036/viewer/2022062400/58e62a0f1a28ab655d8b50d5/html5/thumbnails/17.jpg)
Passage à la pratique