La présentation est en train de télécharger. S'il vous plaît, attendez

La présentation est en train de télécharger. S'il vous plaît, attendez

Introduction au socle MEAN

Présentations similaires


Présentation au sujet: "Introduction au socle MEAN"— Transcription de la présentation:

1 Introduction au socle MEAN
Application Web Introduction au socle MEAN

2 Qu’est-ce qu’une application web ?
HTML CSS JS HTTP

3 Coder une application web
Front End Les écrans Les interactions La communication avec le Back End Back End Les données Les services Les accès du Front End

4 Front End – Page HTML La navigateur gère chaque page indépendamment les unes des autres Une page HTML et les ressources associées (CSS et JavaScript) sont dans la mémoire du navigateur dans le DOM <html> <body> <head> <script>

5 Architecture multi-pages (new page)
HTML CSS JS HTTP Les requêtes retournent des nouvelles pages <html> <body> <head> <script>

6 Architecture mono-page (parties de page)
HTML CSS JS HTTP Les requêtes retournent des morceaux de la page <html> <body> <head> <script>

7 Back End = Serveur Web & Base de données
HTTP driver Multi-page ou mono-page Schéma ou sans schéma Lecture / Ecriture des requêtes HTTP Stockage et manipulation des données

8 Back End Mono-page Doit fournir des morceaux du DOM
Essentiellement des données (Json) => REST Multi-page Doit fournir des pages HTML complète Essentiellement générées à partir des données => Langage de template

9 Socle MEAN Angular Express MongoDB Node Documents (Json) mono-page
REST mono-page Angular Express MongoDB Node

10 Synthèse MEAN Socle pour développer des applications web (JavaScript)
Mono-page Données documents (Json) Serveur web léger Synchronisation HTML <-> JavaScript


Télécharger ppt "Introduction au socle MEAN"

Présentations similaires


Annonces Google