Partage de technologie

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

Le développement Web front-end, en tant que composant important de la technologie front-end, a toujours occupé une place importante. Il existe un grand nombre de praticiens du développement front-end dans l'ensemble de l'industrie informatique. Intelligence artificielle, le système de connaissances frontal actuel s'enrichit également progressivement.

Les amis qui connaissent le travail front-end Web savent qu'il existe de nombreuses technologies sur le Web. Si vous souhaitez devenir un ingénieur front-end Web qualifié, vous devez maîtriser les technologies une par une, comme Html, CSS, Ajax, jquery, extjs et JavaScript.

Technologie de base

1. HTML

La maîtrise du HTML est au cœur des pages Web, un langage standard pour créer des pages du World Wide Web, un langage utilisé par les navigateurs du World Wide Web, et il élimine les barrières à l'échange d'informations entre différents ordinateurs. Il s’agit donc actuellement du langage le plus utilisé sur Internet et du principal langage permettant de former des documents Web. Bien apprendre le HTML est une condition de base pour devenir développeur Web front-end.

HTML est un langage de balisage qui implémente des pages Web et les affiche dans les navigateurs. En tant que dernière version de HTML, HTML5 introduit un certain nombre de nouvelles technologies, améliorant considérablement sa prise en charge des applications, faisant ainsi que la technologie Web ne se limite plus au rendu du contenu Web.

Avec le développement de CSS, JavaScript, Flash et d'autres technologies, les capacités de traitement des applications du Web ont progressivement augmenté et l'expérience des utilisateurs en matière de navigation sur le Web a été considérablement améliorée. Cependant, plusieurs nouvelles technologies HTML5 ont réalisé des percées qualitatives, faisant pour la première fois de la technologie Web considérée comme proche de la technologie d'application native locale, et le développement d'applications Web est véritablement devenu un choix pour les développeurs.

HTML5 peut grandement simplifier le travail des développeurs. En théorie, un seul développement peut être exécuté sur différentes plates-formes à l'aide de navigateurs, réduisant ainsi le coût de développement. Ceci est également généralement considéré par l'industrie comme l'un des principaux avantages de la technologie HTML5. . AppMobi, Motorola, Sencha, Appcelerator et d'autres sociétés ont lancé des outils de développement relativement matures pour prendre en charge le développement d'applications HTML5.

2. CSS

Bien apprendre le CSS est un point important dans l’apparence des pages Web. CSS peut contribuer à rendre l’apparence des pages Web plus belle.

3. JavaScript

Apprendre la syntaxe de base de JavaScript et savoir programmer avec JavaScript améliorera vos compétences personnelles en tant que développeur.

JavaScript est un langage de programmation interprété léger conçu pour créer des applications centrées sur le Web. JavaScript est très simple à mettre en œuvre car il est intégré au HTML, il est ouvert et multiplateforme.

Le rôle de javascript :

• 1) Rendre les pages Web interactives, par exemple en répondant aux clics des utilisateurs et en offrant aux utilisateurs une meilleure expérience.

• 2) Il peut traiter les formulaires, vérifier les entrées des utilisateurs et fournir des commentaires en temps opportun pour faire gagner du temps aux utilisateurs. Par exemple, si le formulaire vous demande de saisir votre adresse e-mail mais que vous saisissez un numéro de téléphone portable, vous devriez recevoir un rappel.

• 3). Les pages peuvent également être créées dynamiquement en fonction des opérations de l'utilisateur. Par exemple, lors de l'envoi d'un e-mail, ajoutez une pièce jointe.

• 4) Définir des cookies Les cookies sont des informations temporaires stockées sur le navigateur, telles que l'adresse du site Web que vous avez visité et le nom d'utilisateur que vous avez utilisé.

• 5) JavaScript simplifie les paragraphes HTML régulièrement répétés et réduit le temps de téléchargement.

• 6), navigateur etserveurEffectuer la communication de données, telle que la transmission asynchrone Ajax la plus populaire ;

• 7) Interface plus riche, vous pouvez utiliser JavaScript pour inclure des éléments tels que des composants glisser-déposer et des curseurs afin de fournir une interface riche aux visiteurs de votre site.

