Article précédent
Sécurité des applications Web et mobiles| Réf : H3330 v1
Auteur(s) : Pierre POMPIDOR
Date de publication : 10 juil. 2019
Article suivant
Programmation par composantsQue contient cette offre ? Une offre 100% en ligne
Une base complète et actualisée d'articles validés par des comités scientifiques
Service de Questions aux experts
et outils pratiques
Quitter la lecture facile
Revenons maintenant du côté client : la présentation des données dans la fenêtre d’un navigateur est organisée grâce à l’utilisation d’un langage de description nommé HTML (pour HyperText Markup Language). Ce langage, très facile d’accès, mobilise des duos de balises, une balise ouvrante et une balise fermante (et quelquefois des balises autofermantes), encadrant les données ou les autres balises sur lesquelles la directive est portée.
Par exemple, un texte centré et cliquable, renvoyant sur la documentation d’Angular, peut être codé ainsi :
<center>
<a href="https://angular.io/"> Documentation d’Angular </a>
</center>
Nous remarquons que la balise ouvrante <a> qui crée dans notre exemple une ancre sur un texte qui peut être sélectionné (un hypertexte), est accompagnée d’un attribut href. La majorité des balises est ainsi enrichie d’attributs qui modifient leurs comportements.
Par ailleurs, quand du code HTML (une page) est transmis au navigateur, celui-ci va utiliser un outillage spécifique pour allouer en mémoire de l’ordinateur les différentes entités de ce code (balises, attributs informations textuelles…). Cet outillage est constitué de classes au sens de la programmation par objet (ce point ne sera pas détaillé dans cet article), et est nommé le Document Object Model (le DOM). Par extension, le DOM désigne également toutes les données mises en mémoire et associées à une page affichée dans une fenêtre du navigateur. Dans une architecture traditionnelle, la navigation de l’internaute sur un site web implique donc l’envoi par le serveur de nouvelles pages constituées de balises HTML, chaque réception d’une page nécessitant la recréation du DOM ce qui est une opération très lourde. Dans une architecture basée sur la création d’applications monopages, la création du DOM est faite initialement (en tout cas pour sa partie correspondante aux balises et à leurs attributs), la navigation ultérieure ne provoquant que des mises à jour du DOM ce qui beaucoup plus efficace.
...
Vous êtes abonné à cette offre ?
Connectez-vous !
Vous souhaitez découvrir cette offre ?
Cet article est inclus dans l'offre :
TECHNOLOGIES LOGICIELLES ARCHITECTURES DES SYSTÈMES
(1) - NORING (C.) - Architecture Angular Application with redux, rxjs and ngrx, - Editions Packt Publishing (2018).
(2) - POMPIDOR (P.) - Angular et Node.js : optimisez le développement de vos applications web avec une architecture MEAN. - Editions ENI (2016).
(3) - SESHADRI (S.) - Angular : Up and Running, Learning Angular, Step by Step, - Editions O'Reilly Media (2018).
1 Lien sur l’application d’illustration :
Accédez à l’application d’illustration en cliquant ici
HAUT DE PAGE
Site officiel d’Angular : https://angular.io/
Site officiel d’Angular CLI : https://cli.angular.io/
Site officiel d’Angular Material : https://material.angular.io/
Lien didactique sur Angular Universal Toolkit :
https://techblog.fexcofts.com/2018/08/13/angular-seo-universal-toolkit/
Spécification du DOM : https://www.w3.org/DOM/
Spécification de HTML : https://www.w3.org/HTML/
Spécification de HTTP : https://www.w3.org/Protocols/
Site officiel de JSX : https://reactjs.org/docs/introducing-jsx.html
Site officiel de MongoDB : https://www.mongodb.com/fr
Site officiel de Node.js : https://nodejs.org/fr/
Site officiel de Polymer : https://www.polymer-project.org/
Site officiel de React :...
DÉTAIL DE L'ABONNEMENT :
TOUS LES ARTICLES DE VOTRE RESSOURCE DOCUMENTAIRE
Accès aux :
Articles et leurs mises à jour
Nouveautés
Archives
Formats :
HTML illimité
Versions PDF
Site responsive (mobile)
Info parution :
Toutes les nouveautés de vos ressources documentaires par email
DES SERVICES ET OUTILS PRATIQUES
Votre site est 100% responsive, compatible PC, mobiles et tablettes.
FORMULES
| Formule monoposte | Autres formules | |
|---|---|---|
| Ressources documentaires | ||
| Consultation HTML des articles | Illimitée | Illimitée |
| Téléchargement des versions PDF | 5 / jour | Selon devis |
| Accès aux archives | Oui | Oui |
| Info parution | Oui | Oui |
| Services inclus | ||
| Questions aux experts (1) | 4 / an | Jusqu'à 12 par an |
| Articles Découverte | 5 / an | Jusqu'à 7 par an |
| Dictionnaire technique multilingue | Oui | Oui |
|
(1) Non disponible pour les lycées, les établissements d’enseignement supérieur et autres organismes de formation. |
||
| AJOUTER AU PANIER | DEMANDER UN DEVIS | |
