Cet article vous permet de préparer une certification CerT.I.
Le test de validation des connaissances pour obtenir cette certification de Techniques de l’Ingénieur est disponible dans le module CerT.I.
RECHERCHEZ parmi plus de 10 000 articles de référence ou pratiques et 4 000 articles d'actualité
PAR DOMAINE D'EXPERTISE
PAR SECTEUR INDUSTRIEL
PAR MOTS-CLES
NAVIGUER DANS LA
CARTOGRAPHIE INTERACTIVE
DÉCOUVREZ toute l'actualité, la veille technologique GRATUITE, les études de cas et les événements de chaque secteur de l'industrie.
Article précédent
Sécurité des applications Web et mobilesArticle de référence | Réf : H3330 v1
ARTICLE INTERACTIF
Auteur(s) : Pierre POMPIDOR
Date de publication : 10 juil. 2019
Relu et validé le 05 janv. 2021
Article suivant
Programmation par composantsCet article fait partie de l’offre
Technologies logicielles Architectures des systèmes (218 articles en ce moment)
Cette offre vous donne accès à :
Une base complète et actualisée d'articles validés par des comités scientifiques
Un service Questions aux experts et des outils pratiques
Des Quiz interactifs pour valider la compréhension et ancrer les connaissances
Présentation
Lire l'article interactif
Bibliographie & annexes
Quiz & Test
Inclus dans l'offre
1.1 Architecture des applications web traditionnelles multipages
Les applications web (dites en anglais web app) traditionnelles sont fondées sur une architecture client-serveur dans laquelle le serveur délivre des pages web au navigateur en fonction de la navigation effectuée par l’internaute (figure 1).
Ces pages web sont fondamentalement structurées grâce à des balises HTML qui mettent en page les informations qui y sont présentées, des styles CSS pour factoriser des styles graphiques entre différents éléments des pages, et enfin des codes JavaScript pour gérer du côté client – c’est-à-dire au sein du navigateur – certaines actions qui n’exigent pas du serveur le renvoi d’une nouvelle page (par exemple contrôler la validité de certains champs d’un formulaire avant sa soumission). Une petite présentation du langage HTML et de son traitement par le navigateur est présentée au chapitre 3.
Il est aussi à noter qu’une évolution maintenant ancienne, désignée par l’acronyme AJAX (Asynchronous Javascript And XML), permet également de récupérer d’un serveur – de celui qui a délivré la page ou d’un serveur tiers – des données qui permettent de mettre à jour une page sans modifier sa morphologie (un exemple classique est de faire apparaître le nom d’une ville suite à la spécification par l’internaute de son adresse postale).
Dans cette architecture traditionnelle, chaque chargement d’une page implique l’allocation en mémoire du navigateur du modèle objet du document (désigné par l’acronyme anglais DOM) ce qui est très lourd. Cette notion est expliquée un peu plus loin dans cet article avec celle du langage HTML (§ 3).
Il faut noter que, dans notre schéma, la machine distante (le serveur) regroupe à la fois le serveur HTTP (l’application qui réceptionne les requêtes HTTP et invoque les traitements à effectuer), l’évaluateur...
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
Cet article vous permet de préparer une certification CerT.I.
Le test de validation des connaissances pour obtenir cette certification de Techniques de l’Ingénieur est disponible dans le module CerT.I.
(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 :...
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
Entraînez vous autant que vous le voulez avec les quiz d'entraînement.
Lorsque vous êtes prêt, vous passez le test de validation. Vous avez deux passages possibles dans un laps de temps de 30 jours.
Entre les deux essais, vous pouvez consulter l’article et réutiliser les quiz d'entraînement pour progresser. L’attestation vous est délivrée pour un score minimum de 70 %.
DÉTAIL DE L'ABONNEMENT :
TOUS LES ARTICLES DE VOTRE RESSOURCE DOCUMENTAIRE
Accès aux :
Articles et leurs mises à jour
Nouveautés
Archives
Articles interactifs
Formats :
HTML illimité
Versions PDF
Site responsive (mobile)
Info parution :
Toutes les nouveautés de vos ressources documentaires par email
DES ARTICLES INTERACTIFS
Articles enrichis de quiz :
Expérience de lecture améliorée
Quiz attractifs, stimulants et variés
Compréhension et ancrage mémoriel assurés
DES SERVICES ET OUTILS PRATIQUES
Archives
Technologies anciennes et versions
antérieures des articles
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 |
Quiz d'entraînement | Illimités | Illimités |
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. |
||
Formule 12 mois 2 165 € HT |
Autres formules |
1 - APPLICATION MONOPAGE VERSUS APPLICATION MULTIPAGES
2 - DU CÔTÉ SERVEUR, LES SERVICES WEB
3 - COMPOSANTS ET EXTENSION DU LANGAGE HTML
4 - MISE EN ŒUVRE D’UN ROUTEUR
5 - PROGRAMMATION RÉACTIVE ET BIBLIOTHÈQUE NGRX
6 - MISE EN ŒUVRE D’UNE APPLICATION ANGULAR
9 - SIGLES, NOTATIONS ET SYMBOLES
Information
Quiz d'entraînement bientôt disponible
TECHNIQUES DE L'INGENIEUR
L'EXPERTISE TECHNIQUE ET SCIENTIFIQUE
DE RÉFÉRENCE
ÉDITION - FORMATION - CONSEIL :
Avec Techniques de l'Ingénieur, retrouvez tous les articles scientifiques et techniques : base de données, veille technologique, documentation et expertise technique
SOLUTION EN LIGNE
Automatique - Robotique | Biomédical - Pharma | Construction et travaux publics | Électronique - Photonique | Énergies | Environnement - Sécurité | Génie industriel | Ingénierie des transports | Innovation | Matériaux | Mécanique | Mesures - Analyses | Procédés chimie - bio - agro | Sciences fondamentales | Technologies de l'information
PAIEMENT
SÉCURISÉ
OUVERTURE RAPIDE
DE VOS DROITS
ASSISTANCE TÉLÉPHONIQUE
+33 (0)1 53 35 20 20