Les basics de javascript

Devenir un lion dans la jungle du numérique

Les basics de javascript

Vous pouvez écrire du script dans l’inspecteur sur Chrome ou Firefox dans l’onglet Console.
Les erreurs de script y seront également signalées ce qui vous aidera afin de debugger votre code!

Coder en javascript sans regarder dans la console les messages d’erreur équivaut à conduire les yeux fermés !

C’est un puissant outil qui vous alertera sur les erreurs de script, il vous donnera même quelques fois la solution directement en pointant les fichiers concernés et la ligne de code correspondante(sur la droite de l’erreur)!

Opérations mathématiques simple:

On peux écrire des calculs simples directement dans la console à l’ai de de + – / x.

Syntaxe de la ” , ” se note ” . ” lorsque vous souhaiter définir un nombre décimal.

exemple

5,45 se note 5.45

Essayez!

Nous parlerons de “string” ou de chaine de caractères pour une suite de lettre, de nombre ou tout autre caractère spécial.

1 String sera toujours entouré de simple cote ‘ ou de double cotes “.

'string'
ou
"string"

Nous parlerons de number pour les chiffres et nombres, pas besoin de cote ou double cote. Si vous ajoutez des cotes autour d’un chiffre ou d’un nombre il sera compris comme une chaine de caractères.

Essayez:

1+1
// = 2

//et

'1'+'1'
// = 11

 

La syntaxe

Chaque fonction ou déclaration de variable doit se terminer avec un ” ; ”

Déclaration de variable:

var x = "ma variable";

Si l’on choisit d’utiliser var pour déclarer une variable => c’est la façon basique et généraliste pour déclarer une variable en javascript.

Ce qui se trouve après le = sera charger dans la variable.

Plusieurs façon de déclarer une variable:

let maVariable;

//ou

const maVariable2;

Si l’on choisit d’utiliser let pour déclarer une variable => la portée est celle du bloc courant (la fonction dans laquelle la variable est déclarée par exemple).

https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Instructions/let

Si l’on choisit d’utiliser const pour déclarer une variable => c’est une variable dite constante donc qui n’est pas amené à changer de valeur une fois la valeur attribuée.

L’emplacement du script

2 choix s’offre à vous:

Mettre le code javascript dans le head de votre page HTML ou le mettre juste avant la fermeture de la balise body ( </body>).

L’emplacement de votre script déterminera au moment de sa lecture son execution.

Si l’on souhaite interagir avec le DOM HTML de votre page, exécutez votre script en fin de page, sinon il ne connaîtra pas l’élément HTML en question.

Ne jamais mettre son code javascript en plein milieu d’une page !

La liste des méthodes javascript

https://developer.mozilla.org/fr/docs/Web/JavaScript/Guide/Fonctions

Méthodes basiques:

console.log() est une méthode qui écrit ce qu’il y a entre les parenthèses dans la console (n’oubliez pas les ” pour afficher du texte).

alert() ou window.alert() est une méthode qui écrit ce qu’il y a entre les parenthèses dans une fenêtre pop up de la page HTML.

Les méthodes javascript sont l’équivalent de fonctions déjà faites, leur fonctions, paramètres sont déjà programmés et sont reconnus par les navigateurs et moteurs javascript des navigateurs. Aucune déclaration n’est alors requise pour les faire fonctionner.

Essayer la méthode prompt()

prompt('quel est ton nom?')

Dans le popup un champs d’insertion texte est présent.

Pour pouvoir se servir de la réponse du prompt, il faut alors l’enregistrer dans une variable.

var answer = prompt('quel est ton nom?');

console.log(answer);

La variable answer est alors affichée dans la console de votre navigateur.

Les commentaires en javascript

// commentaires sur une ligne

/* commentaires
sur
plusieurs
lignes */

Créer des fonctions Javascript

Les données à l’intérieur de () sont appelées paramètres, les données entre {} sont appelées instructions.

function nomDeMaFonction(parametre1, parametre2){
    var x = variableLocale;
    instruction1;
    instruction2;
}

La déclaration d’une fonction ne la lance pas.

Il faut une fois la déclaration faite, lui demander de se lancer

nomDeMaFonction(); //appel de ma fonction pour la lancer

Il suffit de citer son nom et d’inscrire les éventuels paramètres pour l’appeler. La fonction s’exécutera alors avec les éventuels paramètres mis entre ().

 

En continuant à utiliser le site, vous acceptez l’utilisation des cookies. Plus d’informations

Les paramètres des cookies sur ce site sont définis sur « accepter les cookies » pour vous offrir la meilleure expérience de navigation possible. Si vous continuez à utiliser ce site sans changer vos paramètres de cookies ou si vous cliquez sur "Accepter" ci-dessous, vous consentez à cela.Plus d'informations ici

Fermer