Votre guide dans les plaines du far-web

Devenez développeur web

Formations en ligne pour apprendre le développement web


« Donne un poisson à un homme, tu le nourris pour un jour. Apprends lui à pêcher, tu le nourris pour toujours. » Lao Tseu

Initiation Javascript

Ce cours fait partie du programme de formation en ligne, vous devez être inscrit pour avoir accès à la totalité du cours.

Généralités

Mis à jour le

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

Présentation

Mis à jour le

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
Fin de l'extrait.

Javascript et HTML

Mis à jour le

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

Fin de l'extrait.

Syntaxe

Mis à jour le

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 :

Fin de l'extrait.

La console

Mis à jour le

faire une section sur la console :

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

Variables, constantes, et types

Mis à jour le

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

  1. les algorithmes
  2. les variables et constantes 
Fin de l'extrait.

Opérateurs

Mis à jour le

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 ?


Fin de l'extrait.

Structures conditionnelles

Mis à jour le

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

Mis à jour le

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 (

Fin de l'extrait.

Les fonctions

Mis à jour le

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

Fin de l'extrait.

Récursivité

Mis à jour le

Voir le cours la récursivité dans la catégorie des concepts de la programmation.

Exceptions

Mis à jour le

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);
}