Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. JavaScript
Code

Ce qui est JavaScript ?

by
Difficulty:BeginnerLength:LongLanguages:

French (Français) translation by Ahmad Fauzan (you can also view the original English article)

Dire que JavaScript est en hausse en web développement serait un euphémisme. En fait, ans, programmeur célèbre Jeff Atwood inventé droit Atwood dans lequel il déclarait :

Toute application qui peut être écrit en JavaScript, sera finalement écrit en JavaScript.

Au moment d’écrire cet article, il y a tant de frameworks JavaScript et les bibliothèques qu’il est écrasante de savoir par où commencer, surtout si vous êtes un débutant.

Et je sais, une grande partie de ce que nous publions ici est orientée vers ceux qui ont déjà une expérience dans l’écriture d’applications web ou de faire quelque chose dans le développement web. Mais ce qui n’est pas le public cible pour cet article.

Au lieu de cela, c’est écrit spécifiquement pour ceux d'entre vous qui ont jamais (ou à peine) écrit une ligne de JavaScript et souhaitez en savoir plus sur la langue et de comprendre ce qui est là-bas. En outre, nous voulons couvrir comment il est utilisé et ce qu’il faut en attendre.

En bref, si vous êtes un professionnel chevronné, alors cet article n’est pas pour vous ; Cependant, si vous êtes curieux de savoir entrer dans JavaScript, mais ne savez pas par où commencer, alors peut-être cette amorce aidera vous mettre dans la bonne direction.

Let's get started.

JavaScript définie

Vous avez probablement entendu parler de que JavaScript dénommé "un côté client scripting language", qui est une autre façon de dire que c’est un langage de programmation qui s’exécute dans un navigateur web.

Alternativement, Wikipedia le définit ainsi :

JavaScript est un langage de programmation haut niveau, dynamique, non typé et interprété. Mais elle a été normalisée dans la spécification du langage ECMAScript.

Tout cela est vrai (avec des degrés de complexité), mais il est également intéressant de noter que JavaScript peut s’exécuter sur le serveur-côté, trop. Qui s’avance sur nous-mêmes, cependant. Au lieu de cela, nous allons tout d’abord parler de quelques-uns des points ci-dessus et nous viendra parler de JavaScript côté serveur plus loin dans l’article.

  • Haut niveau. Lorsqu’un langage de programmation est haut niveau, il est considéré comme celui qui est construit sans avoir besoin de connaître les détails concernant l’ordinateur sous-jacent. Vous n’avez pas à gérer la mémoire, vous n’avez pas à savoir quel type de processeur est en marche et vous n’avez pas à faire face à des choses comme des pointeurs (comme dans les langages tels que C ou Assemblée).
  • Dynamique. Les langues qui sont dynamiques permettent aux développeurs d’étendre certains aspects de la langue en ajoutant un nouveau code ou présentant de nouveaux objets (par exemple, un objet de message) tandis que le programme s’exécute par rapport à avoir besoin de compiler le programme. Il s’agit d’une fonctionnalité puissante de JavaScript.
  • Non typé. Si vous avez une expérience en programmation, alors vous avez probablement rencontré certains types de langues qui vous demandent de déclarer le type de variable avec laquelle vous travaillez. Par exemple, peut-être votre variable stockera une chaîne ou une valeur booléenne. En JavaScript, ce n’est pas nécessaire. Au lieu de cela, vous déclarez simplement une variable avec le mot clé var.
  • Interprétée. Quand une langue est un langage compilé, le code que vous écrivez est converti en un binaire exécutable que vous pouvez distribuer à des tiers. Sous Windows, ces fichiers sont appelés fichiers EXE. Sur OS X, ce sont souvent des programmes vous téléchargez sur l’App Store ou que vous faites glisser dans le répertoire Applications. JavaScript est interprété, ce qui signifie qu’il n’y a pas de compilateur. Au lieu de cela, le code est interprété (comme PHP), donc il est un logiciel intermédiaire appelé l’interprète qui se trouve entre le code que vous avez écrit et traduire les instructions en arrière de l’ordinateur.
  • Normalisés. JavaScript est standardisé (son nom officiel étant ECMAScript) ce qui signifie que n’importe quel navigateur qui implémente la norme offrira les mêmes fonctionnalités que n’importe quel autre navigateur. Étaient qu'il pas normalisée puis Chrome peut fournir certaines fonctionnalités que Edge ne pas et vice versa.

