Introduction aux concepts et technologies de base utilisés dans le développement Web_HTML/Xhtml_Production de pages Web

Aujourd'hui, cet article présente aux débutants quelques concepts et technologies de base utilisés dans le développement web. Il y a 26 éléments au total de A à Z, chacun correspondant à un concept ou une technologie.

A — AJAX

AJAX signifie « Asynchronous JavaScript and XML » (Asynchronous JavaScript and XML), qui est une technologie de développement Web permettant de créer des applications Web interactives. Selon le créateur d'Ajax Jesse James Garrett, AJAX :

Utilisez XHTML CSS pour représenter les informations ;
Utilisez JavaScript pour utiliser le DOM (Document Object Model) pour l'affichage et l'interaction dynamiques
Utilisez XML et XSLT pour l'échange de données et les opérations associées ;
Utilisez l'objet XMLHttpRequest pour ; interagir avec le Web Le serveur effectue un échange de données asynchrone ;
utilise JavaScript pour tout relier.
Semblable au DHTML ou au LAMP, AJAX ne fait pas référence à une seule technologie, mais utilise de manière organique une série de technologies connexes. En effet, certaines technologies « dérivées/composites » basées sur AJAX font leur apparition, comme AFLAX.

B — Navigateur

Un navigateur Web est un logiciel qui affiche les fichiers sur un serveur Web ou un système de fichiers et permet aux utilisateurs d'interagir avec ces fichiers. Il est utilisé pour afficher du texte, des images et d'autres informations sur le World Wide Web ou le LAN, etc. Ces textes ou images peuvent constituer des hyperliens vers d’autres sites Internet, permettant aux utilisateurs de parcourir diverses informations rapidement et facilement. La plupart des pages Web sont au format HTML et certaines pages Web nécessitent des navigateurs spécifiques pour s'afficher correctement. Les navigateurs Web les plus courants sur les ordinateurs personnels, par ordre de part de marché en janvier 2010, sont Internet Explorer de Microsoft, Firefox de Mozilla, Google Chrome de Google, Safari d'Apple et Opera d'Opera Software. Les navigateurs sont les programmes clients les plus couramment utilisés. Les développeurs Web doivent s'assurer que leurs programmes fonctionnent correctement sur tous les principaux navigateurs.

C — CSS

Feuilles de style en cascade, également connues sous le nom de : Cascading Style Sheets, anglais : Cascading Style Sheets, en abrégé CSS, un standard défini et maintenu par le W3C, une méthode utilisée pour ajouter des styles à des documents structurés (tels que des documents HTML ou des applications XML). ) (polices, espacements, couleurs, etc.) langage informatique. La dernière version est CSS 2.1, qui est une norme de recommandation de candidats du W3C. La prochaine version, CSS 3, est encore en développement.

D — DOM

Document Object Model (DOM) est une interface de programmation standard recommandée par l'organisation W3C pour le traitement des langages de balisage extensibles. L'histoire du Document Object Model remonte à la « guerre des navigateurs » entre Microsoft et Netscape à la fin des années 1990. Afin de rivaliser pour la vie ou la mort entre JavaScript et JScript, les deux parties ont doté les navigateurs de fonctionnalités puissantes à grande échelle. Microsoft a ajouté de nombreux éléments propriétaires à la technologie Web, notamment VBScript, ActiveX et le format D HTML de Microsoft, qui empêche de nombreuses pages Web de s'afficher correctement sur des plates-formes et des navigateurs non Microsoft. DOM est le chef-d’œuvre brassé à cette époque.

E — Événements

Les événements sont des opérations qui peuvent être reconnues par le contrôle, comme appuyer sur le bouton OK, sélectionner un bouton radio ou une case à cocher. Chaque contrôle possède ses propres événements identifiables, tels que le chargement de formulaire, le clic, le double-clic et d'autres événements, les modifications de texte dans les zones d'édition (zones de texte), etc. Les applications Web modernes s'appuient fortement sur les événements.

