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

987 vues

Publié le

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

Publié dans : Technologie
1 commentaire
2 j’aime
Statistiques
Remarques
Aucun téléchargement
Vues
Nombre de vues
987
Sur SlideShare
0
Issues des intégrations
0
Intégrations
6
Actions
Partages
0
Téléchargements
22
Commentaires
1
J’aime
2
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive
  • The model layer looks fairly similar across different single page app frameworks because there just aren't that many different ways to solve this problem. You need the ability to represent data items and sets of data items; you need a way to load data; and you probably want to have some caching in place to avoid naively reloading data that you already have. Whether these exist as separate mechanisms or as a part of single large model is mostly an implementation detail.
  • 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

    ×