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. Les algorithmes
  7. Variables et constantes
  8. Le typage
  9. Opérateurs
  10. Structures conditionnelles
  11. Structures itératives
  12. Les fonctions
  13. Fonctions natives
  14. Scope
  15. Exceptions
  16. Récursivité

Généralités

Mis à jour le

Ce cours vous permettra de maîtriser les bases de la programmation en JavaScript. Nous n'aborderons des sujets plus concrets, et appliqués au développement d'applications web modernes qu'à partir des chapitres suivant.


Voici quelques liens intéressants, à garder en tête tout au long de votre apprentissage,…

~~ Fin de l'extrait ~~

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. Ça n'est pas vraiment de la syntaxe à…

~~ Fin de l'extrait ~~

La console

Mis à jour le

Lorsque l'on fait du développement web front-end, il y a un outil qu'il faut absolument découvrir et maîtriser, c'est la console du navigateur. Elle contient toutes les informations techniques sur la page ou l'application web en cours d'exécution dans votre navigateur. Elle contient de nombreuses données, en voici quelques exemples…

~~ Fin de l'extrait ~~

Les algorithmes

Mis à jour le
Important : l'initiation à Javascript se base sur des cours qui sont communs à d'autres langages. Les notions de base de la programmation sont communes à quasiment tous les langages, donc il vous faudra suivre les liens pointant vers d'autres cours au fur et à mesure des…
~~ Fin de l'extrait ~~

Variables et constantes

Mis à jour le
Au même titre que les algorithmes, les variables sont une notion partagée par tous les langages de programmation, donc rendez-vous sur le cours générique sur les variables et constantes.


Voici une équation bien connue, représentée par une variable et une constante. Trop facile…

~~ Fin de l'extrait ~~

Le typage

Mis à jour le
Voir le cours générique sur le typage en programmation logiciel.


A retenir concernant le JS

Types disponibles :

(image visible sur la plateforme de formation)

Javascript est un langage de typage faible, mais un autre langage proche de Javascript permet de faire du…

~~ Fin de l'extrait ~~

Opérateurs

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


Voici quelques spécificités sur les opérateurs, propre à Javascript.

Les template string

La concaténation peut vite s'avérer illisible pour un humain avec les méthodes standard, croyez-moi. Donc JavaScript a incorporé une…

~~ 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
Avant de voir les boucles en JS, 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…

~~ 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,…
~~ Fin de l'extrait ~~

Fonctions natives

Mis à jour le
Rendez-vous sur le cours générique sur les fonctions natives avant de continuer :)


Maintenant que vous savez comment fonctionne une fonction utilisateur, vous allez vous rendre compte que de nombreuses fonctions natives sont déjà proposées par le langage. Vous en avez même déjà utilisé…

~~ Fin de l'extrait ~~

Scope

Mis à jour le
Voir cours sur la notion de scope en programmation.


(image visible sur la plateforme de formation)


En JS les problématiques de scope sont à peu près les même que dans les autres langages. La principale avancée qu'il y a eu récemment, c'est l'intégration du mot…

~~ Fin de l'extrait ~~

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

Récursivité

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