Les événements incluent les événements système et les événements utilisateur. Les événements système sont déclenchés par le système, par exemple toutes les 24 heures, la date de dépôt d'un déposant bancaire est augmentée d'un jour. Les événements utilisateur sont déclenchés par l'utilisateur, par exemple lorsqu'il clique sur un bouton pour afficher un texte spécifique dans une zone de texte. Les contrôles événementiels remplissent une certaine fonction. L'objet qui déclenche l'événement est appelé l'expéditeur de l'événement ; l'objet qui reçoit l'événement est appelé le récepteur de l'événement.

En utilisant le mécanisme d'événement, cela peut être réalisé : lorsqu'un certain état de l'objet de classe change, le système appellera la méthode dans la classe pour gérer cet événement d'une manière ou d'une autre, ou l'objet qui déclenche l'événement de contrôle appellera toutes les méthodes existantes du contrôle, les gestionnaires d'événements enregistrés, etc.

F — Firebug

Firebug est une extension du navigateur Web Mozilla Firefox et est un outil de débogage. Les utilisateurs peuvent l'utiliser pour déboguer, modifier et même supprimer le code CSS, HTML, DOM et JavaScript de n'importe quel site Web. Firebug fournit également d'autres outils de développement Web, tels que l'outil de suggestion d'optimisation de la vitesse des pages Web de Yahoo!, YSlow. Firebug a été écrit par Joe Hewitt. Il est l'un des fondateurs originaux de Firefox.

G — Grille

Grille, également appelée grille, mais par définition, la grille est plus précise. Trouvez une définition plus appropriée du système de grille de pages Web sur Internet : un tableau de grille régulier est utilisé pour guider et standardiser la mise en page et la distribution des informations des pages Web. Le système de grille Web est développé à partir du système de grille plate. Pour la conception Web, l'utilisation du système de grille peut non seulement rendre la présentation des informations sur la page Web plus belle et plus facile à lire, mais également plus utilisable. De plus, pour le développement front-end, les pages Web seront plus flexibles et standardisées. S'il existe de nombreux frameworks CSS prenant en charge les fonctions de grille, vous pouvez vous référer à l'article « Présentation de 27 frameworks CSS classiques ».

H — HTML

Hypertext Markup Language (anglais : HyperText Markup Language, HTML) est un langage de balisage conçu pour « la création de pages Web et d'autres informations visibles dans un navigateur Web ». HTML est utilisé pour structurer les informations - telles que les titres, les paragraphes, les listes, etc., et peut également être utilisé dans une certaine mesure pour décrire l'apparence et la sémantique d'un document. HTML, défini à l'origine par Tim Berners-Lee et développé par l'IETF en utilisant une syntaxe SGML (Standard General Markup Language) simplifiée, est devenu plus tard une norme internationale maintenue par le World Wide Web Consortium (W3C).

La dernière version est HTML5 qui est la prochaine révision majeure du HTML et est encore en phase de développement. L'objectif est de remplacer les normes HTML 4.01 et XHTML 1.0 établies en 1999, afin que les normes de réseau répondent aux besoins actuels des réseaux alors que les applications Internet se développent rapidement. Lorsque l’on parle de HTML5 au sens large, il fait en réalité référence à un ensemble de combinaisons technologiques comprenant HTML, CSS et JavaScript.

Je — IE

Windows Internet Explorer (anciennement connu sous le nom de Microsoft Internet Explorer, en abrégé Internet Explorer, en abrégé IE) est un navigateur Web lancé par Microsoft. En septembre 2010, les données statistiques montrent que la part de marché d'Internet Explorer atteignait 59,65 %. Bien qu’il reste le navigateur Web le plus utilisé, sa part de marché est inférieure de plus de 30 % à son pic de 2003.

