Nous mettrons à jour notre Politique de confidentialité prochainement. En voici un aperçu.

L'essentiel de JavaScript

Découvrir la structure de JavaScript

Testez gratuitement nos 1336 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Dans cette vidéo, vous allez découvrir les principales caractéristiques de la syntaxe du code JavaScript.

Transcription

Dans cette vidéo vous découvrirez les bases de la syntaxe et de la structure du javascript. Commençons par deux caractéristiques importantes. Premièrement, le javascript est en texte plein c'est pourquoi n'importe quel éditeur de texte, même basique, comme le bloc note sur Windows, peut être utilisé pour écrire du javascript. La seconde caractéristique est que le javascript est un langage interprété et non un langage compilé. Cela est le cas pour d'autres technologies. Pour bien comprendre la différence, il faut savoir que dans de nombreux cas, le code que vous écrivez doit passer par un compilateur. Ce compilateur a pour mission de transformer le code que vous écrit en langage machine. Ce langage machine est, à son tour, exécuté par le système d'exploitation. C'est ainsi que fonctionne C ++, Java et bien d'autres langages. En ce qui concerne le javascript cela est très différent, vous enverrez votre javascript sous la forme d'un texte plein directement dans son environnement d'éxécution, souvent dans un navigateur web. Nous n'avons pas besoin de compiler javascript puisqu'il sera directement interprété et exécuté par le navigateur. Au niveau du langage en tant que tel sachez que javascript est sensible à la casse. Il fait la différence entre une majuscule et une minuscule. Je le répète : Javascript est sensible à la casse. Vous voyez un premier piège dans lequel vous n'avez pas envie de tomber spécialement si vous venez d'un autre langage non sensible à la casse, par exemple, Pascal ou encore comme notre HTML. Si vous décidez d'ouvrir, dans ce code HTML en ligne 8, un paragraphe avec un "p" en minuscule et de le fermer avec un "P" en majuscule, il faut sans doute mieux éviter, cela fonctionnera, le navigateur va comprendre ce que vous voulez. Vous pouvez mélanger les minuscules et les majuscules en HTML. En javascript ce type d'erreur ne fonctionnera pas du tout. Javascript vous permettra certaines approximations dans d'autres zones du langage mais pas pour l'utilisation des majuscules et des minuscules. Nous allons tout de suite aller voir cela dans le navigateur. Dans mon navigateur, j'ai une simple page HTML je me rends au niveau de mon éditeur de code pour vous montrer le code HTML qui correspond à cette page. C'est très simple et très court. A la fin de mon code, juste avant la fermeture de la balise "body", j'ajoute une balise supplémentaire, la balise "script". Les petites listes déroulantes apparaissent automatiquement, Brackets nous aide à générer ce code. Brackets générera automatiquement la balise de fermeture. C'est très pratique et rapide. C'est dans ce bloc "script" que j'écrirai ma première instruction javascript. Une simple alerte pour commencer avec un message "Bonjour tout le monde". Je sauvegarde, je vais dans mon navigateur je rafraichis ma page, et mon alerte apparait "Bonjour tout le monde". Quand je clique sur ok la boite d'alerte disparait, l'exécution de mon script est à présent terminé. Je reviens dans Brackets pour vous montrer que javascript est sensible à la casse. Je remplace ce "a" en minuscule par un "A' en majuscule, je sauvegarde, je reviens dans mon navigateur, je rafraichis ma page, le message d'alerte n'apparait plus. Je me rends dans mes outils de développement pour vous montrer qu'une erreur apparait dans ma console. L'erreur a eu lieu dans le fichier simple.html en ligne 20 : "Alert is not defined". Alerte avec un "A" est un mot clé qui n'est plus reconnu par le moteur javascript de google chrome. Je reviens dans Brackets, mon éditeur, pour remettre un "a" en minuscule cela fonctionne très bien. Vous avez la preuve que le javascript est regardant sur l'utilisation des majuscules et des minuscules. Le javascrit est bel et bien sensible à la casse. Je vais maintenant me concentrer sur la fin de cette phrase en javascript. A la fin ici j'ai un ";" le ";" est au javascript ce que le "." est au français. Le "." en français marque la fin de phrase, en javascript nous utilisons le ";" pour signifier la fin d'une instruction. Je peux imaginer avoir sur une même ligne de code plusieurs instructions qui se suivent à la queuleuleu. Je vais simplement mettre ici "Au revoir tout le monde" et voyons si cela fonctionne. Je sauvegarde, je me rends dans mon navigateur et je rafraichis ma page. Pour ma première instruction "Bonjour tout le monde" et ma seconde alerte "Au revoir tout le monde" je clique sur ok et mon script est à présent terminé. Cela fonctionne très bien, javascript me permet d'avoir à la queuleuleu plusieurs instructions sur une seule ligne de code. Cela est permis mais nous ne le ferons pas. Nous préférerons mettre une instruction javascript par ligne de code. Cela est beaucoup plus lisible ainsi. Si vous imaginez avoir dans la console une erreur en ligne 21 si vous avez une seule instruction javascript sur votre ligne 21, vous saurez, sans ambiguité possible, quelle instruction génère cette erreur. Donc ou se trouve votre erreur et comment la déboguer. Si vous avez plusieurs instructions à la queuleuleu sur cette ligne 21 cela sera plus difficile de détecter l'instruction qui génère cette erreur. Une des meilleures pratiques est de prendre l'habitude de mettre une instruction en javascript pour chaque ligne de code. Cela est plus lisible et plus facile. Je vais supprimer cette seconde alerte et supprimer le ";" à la fin de la première alerte. Je sauvegarde, je reviens dans google chrome et je rafraichis ma page. Cela fonctionne toujours très bien, vous voyez mon message "Bonjour tout le monde". Cela voudrait-il dire que le ";" n'est pas requis ? En effet, javascript est regardant sur l'uitlisation des majuscules et minuscules il est beaucoup plus permissif sur la présence ou l'absence de ce ";". Cela fonctionnera que vous le mettiez ou non. Ne vous réjouissez pas pour autant. Habituons-nous à mettre un ";" à la fin de nos instructions javascript, même si cela n'est pas requis techniquement. Dans certains cas, ne pas mettre de ";" vous causera des problèmes. Par contre si vous le mettez quand même, il n'y aura aucun souci. Autant ne pas tenter le diable et écrire du code de façon claire. Une seconde pratique à adopter est de prendre l'habitude de terminer nos instructions javascript systématiquement par un ";". Nous considérerons ce ";" comme une obligation. Javascript n'est pas très regardant sur la présence de ce ";". Javascript n'est pas très regardant sur les espaces. Si je mets des espaces ici dans mon instruction javascript, ces espaces n'auront aucune influence sur l'exécution de ce code. Je sauvegarde, je reviens dans google chrome, je rafraichis ma page, C'est comme s'il n'y avait pas d'espace. Le javascript ignore ces espaces. Si jamais vous décidez, quand vous écrivez du javascript, si cela est plus naturel ou plus lisible pour vous de rajouter des espaces, allez-y, ils n'auront aucune influence sur l'exécution du javascript. Evidemment nous n'en mettrons pas partout que ce soit prévu ou accepté. Nous n'en mettrons pas inutilement. De plus, dans les guillements, dans les chaines de caractère les espaces comptent. Si je mets des expaces que je sauvegarde, que je reviens dans google chrome, vous voyez que mes espaces influencent mon message. C'est pourquoi, attention dans les chaines de caractère à ces guillemets qui s'ouvrent et qui se ferment, car tous les caractères, y compris les espaces, comptent.

L'essentiel de JavaScript

​Ajoutez des fonctionnalités interactives à vos pages web avec JavaScript. Découvrez la syntaxe, le DOM, l'utilisation des bibliothèques JavaScript populaires, etc.

Aucun commentaire n´est disponible actuellement
 
Logiciel :
Spécial abonnés
Votre/vos formateur(s) :
Date de parution :26 avr. 2016
Durée :5h09 (47 vidéos)

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !