Table des matières[Cacher][Montrer]
- 1. Améliorez vos connaissances de base
- 2. Utilisez une stratégie orientée objet
- 3. Utilisez les fonctions même si elles sont petites
- 4. Au lieu de ==, utilisez ===
- 5. Utilisez JSLint
- 6. Les scripts doivent être placés en bas de votre page
- 7. Le moyen le plus rapide de créer une chaîne
- 8. Ajoutez un commentaire à votre code
- 9. Utilisez les modèles de littéraux
- 10. Itérateurs et pour … de boucles
- 11. Utilisez {} au lieu de new Object()
- 12. Envisagez de mettre let et const dans votre code
- 13. eval() n'est pas une bonne idée
- 14. L'opérateur de propagation est pratique
- 15. attendre et asynchrone
- 16. Utilisez la méthode includes() en Javascript
- 17. Supprimer des éléments d'un tableau à l'aide de Splice
- 18. Utiliser la fonction flèche
- 19. Avec Destructuring, vous pouvez rapidement assigner des valeurs variables
- 20. Faites plusieurs projets
- Conclusion
Si vous avez déjà été intéressé par le développement Web, vous avez probablement rencontré JavaScript. Un langage de programmation orienté objet est JavaScript. Les développeurs l'utilisent pour rendre les pages Web côté client (frontal) dynamiques et interactives.
Il est également utilisé pour créer des pages Web et des applications Web, avec HTML et CSS. Il n'y a pas une page Web sur Internet de nos jours qui n'ait pas de code JavaScript. C'est devenu un aspect indissociable du métier de développeur.
En effet, il est en constante augmentation. Bien que JavaScript soit surtout reconnu pour fournir des fonctionnalités aux pages Web, il est également utilisé dans des environnements non-JavaScript. Node.js, Apache Couch-DB et Adobe Acrobat sont des exemples de ces technologies. Pour exécuter JavaScript, la plupart des navigateurs Web modernes contiennent un moteur d'exécution JavaScript intégré. Si vous voulez être un développeur Web prospère, vous devrez faire face à JavaScript.
Vous devez vous y attaquer aujourd'hui ou demain. Pourquoi ne pas apprendre JavaScript à l'avance afin d'être prêt le moment venu ?
C'est ce que vous apprendrez dans cette session. Il explique comment garder une longueur d'avance sur vos collègues développeurs Web en peaufinant votre JavaScript.
Commençons!
1. Améliorez vos connaissances de base
Je vais commencer par une pensée et une déclaration très basiques que vous avez entendues depuis votre enfance. Apprenez les bases et mettez-les en pratique. Plusieurs fois, vous appliquerez la logique avec le codage, mais vous oublierez qu'il existe déjà une fonction intégrée pour cela, comme le découpage d'un tableau. Lorsque vous exécutez le code JavaScript, vous pouvez obtenir une erreur et, par conséquent, de nombreuses fonctionnalités supplémentaires cessent de fonctionner.
Cela peut être causé par un seul deux-points ou des virgules inversées. Ces choses se produisent à la suite d'un manque de compréhension des fondamentaux. Plusieurs fois dans un seul programme, une boucle de base telle que for, which ou do while est utilisée. Les boucles sont l'une des constructions de programmation les plus fondamentales.
Il est assez difficile de coder et même d'avoir une chance de travailler pour une entreprise si vous n'êtes pas familier avec les boucles et autres principes fondamentaux. Il est essentiel de réviser vos fondamentaux, car ils fournissent une base solide sur laquelle développer la logique complexe et la réputation d'une solution.
2. Utilisez une stratégie orientée objet
La méthode orientée objet est l'approche de programmation la plus connue aujourd'hui. L'approche orientée objet, qui a commencé avec C++, a énormément gagné en popularité depuis lors. Aujourd'hui, seule la programmation orientée objet est utilisée pour créer tous les principaux langages. Une stratégie orientée objet est une stratégie qui se concentre sur un objet spécifique.
L'item devient alors une entité fondamentale. Cet objet est ensuite utilisé pour ajouter des attributs et des fonctions à la page comme base. Vous pouvez également utiliser la méthode traditionnelle de création de code de haut en bas sans aucune fonction ni objet. C'est beaucoup trop étendu et ne devrait jamais être tenté. Lors du développement de code, nous devons utiliser une approche fonctionnelle, et si nous utilisons des fonctions, nous devons utiliser des objets.
Donc, au début, efforcez-vous de convertir votre code étendu en code orienté objet et écrivez toujours votre code dans un style orienté objet. Lorsque vous étudiez le code d'autres personnes, vous serez constamment à la recherche de techniques orientées objet. Si vous voulez maîtriser JavaScript, il est préférable de mettre la main dessus.
3. Utilisez les fonctions même si elles sont petites
La programmation avec une approche fonctionnelle est une excellente façon de procéder. Pourquoi? Il sépare votre logiciel en modules qui fonctionnent ensemble mais sont toujours distincts les uns des autres. Laissez-moi vous donner un exemple pour vous aider à comprendre.
La racine carrée moyenne des nombres entiers peut être calculée à l'aide d'une fonction. Pour ce faire, vous devez élever au carré les nombres entiers, calculer leur moyenne, puis calculer la racine carrée de la moyenne. Il y a trois phases dans le processus. En conséquence, nous pouvons utiliser trois fonctions. Mais, comme vous pouvez le voir, toutes ces fonctions sont interconnectées. La sortie de l'un est envoyée à l'autre, et nous recevons le résultat final.
Imaginons qu'au lieu de trois fonctions, vous en ayez simplement besoin d'une pour calculer le RMS en fonction de plusieurs facteurs. La solution finale, comme vous pouvez le voir, est incorrecte. Il vous sera assez difficile de déterminer ce qui n'a pas fonctionné dans un événement aussi important à ce stade.
Avoir trois petites fonctions, en revanche, vous permettra d'analyser rapidement. Par conséquent, même si les fonctions sont modestes, utilisez-les pour définir des modules de code distincts. Cette technique vous aidera à devenir un expert JavaScript comme par magie.
Voyons maintenant quelques conseils de codage JavaScript.
4. Au lieu de ==, utilisez ===
En JavaScript, il existe deux types d'opérateurs d'égalité : les opérateurs d'égalité stricts === et !==, et les opérateurs d'égalité non stricts == et !=. Lors de la comparaison, il est considéré comme la meilleure pratique de toujours utiliser l'égalité exacte. Cependant, lorsque vous travaillez avec == et !=, vous rencontrerez des problèmes lorsque vous traiterez avec des types distincts.
Lorsque les types de valeurs que vous comparez sont différents, les opérateurs non stricts tentent de contraindre leurs valeurs, ce qui peut entraîner des résultats inattendus.
5. Utilisez JSLint
Douglas Crockford a créé JSLint, un débogueur. Mettez simplement votre script dans la boîte, et il le scannera rapidement pour tout bogue ou défaut.
JSLint examine un fichier source JavaScript. Si un problème est découvert, il envoie un message avec une description du problème et une position approximative dans la source. Le problème n'est pas toujours une erreur syntaxique, même si c'est souvent le cas.
JSLint examine à la fois les normes stylistiques et les problèmes structurels. Cela ne signifie pas que votre logiciel est précis. Il ajoute simplement une autre paire d'yeux pour aider à la détection des problèmes. Avant de signer un script, exécutez-le via JSLint pour vous assurer que vous n'avez commis aucune erreur.
6. Les scripts doivent être placés en bas de votre page
L'objectif principal de l'utilisateur est que la page se charge le plus rapidement possible. Le navigateur ne peut pas continuer à charger un script tant que le fichier complet n'a pas été chargé. En conséquence, l'utilisateur devra attendre plus longtemps pour voir les progrès.
Si vous avez des fichiers JS qui ne sont utilisés que pour fournir des fonctionnalités (par exemple, une fois qu'un bouton est enfoncé), placez-les vers le bas de la page, juste avant la balise de fermeture du corps. C'est incontestablement la meilleure pratique.
7. Le moyen le plus rapide de créer une chaîne
Lorsque vous avez besoin de boucler autour d'un tableau ou d'un objet, n'utilisez pas toujours votre fidèle instruction for loop. Utilisez votre imagination pour trouver la solution la plus rapide pour la tâche à accomplir. Je ne vais pas vous apporter de chiffres; vous devrez simplement me faire confiance (ou tester par vous-même).
C'est de loin la technique la plus rapide.
8. Ajoutez un commentaire à votre code
Cela peut sembler inutile au premier abord, mais croyez-moi quand je dis que vous devriez commenter votre code aussi souvent que possible. Que se passe-t-il si vous revenez au projet des mois plus tard et que vous ne vous souvenez plus de votre processus de pensée initial ?
Et si votre code devait être mis à jour par un de vos collègues ? Les zones importantes de votre code doivent toujours être commentées.
9. Utilisez les modèles de littéraux
Les contraintes des chaînes créées avec des guillemets doubles ou simples sont nombreuses. Pour faciliter leur utilisation, vous pouvez choisir de remplacer certaines de vos chaînes par des littéraux de modèle.
Le caractère de backtick (') est utilisé pour créer des littéraux de modèle, ce qui présente un certain nombre d'avantages. Vous pouvez les utiliser pour stocker des expressions ou pour créer des chaînes multilignes.
Comme vous pouvez le voir, contrairement à un littéral de chaîne conventionnel construit avec des guillemets simples ou doubles, nous n'avons pas eu à entrer et sortir à plusieurs reprises de notre littéral de modèle. Cela minimise la probabilité d'erreurs de frappe et nous permet d'écrire un code plus propre.
10. Itérateurs et pour … de boucles
Les itérateurs sont des objets en JavaScript qui implémentent la méthode next() pour renvoyer un objet qui stocke la valeur suivante dans une séquence ainsi que vrai ou faux selon qu'il reste des valeurs. Cela signifie que si vous implémentez le protocole itérateur, vous pouvez créer vos propres objets itérateurs.
Il existe des itérateurs intégrés dans JavaScript, tels que String, Array, Map, etc. Vous pouvez utiliser des boucles for… of pour les parcourir. Par rapport aux boucles for ordinaires, c'est plus succinct et moins sujet aux erreurs. Nous n'avons pas à garder une trace de la longueur complète du tableau ou de l'index actuel en utilisant une boucle for…of. Lors de la conception de boucles imbriquées, cela peut aider à simplifier le code.
11. Utilisez {} au lieu de new Object()
En JavaScript, vous pouvez créer des objets de différentes manières. L'utilisation du nouveau constructeur, comme illustré, est une manière plus conventionnelle. Cette stratégie, en revanche, est qualifiée de « mauvaise pratique ».
Ce n'est pas destructeur, mais c'est un peu verbeux et unique. Je propose plutôt d'utiliser la technique du littéral objet.
12. Envisagez de mettre let et const dans votre code
Nous pouvons utiliser le mot-clé let pour créer des variables locales qui sont étendues à leur propre bloc. Nous pouvons utiliser le mot-clé const pour construire des variables locales à portée de bloc qui ne peuvent pas être modifiées.
Lorsque vous déclarez des variables, vous devez envisager d'utiliser les mots-clés let et const, le cas échéant. N'oubliez pas que le mot-clé const désactive uniquement la réaffectation. Cela ne rend pas non plus la variable immuable.
13. eval() n'est pas une bonne idée
La méthode eval(), pour ceux qui ne le savent pas, nous permet d'accéder au compilateur de JavaScript. Essentiellement, nous pouvons utiliser eval pour exécuter le résultat d'une chaîne en la fournissant comme entrée ().
Non seulement cela ralentira considérablement votre script, mais cela posera également un problème de sécurité important car cela donne beaucoup trop d'autorité au texte transmis. A éviter à tout prix !
14. L'opérateur de propagation est pratique
Avez-vous déjà eu besoin de transmettre tous les éléments d'un tableau en tant qu'éléments individuels à une autre fonction, ou avez-vous besoin de mettre toutes les valeurs d'un tableau dans un autre ? C'est exactement ce que l'opérateur de propagation (…) nous permet de réaliser. Voici une illustration.
15. attendre et asynchrone
Créez des fonctions asynchrones à l'aide du mot-clé async, qui renvoie toujours une promesse, explicitement ou implicitement.
Le mot clé await peut être utilisé dans des fonctions asynchrones pour interrompre l'exécution jusqu'à ce que la résolution des promesses renvoyées soit terminée. En dehors de votre fonction asynchrone, le code continuera à s'exécuter normalement.
16. Utilisez la méthode includes() en Javascript
En JavaScript, la fonction includes() détermine si une chaîne contient les caractères fournis ou si un tableau contient l'élément spécifié.
Cette méthode renvoie true si la chaîne ou l'élément est découvert ; sinon, il renvoie faux. Il convient de mentionner que la fonction Strings contains() est sensible à la casse. Si vous souhaitez faire correspondre une chaîne quelle que soit la casse, commencez simplement par mettre le texte cible en minuscules.
17. Supprimer des éléments d'un tableau à l'aide de Splice
Pour supprimer un élément d'un tableau, j'ai vu des développeurs utiliser la fonction de suppression. Ceci est erroné car, plutôt que de supprimer l'objet, la méthode delete le remplace par undefined.
Le moyen le plus simple de supprimer un élément d'un tableau en fonction de sa valeur en JavaScript est d'utiliser la fonction indexOf() pour obtenir le numéro d'index de cette valeur dans le tableau, puis de supprimer cette valeur d'index avec la méthode splice().
18. Utiliser la fonction flèche
Les fonctions fléchées sont une autre fonctionnalité importante qui vient d'être ajoutée à JavaScript.
Ils ont une cargaison d'avantages. Pour commencer, ils rendent les parties fonctionnelles de JavaScript plus attrayantes visuellement et plus faciles à écrire. Cependant, l'utilisation des fonctions fléchées rend cela beaucoup plus lisible et concis.
19. Avec Destructuring, vous pouvez rapidement assigner des valeurs variables
Plus tôt dans cet article, nous avons découvert l'opérateur de propagation en JavaScript. La déstructuration est similaire à la déstructuration en ce sens qu'elle décompresse également les données contenues dans les tableaux.
La différence est que ces valeurs décompressées peuvent être affectées à des variables distinctes. La syntaxe est identique à celle du raccourci [] lors de la formation d'un tableau. Les parenthèses, cependant, sont placées sur le côté gauche de l'opérateur d'affectation cette fois. Voici une illustration.
20. Faites plusieurs projets
Tout talent nécessite une pratique constante, alors essayez de construire une variété de projets pour perfectionner vos capacités et acquérir une expertise avec une variété de scénarios de programmation.
En travaillant sur les projets, vous ferez l'expérience de plusieurs défis et défauts, qui vous fourniront l'expertise nécessaire. Essayez donc de proposer des projets, et il existe une pléthore d'idées et d'exemples sur Internet pour vous aider. Continuez à développer du code et vos capacités s'amélioreront.
Conclusion
Il peut être difficile d'apprendre un langage informatique comme JavaScript. Si vous souhaitez vraiment devenir un bon programmeur et obtenir votre premier emploi, ces stratégies d'apprentissage JavaScript peuvent vous aider à accélérer votre processus d'apprentissage.
Assurez-vous de pratiquer régulièrement le codage, de prendre des notes approfondies tout en apprenant de nouvelles idées et d'utiliser tous les outils qui vous sont accessibles. Surtout, lancez-vous et commencez à coder tout en vous amusant.
Soyez sympa! Laissez un commentaire