Internet Explorer prend en charge certaines technologies standardisées dans une certaine mesure, mais il existe également de nombreuses lacunes opérationnelles et problèmes de compatibilité, ce qui a conduit à des critiques croissantes de la part des développeurs de technologies. L'augmentation des critiques s'explique en grande partie par le fait que les concurrents d'Internet Explorer ont fourni un support technique relativement complet et que les applications conformes aux normes sont de plus en plus utilisées. Étant donné qu'Internet Explorer est largement utilisé dans le monde, les développeurs Web à la recherche de code multiplateforme découvrent souvent des vulnérabilités d'Internet Explorer, des ensembles de fonctionnalités propriétaires et une prise en charge imparfaite des normes.

Le navigateur Internet Explorer 9 sorti le 14 mars 2011 a grandement amélioré sa prise en charge des spécifications du W3C telles que CSS3 et HTML5. Cette version est également la première version du navigateur Internet Explorer à adopter l'accélération GPU. dans Acid3, il a obtenu 95/100 points, ce qui représente une grande amélioration par rapport aux versions précédentes. On peut considérer qu'à partir d'Internet Explorer 9, la prise en charge par le navigateur Internet Explorer des spécifications W3C ne posera plus de problème.

J — JavaScript

JavaScript est un langage de script largement utilisé dans le développement Web côté client. Il est souvent utilisé pour ajouter des fonctions dynamiques aux pages Web HTML, telles que la réponse à diverses opérations utilisateur. Conçu à l'origine par Brendan Eich chez Netscape, il s'agit d'un langage dynamique, faiblement typé, basé sur un prototype avec des classes de support intégrées. JavaScript est une marque déposée de Sun Microsystems. Ecma International a développé le standard ECMAScript basé sur JavaScript. JavaScript peut également être utilisé dans d'autres situations, telles que la programmation côté serveur. L'implémentation complète de JavaScript contient trois parties : ECMAScript, modèle d'objet de document et notation d'ordre d'octet.

Netscape avait initialement nommé son langage de script LiveScript et Netscape a changé son nom en JavaScript après avoir coopéré avec Sun. JavaScript a été conçu à l'origine pour s'inspirer de Java. L'un de ses objectifs est de « ressembler à Java », il existe donc des similitudes dans la syntaxe, et certains noms et conventions de dénomination sont également empruntés à Java. Mais les principaux principes de conception de JavaScript dérivent de Self et Scheme. La similitude des noms entre JavaScript et Java était le résultat d'un accord entre Netscape et Sun pour des considérations marketing à l'époque. Afin d'obtenir un avantage technique, Microsoft a lancé JScript pour concurrencer le langage de script JavaScript. Pour l'interopérabilité, Ecma International (anciennement l'Association européenne des fabricants d'ordinateurs) a créé la norme ECMA-262 (ECMAScript). Les deux sont désormais des implémentations d'ECMAScript. Bien que JavaScript soit promu et annoncé comme un langage de script pour les non-programmeurs plutôt que comme un langage de programmation pour les programmeurs, JavaScript est très riche en fonctionnalités.

K — Optimisation des mots clés

L'optimisation des mots clés, également appelée Search Engine Optimization (SEO), est un moyen d'utiliser les règles de recherche des moteurs de recherche pour améliorer le classement du site Web cible dans les moteurs de recherche pertinents. Étant donné que de nombreuses études ont montré que les utilisateurs des moteurs de recherche ont tendance à ne prêter attention qu'aux premières entrées dans les résultats de recherche, de nombreux sites Web espèrent influencer le classement des moteurs de recherche de diverses manières. Cela est particulièrement vrai pour les sites Web qui dépendent de la publicité pour gagner leur vie.

Ce que l'on appelle « l'optimisation des moteurs de recherche » consiste à rendre le site Web plus facilement accepté par les moteurs de recherche. Le moteur de recherche comparera certaines données de corrélation entre le contenu des sites Web, puis le navigateur présentera le contenu au chercheur de la manière la plus rapide et la plus complète.

