Qu'est-ce que JavaScript? - Guide du débutant
Est donc venu Javascrip. C'est l'un des plus populaires langues de script qui fonctionnent sur le côté client Pour gérer l'interactivité de votre page Web. En outre, il peut augmenter le comportement dynamique du site Web en manipulant le contenu qu'il reçoit du serveur Web. Il y a tout un tas de choses que JavaScript peut faire, nous l'apprendrons dans cet article ainsi que comment cela fonctionne et certains concepts de base.
Diverses fonctions que vous pouvez faire avec JavaScript:
- Modifier le contenu de la page Web en ajoutant et en supprimant les éléments.
- Surveillez divers clics de souris, en survolant les événements et gérez leurs actions.
- Contrôler diverses animations et transitions.
- Gestion des événements lorsqu'un utilisateur entre dans une entrée.
- Valider l'entrée que l'utilisateur fournit avant de se soumettre au serveur.
Et tellement plus, vous pouvez contrôler comment votre page se comporte.
Pourquoi apprendre JavaScript?
JavaScript était considéré comme un outil uniquement pour les pages Web interactives. Mais ces jours sont partis, et maintenant vous pouvez créer des applications mobiles et Web complètes ainsi que des applications de réseautage à l'aide de divers cadres fournis par JavaScript.
Vous pouvez également concevoir des jeux de navigateur avec JavaScript. Il est exagéré d'autres langues et des sociétés célèbres construisent leurs applications autour de JavaScript. Maintenant, vous connaissez l'importance d'apprendre JavaScript alors voyons comment cela fonctionne.
Éditeur de code JavaScript
Pour le code JavaScript, vous pouvez utiliser la console du navigateur ou même les éditeurs JS en ligne. Mais, il est préférable d'utiliser les éditeurs de code. Il existe divers éditeurs de code comme le code Visual Studio, le texte sublime, l'atome, et plus vous pouvez consulter divers éditeurs JavaScript disponibles via cet article. Parmi ceux-ci, le code Visual Studio est fortement recommandé car c'est l'éditeur de code le plus utilisé, et le raisonnement derrière est son support constant pour les technologies à venir et l'interface utilisateur facile à utiliser.
Comment ajouter JavaScript à votre fichier?
Il existe deux façons d'ajouter JavaScript à votre fichier HTML:
Script interne (Configuration de JavaScript dans le fichier html à l'aide de la balise)
Script externe (Création d'un fichier séparé pour le code JS et ajoutant le lien dans la balise
consol.journal, alertes et document.Écrire dans JavaScript
Une commande utile pour déboguer et enregistrer votre code est console.enregistrer. Il est utile d'écrire indirectement du contenu dans la console Web.
console.Log ("Hello World");Alertes sont utilisés pour fournir des alertes à l'utilisateur final qui accéde à la page Web.
alerte ("Hello World");Document.écrire Modifie le contenu de la page Web en ajoutant du contenu supplémentaire à votre page Web.
document.Écrire ("Bienvenue sur la page Web!");En JavaScript, la console a un tas de méthodes. Des informations plus détaillées sont là.
Comment ajouter des commentaires en javascript
Pendant la programmation, la rédaction de commentaires est extrêmement utile. Il vous aide à vous rappeler ce que vous avez codé et s'il y a des informations supplémentaires, vous devez écrire pour l'autre personne qui vérifie votre code. Les deux seul et plusieurs Les commentaires de ligne peuvent être écrits. Pour utiliser un commentaire à une seule ligne dans le code (javascript), nous utilisons //:
// Toute cette phrase est un grand commentaire à une seule ligne.Alors que, dans le cas d'un commentaire multiple, utilisez / * dans la mendicité et fermez-le en utilisant * /:
/ * Ceci est un commentaire en plusieurs lignes. Vous pouvez même votre blog ici si vous voulez. * /Variables en JavaScript
Tout comme dans tout autre langage de programmation, les variables sont également utilisées dans JavaScript. Le travail d'une variable consiste à maintenir un type de données dans une référence nommée. En JavaScript, nous pouvons définir des variables en utilisant trois façons: var, laisser, const.
Le var est utilisé depuis le début de JavaScript et il est à l'échelle mondiale, ce qui signifie que toutes les fonctions de cette page, ou dans ce programme peuvent y accéder.
var x = 15;var y = 4;
console.log (x + y);
Sortir:
Parce qu'il est à l'échelle mondiale, il est préférable d'utiliser laisser et const. La raison en est que parfois vous voulez déclarer une variable dans une instruction IF, et en dehors de cette déclaration si vous souhaitez déclarer la variable avec le même nom. L'utilisation de VAR causera des problèmes. Pour en savoir plus sur les variables globales en JavaScript, vous pouvez consulter cet article.
Les deux types de variables restants disponibles en JavaScript sont laisser et const. Utilisation de LET, nous pouvons déclarer n'importe quel type de données, tandis que, dans le cas de const, seules des valeurs constantes sont déclarées.
Laissez msg = "Hello World";console.log (msg);
msg = 10;
console.log (msg);
Sortir:
Ici, nous avons déclaré une chaîne ainsi qu'un type de données numérique à l'aide de la variable LET. Maintenant, en utilisant const, si nous essayons de déclarer toute valeur autre que constante, cela nous donnera une erreur.
// ci-dessous provoquera une erreur.const pi = 3.142;
console.log (pi);
pi = 3.15;
console.log (pi);
Types de données en JavaScript
JavaScript nous fournit divers types de données tels que Nombres, Cordes, Booléens, Flotter, Objets, et plus. Si vous souhaitez lire les types de données en JavaScript, vous pouvez vous diriger vers les documents MDN officiels. Il indique au programme avec quel type de données avec lesquelles ils travaillent et la manipulation.
Nombre: Le type de données pour représenter un entier positif et négatif ou un point flottant est le nombre.
Soit num = 11;console.log (num);
console.log (typeof num);
num = -12;
console.log (num);
console.log (typeof num);
Sortir:
Chaîne: Pour stocker une séquence de caractères, le type de données de chaîne est utilisé.
Laissez x = "Bienvenue"console.log (x);
console.journal (typeof x);
Sortir:
Booléen: Un type de données qui représente des valeurs vraies et fausses dans un programme.
Laissez x = vraiconsole.log (x);
console.journal (typeof x);
Sortir:
Objets: Pour stocker la collecte de divers types de données en une seule variable, des objets sont utilisés.
Laissez film =Nom: "Inception",
Genre: "Thriller",
Yearofrelease: "2010",
Nombre de colocour: 10
;
console.journal (film);
console.journal (type de film);
Sortir:
Tableaux en javascript
Pour stocker la collecte de données de tout type que nous pouvons utiliser des tableaux. Initialisez simplement le tableau à l'aide du constructeur du tableau:
Soit des mois = nouveau Array ();Ou avec [] Initialisation:
Soit des mois = [];Ou créez simplement un tableau avec des données explicites:
que les mois = ["janvier", "février", "mars", "avril", "mai"];L'index dans le tableau commence par zéro, et pour accéder à tout élément, vous avez simplement à écrire un tableau [indexPosition]:
que les mois = ["janvier", "février", "mars", "avril", "mai"];console.journal (mois [3]);
Sortir:
Pour mieux comprendre le concept de tableau en javascript, consultez cet article.
Méthodes pour différents types de données dans JavaScript
Diverses méthodes sont là pour manipuler les valeurs de divers types de données.
Méthodes de cordes: Pour modifier les valeurs d'une chaîne, il existe de nombreuses méthodes différentes à notre disposition. Ceux-ci peuvent être utilisés pour vérifier la longueur d'une chaîne, trouver la position d'un certain mot dans une chaîne ou les convertir en différents types de données.
Laissez x = "bonjour, bienvenue à la maison"// pour vérifier la longueur de la chaîne
console.journal (x.longueur);
// pour couper une partie spécifique de la chaîne
console.journal (x.tranche (3, 7));
// pour remplacer un mot spécifique dans une chaîne
console.journal (x.remplacer ("home", "ici"));
// pour convertir la corde en lettres minuscules
console.journal (x.TolowerCase ());
Sortir:
Bien sûr, il existe plusieurs autres méthodes, si vous voulez en savoir plus, vérifiez également cet article.
Méthodes numériques: De même pour manipuler la valeur d'un type de données numériques, il existe différentes méthodes. Certains d'entre eux sont fournis ci-dessous:
Soit x = 4445.4// pour convertir les nombres en une chaîne
console.journal (x.toString);
// pour convertir le nombre en console de formulaire exponentielle.journal (x.toexponential ());
// renvoie le numéro avec une longueur spécifiée
console.journal (x.Toprecision (2));
Sortir:
JavaScript nous fournit des méthodes pour les objets, le booléen, les tableaux et plus.
Conditions en JavaScript
Une autre partie fondamentale de la programmation est de prendre des décisions et de provoquer certaines actions en fonction de ces décisions. Cela peut être fait via des instructions conditionnelles en javascript. Vous pouvez utiliser:
Sinon:
Soit équilibrer = 1200;Si (équilibre < 1000)
console.journal ("équilibre inférieur à 1000");
autre
console.log ("équilibre supérieur à 1000");
Sortir:
Si… sinon si… sinon:
Soit équilibrer = 1200;Si (équilibre <1000)
console.journal ("équilibre inférieur à 1000");
else if (équilibre> 1000 && équilibre <1500)
console.log ("équilibre entre 1000-1500");
else console.journal ("équilibre supérieur à 1500");
Sortir:
Changer:
Soit Alphabet = 'B';commutateur (alphabet)
cas «a»:
console.journal ("œuf");
casser;
cas «b»:
console.log ("mangue");
casser;
défaut:
console.journal ("thé!");
Sortir:
Pour mieux comprendre le sujet, vous pouvez vérifier en détail ces articles d'instructions IF-Else et de changer les instructions conditionnelles.
Boucles en javascript
Jusqu'à ce qu'une certaine condition soit remplie. Loops Continuez à répéter un morceau de code (pourrait être un JavaScript unique et même multiple) prévoit, tout en faisant, et pour chaque boucle. Voici comment ils fonctionnent avec des exemples:
Pour boucle
Il boucle à travers un code donné plusieurs fois.
pour (soit i = 0; i < 10; i++)console.log (i + "");
Sortir:
Vous pouvez comprendre le concept et le travail de cela à travers cet article.
Pendant la boucle
Boucles via un code donné spécifié jusqu'à ce que les conditions données soient remplies.
Laissez i = 0;alors que je <4 )
console.log (i + "");
i ++;
Sortir:
Faire en boucle
Semblable à la boucle while, il y a une boucle à faire. Il diffère dans cet aspect qu'au moins la boucle sera exécutée une fois. La raison en est que les conditions sont vérifiées à la fin de la boucle.
Laissez i = 0;faire
console.log (i + "");
i ++;
alors que je < 3);
Sortir:
Sortir:
Pour chaque boucle
Pour itérer sur une collection comme des tableaux, pour chaque boucle est utilisée.
Soit Letter = ["M", "A", "N", "G", "O"];lettre.pour chaque(
fonction (entrée)
console.log (entrée + "");
));
Sortir:
C'est juste pour vous donner une compréhension de base. Si vous souhaitez comprendre cela en profondeur, consultez cet article ou pour comprendre la boucle for-in, vous pouvez également consulter cet article.
Fonctions en javascript
Les fonctions sont des blocs de code qui sont affectés pour effectuer une tâche. Par exemple, vous voulez qu'un message s'affiche lorsque vous cliquez sur un bouton. Donc cela se produira grâce à l'utilisation des fonctions. Pour comprendre le concept en détail, vous pouvez consulter cet article.
Voici une démonstration de son fonctionnement:
ajout de fonction (i, j = 5)retour i + j;
Soit le résultat = addition (3,5);
console.log ("add (3,5) est" + résultat);
Sortir:
Dans l'exemple ci-dessus, deux nombres ont été transmis dans la fonction d'addition () et ont été stockés dans le résultat variable.
JavaScript nous fournit divers types de données, fonctions, méthodes et plus en profondeur. Ceux-ci sont extrêmement utiles et facilitent la compréhension du programme. Il y a tellement de façons d'apprendre JavaScript, à travers des livres, ainsi que via des ressources en ligne.
Conclusion:
Dans le guide d'aujourd'hui, nous avons appris les bases de JavaScript. JavaScript n'est devenu rien de moins que essentiel pour les pages Web interactives et attrayantes. De nos jours, JavaScript nous fournit divers cadres qui nous aident même à développer des applications Web et mobiles. Les développeurs créent également des jeux de navigateur à l'aide de JavaScript.
Avec l'augmentation de la demande de JavaScript, les ressources pour apprendre la langue augmentent également. Vous pouvez l'apprendre via des tutoriels en ligne, des cours ou même à travers des livres. Mais, quel que soit votre moyen d'apprentissage, la seule chose qui fait de vous un expert est de pratiquer.