Maintenant que nous avons couvert les attributs de la langue, nous pouvons discuter certains aspects et nuances sur la langue.

Bien que tout cela est important, il est également essentiel de savoir comment la langue fonctionne (surtout si vous avez travaillé avec d’autres langages) afin que vous n’allez pas en développement avec des idées préconçues quant à comment il pourrait fonctionner ou comment cela devrait fonctionner.

Au lieu de cela, j’ai porterait plutôt sur comment il fonctionne afin que vous puissiez commencer à écrire du code et comprenez exactement ce que vous faites.

Sur la langue

Avant toute chose, JavaScript est un langage de programmation orienté objet, mais elle diffère probablement un peu de ce que vous voyez habituellement (si vous avez déjà utilisé un langage de programmation orienté objet).

JavaScript est ce qu’on appelle une langue prototypique. Cela signifie que tous les objets en JavaScript, comme String, reposent sur des prototypes.

Cela nous permet, en tant que développeurs, d’ajouter des fonctionnalités supplémentaires aux objets à l’aide de l’héritage prototypes :

Basés sur un prototype de programmation est un style de programmation orientée objet dans lequel la réutilisation de comportement (connue comme héritage) est effectuée grâce à un procédé de clonage des objets existants qui servent de prototypes.

Je crois que si vous n’avez jamais travaillé avec un langage orienté objet avant, alors vous pouvez avoir un avantage à ce stade parce que vous n’avez pas de modèle conceptuel afin de réfléchir à comment cela fonctionne.

Si, en revanche, vous avez travaillé dans ces types de langues alors je pense que c’est une valeur distinctive héritage comment prototypes diffère de l’héritage classique :

  • Dans l’héritage classique, nous, en tant que développeurs, vais écrire une classe. Plusieurs objets peuvent être créés de cette classe unique. En outre, nous pouvons alors écrire une autre classe qui hérite de cette classe et ensuite créer des instances de ces classes. Dans ce cas, les sous-classes sont partager le code avec leur classe de base. Donc, lorsque vous créez une instance d’une sous-classe, vous obtenez les fonctionnalités de la classe parente et de la sous-classe.
  • Dans l’héritage prototypes, il n’y a aucune une telle chose comme des classes. Vous pouvez simplement définir un objet et introduire quelque fonctionnalité est nécessaire. Lorsque vous voulez ajouter des fonctionnalités à un objet existant, vous le faites en l’ajoutant au prototype de l’objet. Si vous essayez d’appeler une méthode sur un objet tel que numéro puis il tentera de la méthode sur cet objet. Si elle ne trouve pas, alors elle se déplacera vers le haut de la chaîne jusqu'à ce qu’il trouve la méthode (qui peut-être vivre sur l’objet de base).

Enfin et peut-être le plus important à noter, est que lorsque vous apportez une modification à un objet par l’intermédiaire de son prototype, alors il est accessible à toute personne qui utilise cet objet (au moins dans le contexte de votre environnement).

Il est vraiment puissant, c’est vraiment cool, mais il faut aussi un léger changement dans la pensée, si vous n’êtes pas habitué à travailler dans un environnement comme ça.

Comment utilisons-nous les JavaScript ?

En ce qui concerne la façon dont nous mettons réellement JavaScript à utiliser, cela dépend en définitive quels sont vos objectifs. A un moment, travailler avec JavaScript signifiait qu’il fallait "faire quelque chose se produire" sur une page web. Il était destiné à contrôler le comportement.

Cela pourrait être introduit un élément, retirant (ou cacher) un élément, ou des choses comme ça. Puis le web avancé un peu et les navigateurs ont été en mesure d’effectuer des appels asynchrones au serveur, gérer la réponse et puis modifiez l’état de la page basée sur cette réponse.