Optimisation des moteurs de recherche Pour tout site Web, s'il veut réussir sa promotion, l'optimisation des moteurs de recherche est une tâche cruciale. Dans le même temps, à mesure que les moteurs de recherche continuent de modifier les règles de leur algorithme de classement, chaque changement d'algorithme fera perdre du jour au lendemain à certains sites Web bien classés leur réputation, et la conséquence directe d'une perte de classement est la perte du trafic considérable inhérent au site Web. Par conséquent, chaque changement dans les algorithmes des moteurs de recherche provoquera beaucoup d’agitation et d’anxiété parmi les sites Web. On peut dire que l’optimisation des moteurs de recherche est une tâche de plus en plus complexe.

L — Moins

Less était à l'origine un joyau rubis qui offrait des fonctionnalités dynamiques au langage CSS, notamment des variables, des opérateurs et des règles imbriquées. En fait, la véritable fonction de Less est de convertir le CSS qui utilise des fonctionnalités avancées en CSS standard. Celles-ci sont complétées via le gestionnaire Http lorsque le client Web lance une demande. Cela peut également être fait lors de l’édition. De plus, Less peut être configuré pour minimiser automatiquement les fichiers CSS générés, ce qui non seulement économise de la bande passante, mais améliore également l'expérience de l'utilisateur final. Il existe également une version .Net de Less.

M—MVC

Le modèle MVC (Model-View-Controller) est un modèle d'architecture logicielle en génie logiciel. Il divise le système logiciel en trois parties de base : le modèle, la vue et le contrôleur. Le modèle MVC a été proposé pour la première fois par Trygve Reenskaug en 1974. Il s'agit d'un modèle de conception logicielle inventé par Xerox PARC dans les années 1980 pour le langage de programmation Smalltalk. Le but du modèle MVC est de mettre en œuvre une conception de programmation dynamique, de simplifier les modifications et extensions ultérieures du programme et de permettre la réutilisation de certaines parties du programme. De plus, ce mode rend la structure du programme plus intuitive en simplifiant la complexité. Le système logiciel sépare ses parties de base et donne également à chaque partie de base ses fonctions qui lui sont dues.

N — Node.JS

Node est un environnement d'exécution Javascript (runtime). En fait, il encapsule le moteur Google V8 (appliqué au navigateur Google Chrome). Le moteur V8 exécute Javascript très rapidement et offre de très bonnes performances. Node a optimisé certains cas d'utilisation spéciaux et fourni des API alternatives pour améliorer le fonctionnement de la V8 dans des environnements sans navigateur. Par exemple, dans un environnement serveur, le traitement des données binaires est généralement essentiel, mais Javascript ne le prend pas suffisamment en charge. Par conséquent, V8.Node ajoute la classe Buffer pour traiter les données binaires de manière pratique et efficace. Par conséquent, Node utilise non seulement simplement le V8, mais l’optimise également pour le rendre plus puissant dans divers environnements. Node.js fait tout, mais plus important encore, il permet d'exécuter Javascript en dehors d'un navigateur Web. Javascript est largement utilisé dans le développement front-end de sites Web. Node permet à ce langage de programmation populaire de s'exécuter dans davantage d'environnements, même côté serveur d'un site Web.

O — Objet

Object est un terme orienté objet. Il représente non seulement une chose spécifique dans l'espace des problèmes du monde objectif (espace de noms), mais représente également un élément de base dans l'espace des solutions du système logiciel. Dans un système logiciel, un objet a un identifiant unique. L'objet comprend les propriétés et les méthodes qui doivent être mémorisées, et les méthodes sont les services que l'objet peut fournir. Dans les logiciels orientés objet, un objet est une instance d'une classe.

P — PHP

PHP (Hypertext P reprocessor) est un langage de script qui s'exécute sur un ordinateur. Son objectif principal est de traiter des pages Web dynamiques. Il comprend également une interface de ligne de commande (interface de ligne de commande) ou génère une interface utilisateur graphique (GUI). .programme. PHP a été inventé pour la première fois par Rasmus Lerdorf en 1995, et le standard PHP est désormais maintenu par le groupe PHP et la communauté open source. PHP utilise la licence PHP comme contrat de licence, mais comme cet accord restreint l'utilisation du nom PHP, il est incompatible avec le contrat de licence open source GPL.

