Différence entre jQuery, AngularJS et Node.js

Question

Je débute dans le développement web, et pour l'instant je sais :

HTML - mise en page du site web

CSS - pour que ce soit joli

JavaScript - fonctionnalité

Alors qu'est-ce que jQuery , AngularJS et Node.js ?

Après une recherche rapide, j'ai découvert que jQuery est une "bibliothèque JavaScript", AngularJS est un "cadre d'application web frontal open-source basé sur JavaScript", et Node.js est un "environnement d'exécution JavaScript".

Ils semblent tous liés à JavaScript, alors s'agit-il de nouveaux langages ? Que signifie le terme "framework/librairie" ?

Une réponse simple serait appréciée. (Je viens de commencer la programmation web, mais je suis familier avec la programmation).

Answer 1

jQuery est une bibliothèque (côté client)

jQuery est une bibliothèque JavaScript rapide, petite, légère, "écrire moins, faire plus", et riche en fonctionnalités.

Il permet de faire des choses comme la traversée et la manipulation de documents HTML, le traitement d'événements, l'animation et la gestion de l'information. Ajax beaucoup plus simple grâce à une API facile à utiliser qui fonctionne sur une multitude de navigateurs.

AngularJS est un cadre MVC (côté client)

AngularJS est un cadre MVC JavaScript côté client permettant de développer une application web dynamique.

Il vous permet d'utiliser le HTML comme langage de modèle et d'étendre la syntaxe du HTML pour exprimer les composants de votre application de manière claire et succincte. La liaison de données et l'injection de dépendances d'AngularJS éliminent une grande partie du code que vous auriez autrement dû écrire. Et tout cela se passe dans le navigateur, ce qui en fait le partenaire idéal de toute technologie de serveur. AngularJS était à l'origine un projet de Google, mais c'est aujourd'hui un framework open source.

Node.js est une plateforme et un environnement d'exécution. (côté serveur)

Node.js est un environnement d'exécution multiplateforme à code source ouvert pour le développement d'applications côté serveur et de mise en réseau reposant sur le moteur JavaScript de Google Chrome (moteur V8). Les applications Node.js sont écrites en JavaScript, et peuvent être exécutées dans l'environnement d'exécution Node.js sur OS X, Microsoft Windows et Linux.

Node.js fournit également une riche bibliothèque de divers modules JavaScript qui simplifie dans une large mesure le développement d'applications Web à l'aide de Node.js. Node.js utilise un modèle d'E/S non bloquant, piloté par les événements, qui le rend léger et efficace, parfait pour les applications en temps réel à forte intensité de données qui fonctionnent sur des périphériques distribués.

Bibliothèque et cadre de travail

La principale différence entre une bibliothèque et un framework est "l'inversion de contrôle". contrôle". Lorsque vous appelez une méthode à partir d'une bibliothèque, vous avez le contrôle. Mais avec un framework, le contrôle est inversé : le framework vous appelle vous.

Bibliothèque

Une collection de fonctions qui sont utiles lors de l'écriture d'applications web. Votre code est responsable et il fait appel à la bibliothèque quand il le juge nécessaire. Par exemple, jQuery.

Cadre de travail

Une implémentation particulière d'une application web, où votre code remplit les détails. Le framework est responsable, et il fait appel à votre code lorsqu'il a besoin de quelque chose de spécifique à l'application. Par exemple, AngularJS, Durandal , Ember.js etc.

Answer 2

En termes simples,

• jQuery - est une collection de fonctions JavaScript permettant de manipuler le HTML et le CSS.
• AngularJS - est un cadre JavaScript qui vous aide à organiser le HTML et le CSS.
• Node.js- est un runtime JavaScript... un peu comme un navigateur sur votre serveur ou votre machine locale, mais sans le moteur de rendu du navigateur et les extras... c'est juste un runtime.

La différence majeure entre une bibliothèque et un framework en quelques mots :
Cadre de travail impose une certaine architecture et attend de l'application qu'elle suive ses attentes
Bibliothèque est une collection de blocs de construction de bas niveau fournissant souvent des fonctions granulaires visant à résoudre des problèmes très spécifiques (par exemple, la fonction jquery.post())*.

Answer 3

jQuery

jQuery est une bibliothèque qui fait beaucoup de choses pour vous. Elle contient un grand nombre de fonctions pratiques et couramment utilisées afin que vous n'ayez pas à écrire ce code vous-même. C'est un peu la différence entre être un charpentier à l'âge de pierre et disposer d'une panoplie d'outils électriques.

AngularJS

