Votre guide dans les plaines du far-web

Formation développeur 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 est gratuit

Accéder au cours
  1. Généralités
  2. Présentation
  3. Javascript et HTML
  4. Syntaxe
  5. La console
  6. Variables, constantes, et types
  7. Opérateurs
  8. Structures conditionnelles
  9. Structures itératives
  10. Les fonctions
  11. Récursivité
  12. Exceptions

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…

~~ 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)

~~ 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…

~~ 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 
  3. les types.


Utilisation des variables en JS

Faire spécificités à JS ici avec des…

~~ 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 ?


Voici quelques exercices simples qui permettent de travailler les différentes notions que nous avons vu ensemble…

~~ 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).

~~ Fin de l'extrait ~~

Structures 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 et d'accéder aux valeurs 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…

~~ 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 sur les exceptions.


Exemple en JS :

try {
console.log('try');
let result = double(2);
console.log(result)
} catch (error) {
console.log('catch');
console.error(error);
}
~~ Fin de l'extrait ~~