Single Page Web Application
(Application web monopage)

Twitter: @cherif_b
Plan
●

Introduction

●

Définition

●

Pourquoi? (Le probléme)

●

Technologies Serveur

●

Technologie Client

●

Archit...
Introduction
Introduction
Introduction
Introduction
Définition

C'est une application web qui nous permet
d'offrir une expérience utilisateur proche de
l'application bureau N...
Pourquoi?!
L'utilisateur

s'attend à plus
Technologies Serveur
Technologie Client
Architecture
La couche de données (models)
Source de données (Data source)

●

Façon courante de l'instanciation des modèles de
données existantes

●

Récuperation d...
Modéles de données (Models)

●
●

●

Un lieu pour stocker des données
Envoie des événements lorsque les
données changent
P...
Collections(Listes)

●

●

●

contient collection des éléments
Envoie des événements lorsque des éléments sont
ajoutés / s...
Gestion des évenements
(Controller)
Templating et gestion d'état
(DOM must die)
Gestion des dépendences

●

●

Parce que notre application dépend
d'autres librairies et framework
Ou notre code lui même
Frameworks/librairies
Question/respose
Prochain SlideShare
Chargement dans…5
×

Single Page Application

1 007 vues

Publié le

Conference Single Page Application pour WebDays Blida (Algérie) le 07/06/2014

Publié dans : Technologie

Single Page Application

  1. 1. Single Page Web Application (Application web monopage) Twitter: @cherif_b
  2. 2. Plan ● Introduction ● Définition ● Pourquoi? (Le probléme) ● Technologies Serveur ● Technologie Client ● Architectures ● Templating et gestion d'état (DOM must die) ● Gestion des dépendences ● Frameworks et librairies ● Demo
  3. 3. Introduction
  4. 4. Introduction
  5. 5. Introduction
  6. 6. Introduction
  7. 7. Définition C'est une application web qui nous permet d'offrir une expérience utilisateur proche de l'application bureau Native
  8. 8. Pourquoi?! L'utilisateur s'attend à plus
  9. 9. Technologies Serveur
  10. 10. Technologie Client
  11. 11. Architecture
  12. 12. La couche de données (models)
  13. 13. Source de données (Data source) ● Façon courante de l'instanciation des modèles de données existantes ● Récuperation des modèles par identifiant ● Récuperation des modèles par recherche/filtre
  14. 14. Modéles de données (Models) ● ● ● Un lieu pour stocker des données Envoie des événements lorsque les données changent Peut être sérialisé et persisté
  15. 15. Collections(Listes) ● ● ● contient collection des éléments Envoie des événements lorsque des éléments sont ajoutés / supprimés Il peut avoir un ordre défini de modeles
  16. 16. Gestion des évenements (Controller)
  17. 17. Templating et gestion d'état (DOM must die)
  18. 18. Gestion des dépendences ● ● Parce que notre application dépend d'autres librairies et framework Ou notre code lui même
  19. 19. Frameworks/librairies
  20. 20. Question/respose

×