AngularJS est un framework utilisé pour construire front-end, interfaces utilisateur graphiques (GUI) pour les sites et les applications web interactifs. Il constitue une combinaison puissante lorsqu'il est utilisé avec Node.js.

Node.js

Node est un cadre utilisé pour construire services web back-end comme l'API REST qui extraient des données pour vous en arrière-plan. Vous pouvez connecter des boutons et des éléments d'interface graphique à ces points de terminaison à l'aide d'AngularJS pour créer des applications et des rapports Web riches et axés sur les données. Étant RESTful, ces services attendent que le front-end leur envoie une requête (l'utilisateur clique sur un bouton) et ils exécutent une requête de base de données ou lisent un fichier et renvoient des données que l'application web peut ensuite afficher à l'utilisateur.

Les cadres en général

Les charpentes, dans l'analogie précédente avec les charpentiers, reviennent à faire appel à une équipe de constructeurs professionnels pour faire le travail à votre place. Vous décrivez le travail avec suffisamment de détails, et ils prennent le relais et le réalisent. Ainsi, votre tâche se réduit à rédiger les spécifications du travail dans un langage correct pour que l'équipe de constructeurs puisse les comprendre, plutôt que de faire le travail vous-même.

AngularJS serait comme l'équipe de décoration intérieure avec l'électrique, et Node.js serait tout le reste. Trop simplifié ? Peut-être. Mais vous avez demandé une explication simple.

On pourrait donc penser qu'AngularJS et Node.js sont opposés, mais ils peuvent être utilisés ensemble dans la même application ou le même projet. Ils remplissent des fonctions différentes, mais ils utilisent tous deux JavaScript (et jQuery dans une certaine mesure) pour y parvenir.

Answer 4

• Cadre de travail : Ceci décrit une structure donnée de comment Un peu comme un modèle de code, avec quelques aides, constructeurs, etc. pour résoudre/simplifier un problème spécifique ou mettre de l'ordre dans votre architecture. Exemples, Backbone.js , RequireJS, Socket.IO . Un cadre encapsule la fonctionnalité commune de l'application, ce qui permet au développeur de se concentrer sur les parties qui sont uniques à son application.

• Bibliothèque : Est une boîte à outils complète qui abstrait fortement différentes couches, comme les navigateurs, les modèles DOM, etc. En outre, comme toute bonne boîte à outils, elle offre de nombreux outils et des trucs utiles pour travailler, ce qui, en général, simplifie votre expérience de codage. Les exemples sont jQuery et MooTools .

Regardez ici pour plus d'informations.

Answer 5

Voici pourquoi ils gagnent en popularité de jour en jour :

jQuery

• Les codes jquery sont relativement plus courts. Parfois, cinq lignes de code jQuery suffisent à remplacer 25 lignes de code JavaScript classique (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 hordes de fonctions en comparaison avec d'autres bibliothèques JavaScript.
• Travail super facile avec Ajax : jQuery vous permet de développer des modèles Ajax avec beaucoup de facilité, Ajax permet une interface plus élégante où les actions peuvent être effectuées sur les pages sans nécessiter le rechargement de la page entière. sans nécessiter le rechargement de la page entière.

AngularJS

• Liaison de données bidirectionnelle : Bien que vous puissiez écrire un simple événement de liaison de données à deux voies simple dans jQuery, les bibliothèques MVC JavaScript offrent un moyen plus déclaratif (à l'aide de HTML) de relier les modèles à votre vue. déclaratif (en utilisant le HTML) pour connecter les modèles à votre vue.
• Idéal pour le SPA ( applications monopages ) : Bibliothèques comme AngularJS, Aurelia, Ember.js et Météore fournissent toute la plomberie pour vous au lieu d'écrire tout cela en jQuery.

Node.js

• C'est rapide : En plus d'une exécution JavaScript rapide comme l'éclair, la véritable magie de Node.js est la boucle d'événements. La boucle d'événement est un unique qui effectue toutes les opérations d'E/S de manière asynchrone. Traditionnellement, les opérations d'E/S s'exécutent soit de manière synchrone (blocage), soit de manière asynchrone par spawning. soit de manière asynchrone en créant des threads parallèles pour effectuer le travail.
• Le temps réel en toute simplicité : Si Node.js excelle dans les connexions simultanées, il est logique qu'il excelle dans les applications multi-utilisateurs et les applications de gestion des données. simultanées, il est logique qu'il excelle dans le domaine du multi-utilisateur, multi-utilisateurs, en temps réel, comme le chat et les jeux. La boucle d'événement de Node.js de Node.js prend soin de l'exigence multi-utilisateurs.