Tout cela est réalisé via Ajax. Si vous lisez ceci, vous êtes probablement familier avec le terme. Si vous n’êtes pas, vous pouvez penser de celui-ci comme un moyen pour JavaScript pour effectuer un appel vers le serveur hébergeant la page et ensuite traiter la réponse qu’il reçoit tout sans recharger la page.

Mais il est élevé même au-delà.

Google a mis au point un JavaScript très sophistiquée appelée V8 de moteur d’analyse, et autres navigateurs sont efforcent de fournir des performances JavaScript optimales, aussi bien.

The landing page for Chrome V8 Googles JavaScript Engine

En fait, nous sommes maintenant en mesure d’écrire JavaScript sur le serveur à l’aide d’outils tels que Node.js. En outre, nous sommes même en mesure de construire des applications hybrides qui s’exécutent sur nos appareils mobiles. Cela signifie que nous sommes en mesure de construire des solutions pour nos téléphones, nos tablettes et nos ordinateurs de bureau grâce à l’utilisation de JavaScript.

The homepage for Nodejs a runtime engine for writing JavaScript on the server

Et cela vient d’un langage qui était autrefois utilisé comme un moyen d’animer les choses sur un écran. Tout cela pour dire c’est que si vous débutez en JavaScript, ne sous-estimez pas elle.

"Que dois-je attendre de la langue ?"

Tout cela est intéressant à lire et c' est amusant de voir ce que nous sommes en mesure de le faire, mais du point de vue purement pratique, que pouvons-nous attendre du langage JavaScript ?

Peu importe que vous soyez nouveau à la langue ou que vous cherchez à apprendre une nouvelle langue, quand vous venez d’un autre milieu, vous avez un niveau d’attentes quant à ce que la langue peut offrir.

Et même si nous avons parlé sur le fonctionne de la langue du point de vue interne, nous n’avons pas vraiment parlé les objets qui sont disponibles dans la langue, sans parler d’API. Pour être honnête, couvrant les API et les fonctions intégrées dans la langue serait un article tous les siens.

Mais couvrant ses objets intégrés ? C’est quelque chose que nous pouvons examiner avant la fin de cet article :

  • Objet. L’objet de base dont tous les autres objets héritent certaines de leurs fonctionnalités de base.
  • Fonction. JavaScript étant véritablement orienté objet, cela signifie que tout est un objet, y compris les fonctions. Donc lorsque vous créez une nouvelle fonction, vous créez une référence à un objet avec un type de fonction. Et fonctions possèdent des propriétés que vous pouvez inspecter pendant l’exécution (tels que les arguments passés dedans).
  • Boolean facultatif. Cet objet est un wrapper d’objet pour une valeur de type boolean. Dans de nombreuses langues, valeurs booléennes sont un type de données qui est soit vraie soit fausse. En JavaScript, vous pouvez toujours travailler avec ces valeurs, mais ils doivent être interprétés comme des objets.
  • Nombre. Dans nombreux langages de programmation, il y a des types primitifs tels que float, int, double, et ainsi de suite. En JavaScript, il n’y a qu’un type de numéro, et c’est aussi un objet.
  • Date. Travailler avec des dates dans la programmation n’est jamais amusant, surtout quand vous introduirez des fuseaux horaires. Je ne peux pas dire que JavaScript va résoudre tous vos problèmes en ce qui concerne les fuseaux horaires, mais il peut rendre un peu plus facile de travailler avec des dates (tout le chemin de l’année et le mois à jour, heure, minute et seconde).
  • String obligatoire. Presque chaque langage de programmation a un type de données chaîne primitive. JavaScript n’est pas très différent, sauf que, comme vous y attendre, la chaîne est un objet avec les propriétés de ses propres.

N’oubliez pas que tous les types que vous voyez ci-dessus sont des objets avec des propriétés (et fonctions) de leurs propres que vous pouvez appeler. Cela ne signifie pas que vous devez appeler des constructeurs pour instancier vos variables. Autrement dit, vous pouvez créer des chaînes et les valeurs booléennes et les nombres comme ceci :

