Quelle est la différence entre le développement web front-end et back-end ?

Différence : 1. Le front-end fait référence à l'interface visible par l'utilisateur, et le back-end fait référence aux éléments invisibles pour l'utilisateur. Il prend en compte la mise en œuvre de la logique métier sous-jacente, la stabilité et les performances de la plateforme. etc. 2. Les technologies utilisées dans le développement front-end incluent html5, css3, js, jquery, Bootstrap, Node.js, Vue, etc. tandis que le développement back-end utilise des technologies de serveur telles que Java, php et le protocole HTTP. 3. Du point de vue de la portée des applications, le développement front-end est non seulement bien connu des gens ordinaires, mais ses scénarios d'application sont beaucoup plus larges que ceux du back-end.

L'environnement d'exploitation de ce tutoriel : système Windows 7, ordinateur Dell G3.

Il y a une différence entre le développement front-end et le développement back-end. Le contenu du travail et les choses dont vous êtes responsable sont complètement différents.

Qu'est-ce que le développement web front-end

Le web front-end, également connu sous le nom de « client », concerne l'aspect visuel du site Web que les utilisateurs peuvent voir et expérimenter, c'est-à-dire tout ce que l'utilisateur voit affiché. par le contenu du navigateur Web, tout ce que les utilisateurs peuvent voir, toucher et expérimenter. Tels que l'interface utilisateur graphique (GUI) et la ligne de commande, y compris la conception, le menu de navigation, le texte, les images colorées, les vidéos, les boutons magnifiques, etc.

Les ingénieurs de développement Web front-end sont responsables de la page frontale du site Web, c'est-à-dire du développement de la page Web. En termes simples, le front-end du site Web est responsable des éléments visibles sur le site Web. utilisateurs, tels que les effets spéciaux sur la page Web, la mise en page de la page Web, les images, les vidéos et autres contenus. Le contenu du travail de l'ingénieur front-end du site Web consiste à concevoir les rendus de conception artistique dans des pages Web pouvant être exécutées par le navigateur et à travailler avec les ingénieurs de développement back-end pour afficher et interagir avec les données sur les pages Web.

Qu'est-ce que le développement backend Web

Le backend Web, également connu sous le nom de « côté serveur », désigne tout ce que les utilisateurs ne peuvent pas voir et avec lequel interagir dans le navigateur, comme les bases de données et les serveurs. Fondamentalement, tout ce qui se passe dans les coulisses se résume au développement du backend Web, qui est le catalyseur de l'expérience du frontend Web.

Le backend Web est chargé de stocker et d'organiser les données et de garantir que tout sur le frontend Web fonctionne correctement. Le backend communique avec le frontend, envoyant et recevant des informations à afficher sous forme de page Web.

Le développement back-end est généralement appelé backend. Il est responsable de la conception et de la mise en œuvre de la logique backend du site Web ainsi que de la sauvegarde et de la lecture des données des utilisateurs et du site Web. Par exemple, sur les sites Web généraux, les utilisateurs s'inscrivent et se connectent. Les informations d'enregistrement de l'utilisateur sont envoyées au backend via le front-end, et le backend les enregistre dans la base de données. Lorsque l'utilisateur se connecte au site Web, le backend doit transmettre le message. Nom d'utilisateur et mot de passe saisis par l'utilisateur. Conformément à la base de données pour déterminer si l'utilisateur est autorisé à se connecter, il s'agit de l'une des fonctions les plus simples du développement backend.

La différence entre le développement web front-end et back-end

Méthode d'affichage

Le front-end fait référence à l'interface visible par l'utilisateur, et la page front-end du site Web est également le développement de la page Web, tels que les effets spéciaux, la mise en page et les images sur la page Web, la vidéo, l'audio et tout autre contenu. Le contenu du travail frontal consiste à concevoir les rendus de conception artistique dans des pages Web pouvant être exécutées par le navigateur et à coopérer avec le back-end pour réaliser des aspects visuels tels que l'affichage des données et l'interaction sur la page Web.

Le back-end fait référence à des éléments invisibles pour l'utilisateur. Il interagit généralement avec les ingénieurs front-end et enregistre et lit les données du site Web. Relativement parlant, le back-end implique beaucoup plus de code logique que le front-end. le back-end considère qu'il s'agit de la mise en œuvre de la logique métier sous-jacente, de la stabilité et des performances de la plateforme, etc.

Technologies utilisées

Les technologies utilisées dans le développement front-end incluent, sans s'y limiter, html5, css3, javascript, jquery, Bootstrap, Node.js, Webpack, AngularJs, ReactJs, VueJs et d'autres technologies.

Le développement back-end, en prenant Java comme exemple, utilise principalement des technologies comprenant, mais sans s'y limiter, Struts spring springmvc Hibernate Http protocol Servlet Tomcat server et d'autres technologies.

Champ d'application

Du point de vue du champ d'application, le développement front-end est non seulement bien connu des gens ordinaires, mais ses scénarios d'application sont beaucoup plus larges que ceux du back-end.

1. PC (Personal Computer) est un ordinateur personnel. À l'heure actuelle, le côté informatique reste un domaine majeur du front-end, qui est principalement divisé en divers sites Web destinés au public, tels que les médias d'information, les réseaux sociaux, le commerce électronique, les forums, etc., ainsi que divers CMS (systèmes de gestion de contenu) pour les administrateurs et autres systèmes de gestion back-end.

2. Web App fait référence à une application Web qui utilise la technologie de développement Web pour offrir une meilleure expérience utilisateur. Elle fonctionne sur les téléphones mobiles et les navigateurs de bureau. Avec l'amélioration de la vitesse du réseau mobile, Web App nous offre une grande commodité. De plus, depuis deux ans, Google a proposé une nouvelle forme de Web App, à savoir PWA (Progressively Enhanced Web APP).

3. WeChat (WeChat) est une plate-forme avec une large base d'utilisateurs, c'est donc également un autre domaine important pour notre développement front-end. Les comptes officiels et les comptes d’abonnement de WeChat ont créé un nouveau monde pour les praticiens du marketing et des médias autonomes.

4. L'application hybride (Hybrid App) fait référence à une application entre une application Web et une application native (principalement Android ou iOS). Elle combine les avantages de la bonne expérience d'interaction utilisateur de l'application native et les avantages du développement multiplateforme de l'application Web.

5. Game (Game), les jeux HTML5 sont hors de contrôle depuis que Neurocat développé par le moteur Egret a fait exploser le cercle d'amis en 2014. Mais désormais, le développement de jeux devient de plus en plus complexe, nécessitant la production de divers effets éblouissants, ainsi que de scènes plus éblouissantes que la 2D ou la 3D.

6. Les logiciels d'application de bureau désignent les différents types de logiciels installés sur les ordinateurs dans notre vie quotidienne. Au début, pour développer des applications de bureau, il fallait prendre en charge une bibliothèque d'interface utilisateur (interface) de langage spéciale, telle que la bibliothèque Qt, la bibliothèque MFC en C++, Swing de Java, PyQT de Python, etc. Sinon, le langage ne serait pas en mesure d'effectuer développement rapide d’interfaces.

7. Dès la sortie de Server Node.js, il a immédiatement provoqué un tollé parmi les ingénieurs front-end qui ont presque immédiatement montré un enthousiasme et des attentes considérables pour cette technologie. En voyant le nom Node.js, les débutants peuvent penser à tort qu'il s'agit d'une application Java. En fait, Node.js est écrit en langage C++ et est un environnement d'exécution Java.

(Partage de vidéos d'apprentissage : Démarrer avec le front-end Web)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!