Initiation Javascript

Généralités

Ce cours vous permettra de maîtriser les bases de la programmation en Javascript.

Présentation

Contrairement à HTML et CSS qui sont des langages de balisage et de style, Javascript est un langage de programmation. La différence est énorme, car en Javascript vous allez pouvoir faire des choses impossible à faire à l'aide du HTML ou CSS. Un langage de programmation vous permet de commander à votre ordinateur de :

• faire des calculs (les ordinateurs dépassent largement l'humain dans cette tâche)
  
• exécuter des instructions
  
• écrire

Javascript et HTML

Comme nous venons de le voir, Javascript est fait à la base pour "améliorer" les pages web. Et les pages web : c'est du HTML ! Il y a donc une très forte connexion entre les deux langage. Voici comment ça se passe.

Le DOM

(image visible sur la plateforme de formation)Comme nous l'avons vu sur les cours précédents, quand un navigateur reçoit une page HTML, il ne l'affiche pas "telle quelle". Il d

Syntaxe

Avant de rentrer dans le code "dur", découvrons ensemble quelques généralités sur la syntaxe de Javascript.

Appeler un script

De la même manière qu'avec le CSS, il vous faudra à un moment ou à un autre "incorporer" votre JS à votre HTML. Il y a plusieurs possibilités, plus ou moins propres, les voici :

Appeler un fichier exterieur à votre page :

La console

faire une section sur la console :

• type d'erreur
  
• fonctionnement
  
• personnaliser avec du css
  
• etc...
  

Variables, constantes, et types

Important : Avant de commencer les variables en JS, voir le cours générique sur :

1. les algorithmes
2. les variables et constantes 

Opérateurs

Voir le cours générique sur les opérateurs.

La concaténation en JS

A faire : 

• double usage du + (addition ou concaténation)
• template string
  
• fonction native type join()

Trouver spécificité JS ?

Autre opérateur JS ?

Structures conditionnelles

Voir cours générique sur les structures conditionnelles.

Il n'y a pas vraiment de particularités liées aux structures conditionnelles en JS en dehors des structures conditionnelles génériques (if, else, else if, ternaire, switch).

Structure itératives

Voir le cours générique sur les structures itératives.

Le for...of

Introduit en ES6, le for...of permet de parcourir de parcourir et d'accéder aux valeur d'un tableau de manière encore plus pratique. Plus besoin de gérer les index, for...in le fait pour vous. Il suffit juste de spécifier dans quel variable vous aller stocker les élément pour chaque itérations (

Les fonctions

Avant de parler des fonctions en JS, voir le cours générique sur les fonctions.

Syntaxe en JS

Voici la syntaxe de base d'une fonction :

function somme(a, b){
  return a + b;
}

Donc on retrouve bien notre déclaration (function), notre nom de fonction (somme), nos paramètres (a

Récursivité

Exceptions

Voir cours sur les concepts de base : http://moodle.webboy.fr/course/view.php?id=120#section-11

Exemple en JS :

try {
  console.log('try');
  let result = double(2);
  console.log(result)
} catch (error) {
  console.log('catch');
  console.error(error);
}