Bienvenu sur ce mini tutoriel sur javascript !
Nous allons aborder 4 points dans cet article.
- introduction
- Les bases de Javascript
- Les variables en javascript
- Les opérateurs en javascript
- Les fonctions
- Les boucles et conditions
et enfin
- La conclusion (en bref).
**
1. INTRODUCTION
**
C'est quoi Javascript ?
Bien..
Javascript est un langage de programmation très populaire aujourd'hui. Avec sa popularité croissante, il est devenu un langage de base pour les développeurs web.
Si vous êtes débutant en programmation ou que vous cherchez simplement à apprendre Javascript, vous êtes au bon endroit. Dans cet article, nous allons vous donner un aperçu des bases de la programmation en Javascript.
**
2. Les bases de Javascript
**
Pour commencer, il est important que vous compreniez que Javascript est un langage de programmation basé sur les objets. Cela signifie que tout en Javascript est un objet, qu'il s'agisse d'une chaîne de caractères, d'un nombre ou même d'une fonction. Pour créer des objets Javascript, vous pouvez utiliser des "constructeurs" qui vous permettent de créer des objets personnalisés avec des propriétés et des méthodes particulières.
**
3. Les Variables en Javascript
**
Avant de pouvoir commencer à travailler avec des objets, il est important de comprendre comment fonctionnent les variables en Javascript. Bon, ce pas si grave! Allons-y doucement ! Les variables sont des emplacements dans la mémoire de votre ordinateur où vous pouvez stocker des données. Pour créer une variable en Javascript, vous pouvez utiliser le mot clé "let", "const" et "var".
😫 Mais, c'est quoi encore c'est truc de letconstVar ! Ça casse toute ma compréhension !
Non ! Allons-y molo molo...😇
"var" Déclare une variable globale ou locale. Les variables déclarées avec "var" sont toujours fonction-scope...
🤦 Arrete ! fonction-scope ?
Oui, pour dire qu'elles sont attachées aux objets "function" et peuvent être utilisées à l'extérieur de la fonction si elles sont déclarées en dehors de la fonction. "var" est utilisé dans les versions précédentes de JavaScript et est toujours pris en charge dans les versions les plus récentes de JavaScript.
Par exemple:
var x = 5;
function alpha() {
var y = 10;
}
console.log(x);
🤭 aaaah ouii.. je me rappelle que "console.log()" est une méthode JavaScript qui permet d'afficher du texte dans la console du navigateur ou de l'EDI (l'environnement de développement intégré comme Visual Studio Code).
Oui, tu as raison, et là tu commences à comprendre les choses petit à petit.. 😇 Okay, on continue..
Dans cet exemple, "x" est une variable globale, tandis que "y" est une variable locale à la fonction "alpha".
Par ailleurs,
"let" Déclare une variable locale avec la portée de bloc, ce qui signifie que la variable n'existe que dans le bloc où elle est déclarée et dans les sous-blocs de ce bloc. "let" est disponible à partir d'ECMAScript 6.
Observe cet exemple :
let x = 5;
if (true) {
let y = 10;
console.log(x);
}
console.log(y);
Dans cet exemple, "x" est accessible à l'intérieur du bloc "if", mais "y" n'est accessible que dans le bloc "if".
et enfin,
"const" Déclare une variable constante en lecture seule avec une portée de bloc. Les variables déclarées avec "const" ne peuvent pas être réaffectées ou redéclarées, ce qui les rend idéales pour déclarer des constantes, des listes de choix ou des valeurs arbitraires dans votre code. "const" est également disponible depuis ECMAScript 6.
Par Exemple:
const decimalNumber = 3.14;
console.log(decimalNumber);
Dans cet exemple, "decimalNumber" est une variable constante en lecture seule qui ne peut pas être réaffectée ou redéfinie.
**
4. Les Opérateurs en Javascript
**
Les opérateurs en Javascript sont les symboles utilisés pour effectuer des opérations mathématiques de base, telles que l'addition, la soustraction, la division et la multiplication. En Javascript, il existe plusieurs opérateurs arithmétiques tels que :
" + " : pour l'addition
" - " : pour la soustraction
" * " : pour la multiplication
" / " : pour la division
et l'opérateur :
" % " : .....
🤔 non attends ! Ça je connais.. L'opérateur "pourcentage" pour calculer les pourcentage en javascript...!
Nooooooon... là carrément tu tape le mur de jericho 😍 !
Tenez !
En JavaScript, l'opérateur % représente l'opération de modulo, qui renvoie le reste entier de la division d'un nombre par un autre.
Par exemple, si on utilise l'opérateur % dans l'expression 15 % 4, alors le résultat sera 3, car c'est le reste de la division entière de 15 par 4.
En effet :
15 = 3 x 4 + 3
J'espère que là on se comprend et tu vas plus croire que l'opérateur % calcule les pourcentage en javascript..
Passons aux fonctions alors..
**
5. Les Fonctions en JavaScript
**
Les fonctions en Javascript sont des blocs de code qui effectuent des tâches spécifiques. Les fonctions sont très utiles car elles vous permettent de réutiliser le même code plusieurs fois sans avoir à le réécrire chaque fois.
Pour créer une fonction en Javascript, vous pouvez utiliser le mot-clé "function":
function somme(nombre1, nombre2) {
return nombre1 + nombre2;
}
Dans cet exemple, nous avons créé une fonction appelée "somme" qui prend deux paramètres (nombre1 et nombre2) et retourne la somme de ces deux nombres.
**
6. Boucles et Conditions
**
Les boucles et les conditions sont des éléments essentiels de la programmation dans tous les langages de programmation. Avec les boucles, vous pouvez exécuter le même bloc de code plusieurs fois, tandis qu'avec les conditions, vous pouvez exécuter un bloc de code si une condition particulière est remplie. Là, on est d'accord !
Observez cet exemple :
if (age < 18) {
console.log("Vous n'êtes pas majeur.");
} else {
console.log("Vous êtes majeur.");
}
Dans cet exemple, nous avons créé une condition qui teste si l'âge est inférieur à 18 ans. Si la condition est vraie, nous affichons un message disant que la personne n'est pas majeure. Si la condition est fausse, nous affichons un message disant que la personne est majeure.
**
7. En bref,
**
Comprenez que Javascript est un langage de programmation très populaire et la compréhension de ses bases est essentielle pour tout développeur web. Nous espérons que cet article vous a fourni un aperçu des bases de la programmation en Javascript et que vous êtes prêt à commencer à coder en Javascript. Avec un peu de pratique, vous pourrez bientôt créer de superbes sites web dynamiques et interactifs en utilisant Javascript.
Jéthron Kashira
Top comments (0)