4. jQuery

jQuery est un autre excellent framework Javascript après prototype. jQuery est une bibliothèque javascript rapide et concise qui permet aux utilisateurs de traiter plus facilement des documents et des événements HTML, d'obtenir des effets d'animation et de fournir facilement une interaction AJAX pour les sites Web.

5. PHP

PHP, un nom d'abréviation imbriqué, est l'abréviation de l'anglais Hypertext Preprocessing Language (PHP : Hypertext Preprocessor). PHP est un langage HTML intégré.

6. AJAX

AJAX signifie « Asynchronous Java and XML » et fait référence à une technologie de développement Web permettant de créer des applications Web interactives. La prononciation courante en Chine est « Ajax », qui est la même que la prononciation de l'équipe de football de l'Ajax.

Ajax est une technologie utilisée pour créer des pages Web dynamiques et rapides. En échangeant une petite quantité de données avec le serveur en arrière-plan, Ajax peut mettre à jour des parties de la page Web sans recharger la page Web entière.

7. API

L'API (Application Programming Interface) est un ensemble de fonctions prédéfinies qui offrent aux applications et aux développeurs la possibilité d'accéder à un ensemble de routines basées sur certains logiciels ou matériels sans avoir à accéder au code source ou à comprendre les détails internes du mécanisme de travail.

8. ASP

ASP est l'abréviation d'Active Server Page, qui signifie « page de serveur dynamique ». ASP est une application développée par Microsoft pour remplacer les programmes de script CGI. Elle peut interagir avec des bases de données et d'autres programmes et constitue un outil de programmation simple et pratique. Le format des fichiers de pages Web ASP est le suivant. asp, maintenant couramment utilisé dans divers sites Web dynamiques.

9. Google Web Toolkit

Google Web Toolkit (GWT en abrégé) est un kit de développement d'applications Ajax lancé par Google qui aide les développeurs à développer des applications Ajax à l'aide du langage Java.

10. Système d'exploitation

Comprendre les bases d'Unix et de Linux est bénéfique pour les développeurs.

11. Serveur réseau

Comprendre le serveur Web, y compris la configuration de base d'Apache, maîtriser les compétences de configuration htaccess, etc.

cadre frontal

Après s'être familiarisé avec HTML, les langages de script côté serveur, CSS et JavaScript, l'apprentissage des frameworks Web peut accélérer le développement Web et gagner du temps. Les frameworks facultatifs pour les programmeurs PHP incluent CakePHP, CodeIgniter, Zend, etc. Les programmeurs Python aiment utiliser Django et webpy, et les programmeurs Ruby utilisent souvent RoR.

À mesure que le Web devient de plus en plus standardisé, la technologie de composantisation Web continue d'innover et le développement de terminaux mobiles continue de se sublimer. Voici quelques cadres frontaux open source courants :

• Amorcer

L'un des frameworks les plus répandus, Bootstrap est basé sur HTML, CSS et JavaScript. Il est simple et flexible, ce qui accélère le développement Web.

html5-modèle

Ce framework peut rapidement créer des applications Web ou des sites Web robustes et adaptables.

• Météore

Meteor est une nouvelle génération de framework open source pour le développement d'applications Web en temps réel, qui peut terminer le développement dans un délai plus court.

• Interface utilisateur sémantique

Cadre de composants d'interface utilisateur basé sur des principes efficaces du langage naturel

• Fondation

Excellent framework front-end réactif

• Se concrétiser

Un framework front-end réactif et moderne basé sur la conception matérielle. Des styles par défaut et des composants personnalisés peuvent être fournis. De plus, Materialise améliore les animations et les transitions pour offrir aux développeurs une expérience fluide.

• Pur

Un ensemble de petits modules CSS réactifs qui peuvent être utilisés dans presque tous les projets Web.

• Vue

Vue.js est une bibliothèque permettant de créer des interfaces Web interactives. Il fournit une liaison de données MVVM et un système de composants composables avec une API simple et flexible.

• Angulaire

