Que sont les technologies Web frontales ?

Les technologies Web frontales incluent : 1. HTML, qui est un langage standard pour créer des pages Web. Il élimine les barrières à l'échange d'informations entre différents ordinateurs ; 2. CSS, qui peut contribuer à rendre l'apparence des pages Web plus belle ; ; 3. JavaScript, est un langage de programmation interprété léger ; 4. jQuery, qui permet aux utilisateurs de traiter les documents et les événements HTML plus facilement, d'obtenir des effets d'animation et de fournir facilement une interaction AJAX pour les sites Web ; 5. AJAX, pour créer des pages Web interactives ; techniques de développement web.

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

Le développement front-end Web, 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. Données et intelligence artificielle, le système de connaissances front-end actuel s'est également progressivement enrichi.

Les amis qui connaissent le travail front-end Web savent qu'il existe de nombreuses technologies dans 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, JavaScript.

Technologie de base

1. HTML

La maîtrise du HTML est le cœur des pages Web. C'est un langage standard pour créer des pages Web. élimine le besoin de communication entre différents ordinateurs et les obstacles à l'échange d'informations. 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 permet d'implémenter et d'afficher des pages Web dans les navigateurs. En tant que dernière version de HTML, HTML5 introduit un certain nombre de nouvelles technologies, ce qui améliore considérablement sa prise en charge des applications et permet à la technologie Web de ne plus se limiter au rendu du contenu Web.

Avec le développement de CSS, JavaScript, Flash et d’autres technologies, les capacités de traitement du Web pour les applications ont progressivement augmenté et l’expérience des utilisateurs en matière de navigation sur le Web a été grandement 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 important pour l'apparence d'une page Web. Le CSS peut aider à rendre l'apparence d'une page Web plus belle.

3. JavaScript

Apprendre la syntaxe de base de JavaScript et comment programmer en utilisant JavaScript améliorera les compétences personnelles des développeurs.

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, comme répondre aux clics des utilisateurs, offrir aux utilisateurs une meilleure expérience

• 2), peut traiter les formulaires, vérifier les entrées des utilisateurs et fournir en temps opportun Les commentaires font 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), vous pouvez également créer dynamiquement des pages basées sur les opérations des utilisateurs. 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é, le nom d'utilisateur que vous avez utilisé

• 5), JavaScript crée du HTML régulièrement répété. Les paragraphes sont simplifié pour réduire le temps de téléchargement.

• 6), communication de données entre le navigateur et le serveur, comme la transmission asynchrone Ajax la plus populaire ;

• 7), une interface plus riche qui peut utiliser JavaScript pour inclure des composants et des curseurs par glisser-déposer. projet pour 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 des documents HTML, des événements et d'obtenir des effets d'animation plus facilement 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 English Hypertext Preprocessing Language (PHP : Hypertext Preprocessor). PHP est un langage HTML intégré.

6. AJAX

AJAX signifie "Asynchronous Java and XML" (Asynchronous Java and XML), qui 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 rapides En échangeant une petite quantité de données avec le serveur en arrière-plan, Ajax peut mettre à jour une partie de la page Web sans recharger la page Web entière.

7、API

API (Application Programming Interface, Application Programming Interface) est un ensemble de fonctions prédéfinies conçues pour fournir 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 à le comprendre. . Détails du fonctionnement interne.

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 en utilisant le langage Java.

10. Système d'exploitation

Comprendre les connaissances de base 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.

Front-end framework

Après s'être familiarisé avec HTML, le langage 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 frameworks front-end open source courants :

• Bootstrap

One. Parmi les frameworks traditionnels, Bootstrap est basé sur HTML, CSS et JavaScript. Il est simple et flexible, ce qui accélère le développement Web.

html5-boilerplate

Ce framework peut rapidement créer une application Web ou un site Web robuste et adaptable.

• Meteor

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 en un temps plus court.

• Semantic UI

Un cadre de composants d'interface utilisateur basé sur les principes efficaces du langage naturel

• Foundation

Excellent framework front-end réactif

• Matérialiser

basé sur un framework front-end réactif et moderne pour 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.

• Pure

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.

• Angular

AngularJS a été créé par Misko Hevery et d'autres en 2009, et a ensuite été 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 une interface d'application unique. 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 de puissantes fonctions de module et présente les avantages des commandes personnalisées

• React

React, produit par Facebook, la version officielle a été lancée en 2013, 4 ans plus tard qu'angular, mais grâce à son innovant VirtualDOM, qui écrase angulaireJS en termes de performances, est devenu très populaire une fois lancé. 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 des codes de déclaration pour vous aider à restituer l'interface utilisateur, des éléments HTML DOM statiques, des variables dynamiques et même des composants d'application interactifs.

• Skeleton

Skeleton est une collection de petits fichiers JS et CSS qui permettent 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.

• Amaze UI

La première série de produits de framework frontal multi-écran HTML5 open source de 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.

• UIkit

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.

• kissy

Un framework JavaScript multi-terminal, modulaire, performant et facile à utiliser.

• MUI

Le framework le plus proche du framework front-end de l'expérience App native.

• Arale

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

• JX

JX est un framework frontal Web 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 l'application Web et l'application Web !

• ZUI

Framefront-end HTML5 open source

• Clouda Touch.js

Touch.js est une bibliothèque de reconnaissance de gestes et d'événements sur les appareils mobiles, et est également largement utilisé dans le développement de Baidu.

(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!