Le front-end Web est la page Web affichée aux utilisateurs, c'est-à-dire la partie frontale du site Web, qui concerne les aspects visuels du site Web que les utilisateurs peuvent voir et expérimenter, c'est-à-dire tout ce que l'utilisateur voit et le contenu affiché par le navigateur Web, impliquant ce que l'utilisateur peut voir Tout ce que vous touchez, touchez et expérimentez, c'est-à-dire que l'interface Web comprend la structure de la page Web, l'apparence visuelle du Web et la mise en œuvre de l'interaction ; au niveau du Web. Le front-end Web consiste principalement à coder et à créer les éléments visibles, l'interface à travers laquelle les utilisateurs interagissent, concentrés dans une application Web ou un site Web.
L'environnement d'exploitation de ce tutoriel : système Windows 7, ordinateur Dell G3.
Qu'est-ce que le front-end Web ?
Le front-end Web est la page Web affichée à l'utilisateur, c'est-à-dire la partie front-end du site Web.
Le front-end Web, également connu sous le nom de « client », concerne les aspects visuels du site Web que l'utilisateur peut voir et expérimenter, c'est-à-dire tout ce que l'utilisateur voit et que le navigateur Web affiche, impliquant ce que l'utilisateur peut voir, toucher et expérimenter Tout, c'est-à-dire que le front-end Web comprend la structure de la page Web, l'apparence visuelle du Web et la mise en œuvre de l'interaction au niveau du Web.
Le front-end Web a évolué à partir de la production de pages Web, et le nom présente des caractéristiques évidentes de l'époque. Dans l'évolution d'Internet, la production de pages Web est un produit de l'ère Web 1.0. Le contenu principal des premiers sites Web était statique, principalement des images et du texte, et le comportement des utilisateurs lors de l'utilisation du site Web était principalement la navigation. Avec le développement de la technologie Internet et l’application de HTML5 et CSS3, les pages Web modernes sont plus belles, ont des effets interactifs significatifs et sont plus puissantes.
Le front-end Web est principalement destiné à coder et à construire des éléments visibles, qui sont les interfaces avec lesquelles les utilisateurs peuvent interagir, concentrées dans des applications Web ou des sites Web. Cela inclut également le développement d'applications mobiles et les personnes responsables de la création de la présentation ou de l'architecture de ces types d'applications sont des développeurs front-end.
Web est le Global Wide Area Network, également connu sous le nom de World Wide Web. Il s'agit d'un système d'information graphique distribué global, dynamiquement interactif et multiplateforme basé sur l'hypertexte et le HTTP. Il s'agit d'un service réseau construit sur Internet qui fournit une interface graphique, facile d'accès et intuitive permettant aux téléspectateurs de rechercher et de parcourir des informations sur Internet. Les documents et les hyperliens organisent les nœuds d'informations sur Internet dans une structure de réseau interconnectée.
Le défi de la programmation Web frontale est que les outils et les technologies utilisés pour implémenter les pages frontales changent rapidement, les ingénieurs doivent donc constamment prêter attention à l'évolution de l'industrie (comme ECMAScript 6).
Le but de la conception d'une page Web est de garantir que lorsque les utilisateurs ouvrent le site, les informations sont présentées sous une forme facile à lire et pertinente. Le problème qui vient avec cela est que les utilisateurs utilisent désormais un grand nombre d’appareils pour accéder au Web, et ces appareils ont des tailles d’écran et des résolutions différentes.
Les concepteurs doivent donc prêter attention à ces aspects lors de la conception de pages Web. Ils doivent s'assurer que leurs pages Web s'affichent correctement dans différents navigateurs, différents systèmes d'exploitation et différents appareils, ce qui nécessite une planification minutieuse de la part de l'ingénieur.
Le travail d'un développeur front-end
Le travail d'un développeur front-end consiste à implémenter des éléments visuels et interactifs. Ces fonctions visent à aider votre application ou votre site Web à attirer plus d'utilisateurs. La prise en charge des développeurs back-end crée le côté serveur de la logique de l'application et le reste du contenu d'intégration est partiellement réalisé par les développeurs front-end. Les responsabilités incluent souvent la conversion des wireframes UI/UX en code réel, produisant ainsi des interfaces plus esthétiques.
Compétences requises pour les développeurs front-end
Les développeurs front-end doivent être experts en HTML, CSS et Javascript, ou maîtriser l'écriture d'autres frameworks de type Jquery (tels que Angular JS nodeJs, etc.). En plus de comprendre et d'étudier ces cadres et techniques, vous devez également être très compétent dans la partie pré-traitement.
Les développeurs front-end doivent savoir écrire de la logique ou du code et être capables de faire fonctionner le projet dans un environnement commercial. Par conséquent, les développeurs front-end devraient pouvoir utiliser des outils de contrôle de version tels que GIT. De même, il doit également maîtriser les outils d'intégration continue et de déploiement continu tels que TeamCity ou Jenkins, qui sont importants pour les développeurs car ils aident à gérer et à automatiser les builds qui jouent un rôle essentiel en matière d'effet de développement.
Pourquoi avons-nous besoin de développeurs front-end ?
Le front-end est la personne chargée de fournir des effets visuels aux utilisateurs. Sans front-end, les utilisateurs n’auraient aucune idée de quoi faire lorsqu’ils consultent de nombreuses API. Imaginez si vous créez un site Web sur la vente de vêtements, mais que les utilisateurs ne peuvent pas voir de photos de vêtements, alors qui reviendra sur ce site Web ? Les utilisateurs ordinaires n'ont pas de compétences professionnelles, ils ont donc besoin de développeurs front-end pour que tout soit clair et simple.
(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!