AngularJS a été créé en 2009 par Misko Hevery et d'autres, puis acquis par Google. Il s’agit d’un excellent framework JS front-end utilisé dans de nombreux produits. Il ne s'agit pas seulement d'un framework de développement front-end avec des concepts avancés, mais aussi d'une solution de bout en bout. Il suit le modèle MVC dans la conception architecturale et préconise un couplage lâche des composants de données et de traitement logique. AngularJS réalise l'extension naturelle du HTML grâce à la technologie d'instruction et réalise une synchronisation automatique bidirectionnelle du modèle de données et de la vue d'affichage grâce à la technologie de compilation, allégeant ainsi les opérations DOM complexes. En outre, il fournit également une bonne prise en charge de la technologie de test automatisé frontal.

Angular est un framework frontal permettant de créer des interfaces d'application uniques. Il possède de nombreuses fonctionnalités de base telles que la liaison de données, les services, les directives, l'injection de dépendances, etc.Il possède des fonctions de module puissantes et présente les avantages des commandes personnalisées

• Réagir

React, produit par Facebook, a été officiellement lancé en 2013, 4 ans plus tard qu'angular. Cependant, grâce à son VirtualDOM innovant, il a dépassé angulaireJS en termes de performances. Une fois lancé, il est devenu très populaire. Il possède de nombreuses fonctionnalités, notamment VirtualDOM, JSX, l'algorithme Diff, etc., prend en charge la syntaxe ES6 et utilise une programmation fonctionnelle. Le seuil est légèrement plus élevé, mais il est également plus flexible, permettant plus de possibilités de développement.

React est principalement utilisé pour créer une interface utilisateur. Vous pouvez transmettre différents types de paramètres dans React, tels que du code de déclaration pour vous aider à restituer l'interface utilisateur, des éléments HTML DOM statiques, des variables dynamiques et même des composants interactifs.

• Squelette

Skeleton est une collection de petits fichiers JS et CSS permettant de développer rapidement de superbes sites Web adaptés à divers appareils à écran, y compris les téléphones mobiles. Skeleton est développé sur la base d’une grille 960. Il s'agit d'un framework d'interface utilisateur.

• Interface utilisateur d'Amaze

La première série de produits de framework frontal multi-écran HTML5 open source en Chine, avec une meilleure prise en charge de la composition chinoise et de riches composants localisés. Cette série de produits comprend Amaze UI Touch, un cadre de développement d'applications hybrides HTML5 spécifiquement destiné aux terminaux mobiles, et Amaze UI Web, conçu pour le développement de pages Web HTML5 multi-écrans. Parmi eux, Amaze UI Touch peut aider les développeurs à créer rapidement des applications mobiles HTML5 exclusives comparables aux applications natives grâce à des composants riches.

• Kit d'interface utilisateur

Un framework frontal léger et modulaire pour un développement rapide et des interfaces Web puissantes.

• Yui

Yahoo! UI Library (YUI) est une bibliothèque de fonctions JavaScript open source Afin de créer une page Web hautement interactive, elle utilise des technologies de codage telles que AJAX, DHTML et DOM. Il contient également de nombreuses ressources CSS. La licence d'utilisation est la licence BSD.

• bisous

Un framework JavaScript multiterminal, modulaire, hautes performances et facile à utiliser.

• MUI

Le framework le plus proche du framework front-end de l’expérience native des applications.

• Aralé

Une bibliothèque de classes de base frontale ouverte, simple et facile à utiliser.

• JX

JX est un framework Web frontal modulaire et non intrusif particulièrement adapté à la création et à l'organisation d'applications Web à grande échelle de qualité industrielle.

• GMU

GMU est une bibliothèque de composants d'interface utilisateur mobile basée sur zepto, fournissant des composants d'interface utilisateur simples et faciles à utiliser pour webapp et pad Web App !

• ZUI

Cadre frontal HTML5 open source

• Clouda Touch.js

Touch.js est une bibliothèque de reconnaissance gestuelle et d'événements pour les appareils mobiles, et est également un développement largement utilisé au sein de Baidu.