Différence entre jQuery, AngularJS et Node.js
Je viens de commencer le développement web, et jusqu'à présent je sais:
HTML - mise en page du site
CSS - le rendre joli
JavaScript - fonctionnalité
Alors qu'est-ce que jQuery , AngularJS , et Node.js ?
Après une recherche rapide, jQuery est une "bibliothèque JavaScript", AngularJS est un "framework d'applications Web frontales open source basé sur JavaScript" et Node.js est un "environnement d'exécution JavaScript".
Ils semblent tous être liés à JavaScript, sont-ils donc de nouveaux langages? Que veut dire 'framework/library'?
Une réponse simple serait appréciée. (Je viens de commencer la programmation Web, mais je suis familier avec la programmation).
jQuery est une bibliothèque (côté client)
jQuery est une bibliothèque JavaScript rapide, petite, légère, "écrivez moins, faites plus" et riche en fonctionnalités.
Il simplifie considérablement la navigation et la manipulation de documents HTML, la gestion d'événements, l'animation et Ajax grâce à une API facile à utiliser qui fonctionne avec une multitude de navigateurs.
AngularJS est un framework MVC (côté client)
AngularJS est un framework JavaScript MVC côté client permettant de développer une application Web dynamique.
Il vous permet d'utiliser HTML comme langage de template et vous permet d'étendre la syntaxe de HTML pour exprimer les composants de votre application de manière claire et succincte. La liaison de données et l'injection de dépendance d'AngularJS éliminent une grande partie du code que vous auriez sinon dû écrire. Et tout se passe dans le navigateur, ce qui en fait un partenaire idéal pour toutes les technologies de serveur. AngularJS a été lancé à l'origine sous forme de projet dans Google, mais il s'agit désormais d'un framework open source.
Node.js est une plate-forme et un environnement d'exécution (côté serveur)
Node.js est un environnement d'exécution open source et multiplate-forme permettant de développer des applications côté serveur et des applications réseau reposant sur le moteur JavaScript de Google Chrome. Les applications Node.js sont écrites en JavaScript et peuvent être exécutées dans l'exécution de Node.js sous OS X, Microsoft Windows et Linux.
Node.js fournit également une riche bibliothèque de divers modules JavaScript, ce qui simplifie grandement le développement d'applications Web utilisant Node.js. Node.js utilise un modèle d'E/S non bloquant, piloté par événement, qui le rend léger et efficace, parfait pour les applications temps réel gourmandes en données exécutées sur des périphériques distribués.
Bibliothèque contre Framework
La principale différence entre une bibliothèque et un framework est “Inversion of Control”. Lorsque vous appelez une méthode depuis une bibliothèque, vous avez le contrôle. Mais avec un framework, le contrôle est inversé: le framework vous appelle.
Bibliothèque
Un ensemble de fonctions utiles lors de l’écriture d’applications Web. Votre code est en charge et appelle la bibliothèque quand il le juge nécessaire. Par exemple, jQuery.
Cadre
Une implémentation particulière d'une application Web, où votre code renseigne les détails. Le framework est en charge et appelle votre code lorsqu'il a besoin de quelque chose de spécifique à l'application. Par exemple, AngularJS, Durandal , Ember.js , etc.
En des mots simples,
- jQuery - est une collection de fonctions JavaScript permettant de manipuler HTML et CSS
- AngularJS - est un framework JavaScript qui vous aide à organiser HTML et CSS
- Node.js- est un runtime JavaScript ... un peu comme un navigateur sur votre serveur ou votre machine locale, mais sans tout le moteur de rendu du navigateur et ses extras ... c'est juste un runtime
La différence majeure entre bibliothèque et framework en mots simples:
Framework impose une certaine architecture et attend de l'application qu'elle réponde à ses attentes
Library est une collection de blocs de construction de bas niveau fournissant souvent des fonctions granulaires destinées à résoudre des problèmes très spécifiques (fonction jquery.post ()) *
jQuery
jQuery est une bibliothèque qui fait beaucoup de choses pour vous. Il contient de nombreuses fonctions pratiques et couramment utilisées pour que vous n'ayez pas à écrire ce code vous-même. C'est en quelque sorte la différence entre être charpentier à l'âge de pierre ou disposer d'un éventail d'outils électriques à votre disposition.
AngularJS
AngularJS est un framework utilisé pour construire des interfaces utilisateur graphiques (GUI) frontales pour des sites Web interactifs et des applications Web. C'est une combinaison puissante lorsqu'il est utilisé aux côtés de Node.js
Node.js
Node est un framework utilisé pour créer des services Web back-end , tels que l'API RESTE points finaux qui extraient des données pour vous. en arrière-plan. Vous pouvez connecter des boutons et des éléments d'interface graphique à ces ordinateurs d'extrémité en utilisant AngularJS pour créer des applications Web et des rapports Web riches et basés sur des données. Étant RESTful, ces services attendent que le serveur frontal leur envoie une demande (l'utilisateur clique sur un bouton) et exécutent une requête dans la base de données ou lisent un fichier et récupèrent des données que l'application Web peut ensuite afficher à l'utilisateur.
Cadres en général
Les structures de la précédente analogie avec les charpentiers sont comme l’engagement d’une équipe de constructeurs professionnels pour effectuer le travail à votre place. Vous décrivez le travail de manière suffisamment détaillée, ils prennent le relais et le réalisent réellement. Ainsi, votre tâche est réduite à l’élaboration des spécifications du travail dans le langage correct que l’équipe de constructeurs doit comprendre, plutôt que de le faire vous-même.
AngularJS serait comme l'équipe de design d'intérieur avec électrique, et Node.js serait tout le reste. Trop simplifié? Peut être. Mais vous avez demandé une explication simple.
Ainsi, vous pourriez considérer AngularJS et Node.js comme des contraires, mais ils peuvent être utilisés ensemble dans la même application ou le même projet. Ils remplissent des objectifs différents, mais ils utilisent tous deux JavaScript (et jQuery dans une certaine mesure) pour le faire.
Framework : Ceci décrit une structure donnée de comment vous devez présenter votre code. Cela ressemble beaucoup à un modèle de code, accompagné de quelques aides, constructeurs, etc. pour résoudre/simplifier un problème spécifique ou mettre votre architecture en ordre. Exemples, Backbone.js , RequireJS, Socket.IO . Un framework encapsule les fonctionnalités communes de l'application, permettant au développeur de se concentrer sur les composants propres à leur application.
Bibliothèque : est une boîte à outils complète qui permet d’abréger les différentes couches, comme les navigateurs, les modèles DOM, etc. Elle constitue également un bon outil qui offre et des choses intéressantes à travailler, ce qui simplifie en général votre expérience de codage. Les exemples sont jQuery et MooTools .
Regardez ici pour plus d'informations.
Voici pourquoi ils deviennent de plus en plus populaires jour après jour:
jQuery
- Les codes JQuery sont relativement plus courts. Parfois, cinq lignes de code jQuery équivalent à 25 lignes de code JavaScript conventionnel (par exemple, le chargement d'un fichier de données avec AJAX). Cela signifie moins de code et des fichiers beaucoup plus petits.
- Grande bibliothèque: jQuery vous permet d’exécuter des tonnes de fonctions par rapport à d’autres bibliothèques JavaScript.
- Super facile à utiliser avec Ajax: jQuery vous permet de développer des modèles Ajax avec une grande facilité. Ajax offre une interface plus élégante où les actions peuvent être effectuées sur des pages sans nécessiter le rechargement de la page entière.
AngularJS
- Liaison de données bidirectionnelle: même si vous pouvez écrire un événement de liaison de données bidirectionnel simple dans jQuery, les bibliothèques JavaScript MVC fournissent un moyen plus déclaratif (utilisant HTML) de connecter des modèles à votre vue.
- Idéal pour SPA ( applications d'une seule page ): des bibliothèques telles que AngularJS, Aurelia, Ember.js et Meteor fournissent toute la plomberie pour vous. au lieu d'écrire tout cela dans jQuery
Node.js
- C'est rapide: en plus d'une exécution JavaScript ultra-rapide, la véritable magie derrière Node.js est la boucle d'événement. La boucle d'événement est un thread unique qui effectue toutes les opérations d'E/S de manière asynchrone. Traditionnellement, les opérations d'E/S sont exécutées de manière synchrone (blocage) ou asynchrone en générant des threads parallèles pour effectuer le travail.
- Facilité d'utilisation du temps réel: Si Node.js excelle sur de nombreuses connexions simultanées, il est donc logique qu'il excelle sur les applications Web multi-utilisateurs en temps réel, telles que le chat et les jeux. La boucle d'événements de Node.js prend en charge l'exigence multi-utilisateur.
Vous utilisez HTML, CSS et JavaScript pour créer des sites Web interactifs.
jQuery est un outil écrit en JavaScript.
AngularJS est un outil écrit en JavaScript.
React est un outil écrit en JavaScript.
Ces outils vous aident à gérer les interactions entre HTML, CSS et JavaScript selon leurs propres règles. Lorsqu'un outil devient vraiment volumineux, il peut prendre un nom tel que "bibliothèque" ou "framework" en fonction de ses caractéristiques.
Nous utilisons souvent JavaScript dans un navigateur Web. Mais, il y a quelques années, ce truc appelé Node.js est arrivé, ce qui nous permettait d'exécuter facilement du JavaScript en dehors du navigateur. J'aime y penser comme "un programme qui exécute JavaScript en dehors du navigateur" (ce qui signifie ... il n'y a pas de HTML ou de CSS à regarder).