Généralités
Mis à jour leCe 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,…
Vous devez être inscris pour voir le contenu complet de cette section (64 mots supplémentaires ).
Présentation
Mis à jour leContrairement à 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 ~~Vous devez être inscris pour voir le contenu complet de cette section (1333 mots supplémentaires ).
Javascript et HTML
Mis à jour leComme 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 ~~Vous devez être inscris pour voir le contenu complet de cette section (1454 mots supplémentaires ).
Syntaxe
Mis à jour leAvant 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 ~~Vous devez être inscris pour voir le contenu complet de cette section (1197 mots supplémentaires ).
La console
Mis à jour leLorsque 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 ~~Vous devez être inscris pour voir le contenu complet de cette section (290 mots supplémentaires ).
Les algorithmes
Mis à jour leVous devez être inscris pour voir le contenu complet de cette section (58 mots supplémentaires ).
Variables et constantes
Mis à jour leVoici une équation bien connue, représentée par une variable et une constante. Trop facile…
~~ Fin de l'extrait ~~Vous devez être inscris pour voir le contenu complet de cette section (649 mots supplémentaires ).
Le typage
Mis à jour leA 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 ~~Vous devez être inscris pour voir le contenu complet de cette section (63 mots supplémentaires ).
Opérateurs
Mis à jour leVoici 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 ~~Vous devez être inscris pour voir le contenu complet de cette section (444 mots supplémentaires + 3 exercices ).
Structures conditionnelles
Mis à jour leVoir 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 ~~Vous devez être inscris pour voir le contenu complet de cette section (-10 mots supplémentaires + 3 exercices ).
Structures itératives
Mis à jour leLe 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 ~~Vous devez être inscris pour voir le contenu complet de cette section (415 mots supplémentaires + 8 exercices ).
Les fonctions
Mis à jour leSyntaxe en JS
Voici la syntaxe de base d'une fonction :
function somme(a, b){
return a + b;
}
Vous devez être inscris pour voir le contenu complet de cette section (1179 mots supplémentaires + 3 exercices ).
Fonctions natives
Mis à jour leMaintenant 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 ~~Vous devez être inscris pour voir le contenu complet de cette section (430 mots supplémentaires + 4 exercices ).
Scope
Mis à jour le(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 ~~Vous devez être inscris pour voir le contenu complet de cette section (321 mots supplémentaires ).
Exceptions
Mis à jour leVoir cours sur les concepts de base sur les exceptions.
Exemple en JS :
Vous devez être inscris pour voir le contenu complet de cette section (-8 mots supplémentaires + 1 exercices ).
Récursivité
Mis à jour leVous devez être inscris pour voir le contenu complet de cette section (-8 mots supplémentaires + 2 exercices ).