PHP a un large éventail d'applications, notamment dans le développement de programmes Web. De manière générale, PHP est principalement exécuté sur le serveur Web et les pages Web consultées par les utilisateurs sont générées en exécutant du code PHP. PHP peut fonctionner sur la plupart des serveurs et systèmes d'exploitation, et son utilisation est totalement gratuite. Selon les statistiques d'avril 2007, PHP a été installé sur plus de 20 millions de sites Web et 1 million de serveurs.

Q — Requête

La requête a plusieurs significations. Par exemple, les langages de requête sont utilisés pour interagir avec des systèmes étendus qui stockent des données. Un bon exemple est SQL utilisé pour faire fonctionner des bases de données relationnelles. Une autre signification est qu'une chaîne de requête est utilisée dans le cadre de l'URL pour transférer des données dans des applications Web. Le format de la chaîne de requête se présente généralement sous la forme de paires clé-valeur.

R — Expressions régulières

L'expression régulière (anglais : Regular Expression, regex ou regexp, abrégé en RE), également traduite par expression régulière, expression régulière, en informatique, fait référence à une série d'expressions utilisées pour décrire ou faire correspondre un certain Un seul chaîne de chaînes avec des règles de syntaxe. Dans de nombreux éditeurs de texte ou autres outils, les expressions régulières sont souvent utilisées pour récupérer et/ou remplacer le contenu textuel qui correspond à un certain modèle. De nombreux langages de programmation prennent en charge la manipulation de chaînes à l'aide d'expressions régulières. Par exemple, Perl intègre un puissant moteur d’expressions régulières. Le concept d'expressions régulières a été popularisé à l'origine par des logiciels-outils sous Unix (tels que sed et grep).

S — Contrôle de source

La gestion du code source, également connue sous le nom de contrôle de version, est une technique de génie logiciel qui garantit que les mêmes fichiers de programme édités par différentes personnes sont synchronisés pendant le processus de développement logiciel. Les concepteurs de logiciels utilisent souvent le contrôle de version pour suivre et maintenir les modifications apportées au code source, aux fichiers, aux fichiers de configuration, etc., et fournissent des procédures pour contrôler ces modifications. Dans le cas le plus simple, un concepteur de logiciel peut conserver lui-même de nombreuses versions différentes d’un programme et les numéroter de manière appropriée. Cette approche simple a été utilisée dans de nombreux grands projets logiciels. C’est une méthode qui permet d’atteindre l’objectif, mais elle n’est pas assez efficace. En plus de devoir conserver simultanément de nombreuses sauvegardes de code presque identiques, cela dépend également fortement de l'auto-culture et de la discipline de développement des concepteurs de logiciels, mais cela est souvent la cause d'erreurs.

Parfois, il est nécessaire d'avoir plus de deux versions d'un programme en même temps. Par exemple : dans une version de déploiement, des erreurs de programme ont été corrigées mais aucune nouvelle fonctionnalité n'a été ajoutée dans une autre version de développement ; De nouvelles fonctionnalités sont en cours de développement et de nouveaux bugs doivent être résolus, ce qui nécessite différentes versions et modifications en même temps. De plus, afin de trouver des « erreurs de programme » qui n'existent que dans une version spécifique, ou pour connaître la version dans laquelle une « erreur de programme » se produit, les débogueurs de logiciels doivent également comparer différentes versions du code du programme pour trouver l'emplacement de le problème.

T — TDD

Le développement piloté par les tests est une méthode moderne de développement de logiciels informatiques. Utiliser les tests pour piloter la conception et la mise en œuvre de programmes logiciels. Les essais routiers sont devenus populaires dans les années 1990. Le développement piloté par les tests est une méthode de développement de programme préconisée dans Extreme Programming. La méthode consiste principalement à écrire d'abord un programme de test, puis à le coder pour réussir le test. Le but du développement piloté par les tests est d'obtenir un retour rapide et d'utiliser une approche « illustrer la ligne principale » pour créer un programme.

