JavaScript est un langage que nous pouvons utiliser pour écrire des programmes exécutés dans un navigateur ou sur un serveur utilisant Node. Grâce à Node, vous pouvez utiliser JavaScript pour créer des applications Web complètes telles que Twitter ou des jeux comme Agar.io..
Il s’agit de la première leçon d’une série en quatre parties dans laquelle je vais vous enseigner les bases de la programmation dont vous aurez besoin pour apprendre à créer vos propres applications. Dans la partie 1, je vous présenterai la syntaxe de JavaScript et de ES6. ES6 signifie ECMAScript 6, qui est une version de JavaScript..
Tout d'abord, nous allons configurer notre environnement de développement afin de pouvoir exécuter notre code sur notre propre ordinateur. Vous pouvez également tester des exemples de code sur un éditeur en ligne tel que repl.it. Je préfère que vous commenciez à écrire et à exécuter du code sur votre ordinateur pour que vous puissiez vous sentir comme un vrai programmeur. De plus, je veux que vous utilisiez Node pour pouvoir le mettre sur votre CV et impressionner votre employeur.
Tout d'abord, vous aurez besoin d'un éditeur de texte pour écrire votre code. Je recommande Sublime Text. Ensuite, téléchargez et installez Node sur votre ordinateur. Vous pouvez obtenir le logiciel sur le site Web Node.js. Confirmez l'installation a fonctionné en tapant la commande noeud -v
depuis votre terminal. Si tout va bien, vous verrez le numéro de version de votre installation de nœud..
Une des choses que vous pouvez faire avec Node est d’exécuter du code JavaScript à partir de votre terminal. Cela se produit dans ce qu'on appelle un REPL. Pour l'essayer, entrez la commande nœud
dans votre terminal.
Ensuite, imprimons le message «Hello, World». Tapez ce qui suit dans le terminal:
> console.log ("Hello, World");
Pour quitter le REPL, appuyez sur Control-C deux fois. L'utilisation du REPL est pratique lorsque vous souhaitez tester des instructions simples comme l'exemple ci-dessus. Cela peut s'avérer plus pratique que de sauvegarder le code dans un fichier, surtout si vous écrivez du code jetable..
Pour exécuter un programme que vous avez écrit dans un fichier, dans votre terminal, exécutez la commande nom de fichier du noeud
, où nom de fichier est remplacé par le nom de votre fichier JavaScript. Vous n'êtes pas obligé de taper le js
extension du nom de fichier pour exécuter le script. Et vous devez être dans le répertoire racine où réside le fichier.
Essayons un exemple. Créer un fichier nommé bonjour.js
. A l'intérieur, nous mettrons le code suivant:
console.log ("Hello, World");
Exécutez le code depuis le terminal:
$ noeud bonjour
Si tout va bien, vous verrez le texte "Hello, World" envoyé au terminal. A partir de maintenant, vous pouvez tester les exemples de code de ce tutoriel en utilisant le nœud REPL ou en les enregistrant dans un fichier..
Avant d'écrire un code, prenez le temps de comprendre le problème. De quelles données avez-vous besoin? Quel est le résultat? Quels tests votre programme doit-il réussir??
Lorsque vous comprenez les exigences du programme, vous pouvez alors écrire les étapes pour le résoudre. Les étapes sont votre algorithme. Votre algorithme n'est pas un code. Il s’agit d’un anglais simple (remplacez l’anglais par votre langue maternelle), des instructions pour résoudre le problème. Par exemple, si vous voulez écrire un algorithme pour cuire les meilleurs ramen, cela peut ressembler à ceci:
Oui, j'avais faim quand j'ai pensé à ça. Et non, ce n’est pas un problème de programmation. Voici un exemple de problème plus pratique. C'est un algorithme pour calculer la moyenne d'une liste de nombres.
Comprendre le problème et trouver un algorithme sont les étapes les plus importantes de la programmation. Lorsque vous vous sentez confiant dans votre algorithme, alors vous devriez écrire quelques cas de test. Les tests montreront comment votre code devrait se comporter. Une fois que vous avez vos tests, vous écrivez du code et vous le modifiez jusqu'à ce que vos tests passent. Selon la complexité de votre problème, il peut être nécessaire de décomposer chaque étape de votre algorithme..
Ecrivez un algorithme pour calculer la factorielle d'un nombre. La factorielle d'un nombre * n * est le produit de tous les entiers compris entre 1 et * n *. Par exemple, 4! (4 factorielles) est égal à 1 x 2 x 3 x 4 = 24.
Un programme est similaire à la langue que nous parlons. La seule différence est qu'un langage de programmation est censé communiquer avec l'ordinateur (et les autres programmeurs qui doivent l'utiliser). Les règles de construction du programme sont sa syntaxe. Les programmes consistent en des déclarations. Une déclaration peut être considérée comme une phrase. En JavaScript, vous devez mettre un point-virgule à la fin d'une instruction. Exemple:
a = 2 + 2;
Les déclarations sont constituées d'expressions. Les expressions sont comme les parties sujet / prédicat d'une phrase. Dans un langage de programmation, les expressions ont une valeur. Les expressions sont constituées de mots clés tels que var
et pour
qui sont le vocabulaire intégré de la langue; données comme un nombre ou une chaîne; et des opérateurs comme +
et =
. Exemple:
2 + 2
Voici une liste d'opérateurs arithmétiques:
+
- Une addition-
- Soustraction **
- Exponentiation*
- Multiplication /
- Division %
- Reste++
- Incrément --
- DécrémenterL'opérateur restant renvoie le reste après avoir divisé deux nombres. Par exemple, 4% 2
renvoie 0 et 5% 3
renvoie 2. L'opérateur restant est couramment utilisé pour déterminer si une valeur est pair ou impair. Même les valeurs auront un reste 0.
Trouvez la valeur des expressions suivantes. Écrivez vos réponses d'abord, puis vérifiez-les dans votre REPL.
Une variable est un nom qui représente une valeur dans la mémoire de l'ordinateur. Toute valeur que nous souhaitons stocker ou utiliser à plusieurs reprises doit être placée dans une variable. Une façon de créer des variables est avec le var
mot-clé. Mais le moyen préféré est d’utiliser le laisser
ou const
mots clés. Voici quelques exemples d'utilisation de let pour créer des variables:
Déclarer une variable:
laissez a;
Déclarer et initialiser une variable:
Soit a = 1;
Réaffectation d'une variable:
a = 2;
Les constantes sont des variables qui ne peuvent pas changer. Ils ne peuvent être attribués qu'une seule fois. Les constantes dont les valeurs sont des objets ou des tableaux peuvent toujours être modifiées car elles sont affectées par référence. Les variables ne contiennent pas de valeur; au lieu de cela, ils indiquent l'emplacement de l'objet. Exemple:
const a = foo: 1, bar: 2; a.baz = 3; console.log (a); // affiche foo: 1, bar: 2, baz: 3
Cependant, cela vous donnera une erreur:
const a = foo: 1, bar: 2; a = ; console.log (a);
Les types de données ont des règles sur la manière dont ils peuvent être exploités. Par exemple, si nous ajoutons deux nombres, nous obtenons leur somme. Mais si nous ajoutons un nombre avec une chaîne, nous obtenons une chaîne. Voici une liste des différents types de données:
Une chaîne est un type de données composé de caractères. Une chaîne sera entourée de guillemets simples ou doubles. Les chaînes ont également des méthodes que vous pouvez utiliser pour effectuer des actions sur elles. Voici quelques exemples d’actions que vous pouvez effectuer sur des chaînes..
Déterminez si une chaîne commence par une sous-chaîne:
"Bonjour le monde" .startsWith ("Bonjour"); //vrai
Déterminez si une chaîne se termine par une sous-chaîne:
"Bonjour le monde" .endsWith ("Monde"); //vrai
Déterminez si une sous-chaîne est située n'importe où dans une chaîne:
"Bonjour, le monde" .includes ("le monde"); //vrai
Répéter une chaîne un nombre de fois spécifié:
"Bonjour" .repeat (3); //Bonjour bonjour bonjour
Nous pouvons transformer une chaîne en tableau avec l'opérateur spread: …
laissez str = [… "bonjour"]; console.log (str); //[ 'Bonjour' ]
Les littéraux de modèle sont un type spécial de chaîne qui utilise des backticks: "
. Nous pouvons les utiliser pour insérer des variables dans une chaîne comme ceci:
let name = "World"; let greeting = 'Bonjour, $ name'; console.log (message d'accueil); //Bonjour le monde
Nous pouvons créer des chaînes multilignes comme ceci:
''Bonjour le monde
Nous avons vu comment configurer notre environnement de développement à l’aide de Node. La première étape de la programmation consiste à écrire les étapes permettant de résoudre le problème. Ceci s'appelle l'algorithme. Le code actuel sera composé de nombreuses déclarations. Les instructions sont les instructions du programme et sont constituées d'expressions. Les expressions sont utiles dans notre programme si nous les affectons à des variables. Les variables sont créées avec le laisser
ou const
mot-clé.
Dans la partie 2, je vais expliquer les conditions.