Informatique


Introduction

Aller à

Hello world

"Hello world", est l'expression la plus connue des langages informatiques.
Hello world dans les différents langages.

Le lien propose la façon dont on code Hello World dans les langages informatiques, y compris en langage machine.


Pourquoi apprendre JavaScript?

Créé en 1995, JavaScript est un langage orienté objet frontend (côté client) et backend (côté serveur).

  • Il est facile à apprendre
  • La communauté des programmeurs JS est très nombreuses, ce qui permet d'avoir énormément de ressources sous forme de tutos, livres, formations en ligne, etc.
  • Il est directement interprétable par le browser
  • Il est le langage le plus utilisé dans le monde et donc le plus demandé sur le marché de l'emploi
  • Il est le plus polyvalent:
    • interfaces, animations web
    • applications web (Single Page Application)
    • applications natives avec IOS ou Android (Facebook, Uber, Instagram, Skype, etc.) grâce au framework ReactNative
    • développement d'applications de bureau avec le framework Electron.
    • développement d'applications de développement (VSCode, Atom).


Historique

Le JavaScript est un langage dont les règles syntaxiques se réfèrent à la norme ECMA (European Computer Manufacturers Association)

  • 1995, première version de JS par la société Netscape
  • 1997, ES1, soumission de JS à la norme ECMA
  • 2009, ES5, une révolution dans la syntaxe du JS
  • 2016, ES6, la dernière grande évolution de JS
  • et depuis 2017 chaque année une nouvelle norme reflètant de petites évolutions du langage

ECMA est une organisation qui fait de la standardisation, à l'heure où ces lignes sont écrites on est à la norme ECMAScript 2022 (ES 2022).


Où placer le code Javascript?

Au sein d'un fichier .js lié à la page web.

Démo
<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<script defer src="myfic.js"></script>

</head>
<body>
<h3>Mon dieu quel beau code Javascript que voilà!</h3>
</body>
</html>

L'attribut defer permet de différer l'exécution du code JS après le chargement de la page.


Cela permet aussi un chargement plus rapide de la page en empêchant que le chargement soit bloqué par la lecture/exécution du code JS.


Au sein d'une balise <script> au sein du <body>.

Démo
<!doctype html>
<html>
<head>
	<meta charset="utf-8">
</head>
<body>
<h3>Mon dieu quel beau code Javascript que voilà!</h3>
<script>
	var valeur=69;
	document.write("Ma sublime variable valeur contient: "+valeur+" !")
</script>
</body>
</html>

Il faur placer la balise script juste avant </body> afin de s'assurer que la page est complètement chargée avant l'exécution du script, cela permet également de ne pas bloquer le chargement de la page par l'obligation pour le browser d'exécuter les scripts JS avant le chargement complet de la page.


Au sein d'une balise <script> dans le <head>.

Démo
<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<script>
		var valeur=69;
		document.write("Ma sublime variable valeur contient: "+valeur+" !")
	</script>

</head>
<body>
<h3>Mon dieu quel beau code Javascript que voilà!</h3>
</body>
</html>

Pratique à éviter....


Au sein même d'une balise.

Démo
<!doctype html>
<html>
<head>
	<meta charset="utf-8">
</head>
<body  onload="alert('Coucou')">
<h3>Mon dieu quel beau code Javascript que voilà!</h3>
</body>
</html>

Pratique à éviter....



Les commentaires Javascript?

Il est important de commenter vos codes, ces commentaires sont absolument transparent pour le code lui-même.

  • On utilisera // pour les commentaires sur une ligne.
  • On utilisera /* .......*/ pour les commentaires sur plusieurs lignes.
Syntaxe
	<script>
		//Un magnifique commentaire sur une ligne
		
		/*Mais quel beau commantaire
		sur deux lignes! */
	
	<script>