Une métaphore du développement piloté par les tests. Le développement peut être envisagé sous deux aspects : la fonctionnalité et la qualité de mise en œuvre. Le développement piloté par les tests ressemble plus à la méthode de développement de la pensée à deux chapeaux. Mettez d'abord le chapeau de fonction, avec l'aide des tests, implémentez rapidement la fonction correcte, puis mettez le chapeau de refactorisation, sous la protection des tests, en supprimant les redondances ; et du code dupliqué, améliorer la réutilisabilité du code et obtenir des améliorations de la qualité. On peut voir que les tests occupent une place centrale dans le développement piloté par les tests et s'étendent sur l'ensemble du développement.

U — Tests unitaires

Les tests unitaires (également appelés tests de modules) sont un test permettant de tester l'exactitude des modules de programme (la plus petite unité de conception logicielle). Une unité de programme est le plus petit composant testable d’une application. En programmation procédurale, une unité est un programme, une fonction, un processus, etc. ; pour la programmation orientée objet, la plus petite unité est une méthode, y compris les méthodes des classes de base (superclasses), des classes abstraites ou des classes dérivées (sous-classes).

De manière générale, les programmeurs effectueront au moins un test unitaire chaque fois qu'ils modifient un programme. Au cours du processus d'écriture d'un programme, ils sont susceptibles d'effectuer plusieurs tests unitaires pour confirmer que le programme répond aux exigences de la spécification du logiciel (. fr: Spécification) Le but du travail est de n'avoir aucun bug ; bien que les tests unitaires ne soient pas nécessaires, ils ne sont pas mauvais et impliquent des décisions politiques de gestion de projet.

V — VIM

Vim est un éditeur de texte développé à partir de vi. Il est particulièrement riche en fonctions facilitant la programmation, telles que la complétion de code, la compilation et le saut d'erreurs, et est largement utilisé par les programmeurs. À égalité avec Emacs pour devenir l'éditeur préféré des utilisateurs de systèmes de type Unix. La première version de Vim a été publiée par Bram Moolenaar en 1991. L'abréviation initiale était Vi IM itation. Au fur et à mesure que les fonctionnalités continuaient à augmenter, le nom officiel a été changé en Vi IM prouvé. Il est désormais publié sous forme de logiciel libre sous le code open source.

W — WordPress

WordPress est une plateforme de blogs développée en utilisant le langage PHP. Les utilisateurs peuvent créer leurs propres blogs sur des serveurs prenant en charge les bases de données PHP et MySQL. Vous pouvez également utiliser WordPress comme système de gestion de contenu (CMS). WordPress est un projet open source gratuit sous licence GNU General Public License. La dernière version est la version officielle en chinois simplifié 3.0.5 publiée le 24 février 2011 et est disponible en plusieurs langues, dont l'anglais.

X — XSS

Le cross-site scripting (souvent appelé XSS) est une attaque de vulnérabilité de sécurité sur les applications de sites Web qui permet à des utilisateurs malveillants d'injecter du code dans des pages Web qui seront affectées par d'autres utilisateurs. Ce type d'attaque implique généralement du HTML et des langages de script côté utilisateur.

Y — 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.

Z — Indice Z

Z-Index
est une propriété CSS qui définit l'ordre d'empilement des éléments. Les éléments avec un ordre d'empilement supérieur apparaîtront toujours devant les éléments avec un ordre d'empilement inférieur. Cette propriété définit la position d'un élément positionné le long de l'axe z, qui est défini comme l'axe s'étendant verticalement dans la zone d'affichage. S'il s'agit d'un nombre positif, il est plus proche de l'utilisateur, et s'il s'agit d'un nombre négatif, il est plus éloigné de l'utilisateur.