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

1. Single Page Web Application
(Application web monopage)
Twitter: @cherif_b

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. Introduction

4. Introduction

5. Introduction

6. Introduction

7. Définition
C'est une application web qui nous permet
d'offrir une expérience utilisateur proche de
l'application bureau Native

8. Pourquoi?!
L'utilisateur
s'attend à plus

9. Technologies Serveur

10. Technologie Client

11. Architecture

12. La couche de données (models)

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. 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. 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. Gestion des évenements
(Controller)

17. Templating et gestion d'état
(DOM must die)

18. Gestion des dépendences
●
●
Parce que notre application dépend
d'autres librairies et framework
Ou notre code lui même

19. Frameworks/librairies

20. Question/respose