Mais, en fin de compte, ils sont toujours objets.

Pour être clair, ce sont les objets de base. Il sont beaucoup plus avancés des objets qui sont intéressant à explorer, surtout si vous allez travailler avec la gestion des erreurs, différents types de collections au-delà de baies, et ainsi de suite.

Si vous êtes intéressé à lire davantage sur ceux-ci, alors je recommande fortement vérifier sur cette page dans le site Mozilla Developer Network.

Quelles bibliothèques et les cadres sont disponibles ?

Si vous avez été tenue avec les différents cadres, bibliothèques et d’autres outils qui existent dans l’économie de JavaScript, alors vous êtes certainement pas derrière sur vibrant à quel point l’économie est devenue.

Mais cet article vise ceux qui cherchent à démarrer avec JavaScript. Maintenant que vous avez une connaissance de base de la manière dont la langue est structurée et comment il fonctionne, il est temps de regarder les cadres offerts d’aider le développement web et/ou demande de facilité et de bibliothèques.

  • jQuery est une bibliothèque qui a pour but de fournir une API multi-navigateurs qui vous permet de "écrire moins, faire plus."
  • Angulaire est un framework JavaScript qui vise à rendre la création de pages simples demandes plus faciles.
  • React est une bibliothèque JavaScript permettant de créer des interfaces utilisateur.
  • Colonne vertébrale vise à structurer des applications web grâce à l’utilisation de modèles, de collections et de vues.
  • Ember.js est un autre cadre pour 'créer des applications Web ambitieuses'.
  • Et plus.

C'est loin d'être une liste complète de ce qui est disponible, mais c'est un début, et c'est une poignée d'options que ceux qui se familiarisent avec JavaScript devraient au moins être au courant, même si vous ne travaillez pas avec eux.

Et au fur et à mesure que vous commencez à apprendre le langage JavaScript et à utiliser certains de ces outils, vous constaterez peut-être à quel point certains d’entre eux sont populaires en ce qui concerne certaines de vos applications préférées.

Apprentissage de JavaScript

Comme vous vous en doutez, Envato est destiné à 'enseigner des compétences à des millions de personnes dans le monde'. Alors, quel serait un article comme celui-ci s'il n'incluait pas de liens vers certains de nos articles et cours JavaScript les plus populaires?

Toutes ces ressources sont idéales pour démarrer avec JavaScript et l’ajouter à votre répertoire de compétences en développement Web.

Conclusion

En matière de développement Web, JavaScript est là pour rester. Bien que vous ne puissiez pas utiliser ce qui est considéré comme du 'JavaScript vanille' et opter pour l'une des nombreuses bibliothèques et / ou infrastructures disponibles, JavaScript est un langage que presque tous les développeurs Web devraient connaître.

Bien sûr, tout le monde ne travaille pas sur le front-end. Certains ne sont que des développeurs côté serveur; certains sont des développeurs purement client. Néanmoins, nous devons tous travailler ensemble pour nous assurer que les différentes parties de nos applications communiquent les unes avec les autres.

À cette fin, il est au moins important de comprendre comment les données côté client sont envoyées au serveur via JavaScript, et comment elles sont traitées côté serveur, puis renvoyées au client pour être utilisées de quelque manière que ce soit. .

Ne soyez pas si prompt à écrire JavaScript simplement parce que vous n'êtes pas un développeur front-end. Il y a de fortes chances que quelqu'un avec qui vous travaillez l'utilise et aura besoin de votre travail pour lier certaines parties de l'application.

Certes, cet article ne fait qu'effleurer la surface. Comme je l'ai dit au début, le but de l'article est d'expliquer ce qu'est JavaScript, comment il est utilisé et ce qu'il faut en attendre, en particulier pour ceux qui débutent avec la langue.

Si vous avez apprécié cet article, vous pouvez également consulter mes cours et tutoriels sur ma page de profil et, si cela vous intéresse, vous pouvez lire plus d'articles spécifiquement sur WordPress et le développement de WordPress sur mon blog.

Ressources supplémentaires

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.