WebApp : Consuming REST APIs

1. Le problème

Architecture

App mobile

Website

Requête http

API

Requête http

JSON / XML

JSON / XML

App hybride

Requête http

JSON / XML

Comment faire communiquer le client et l’API ?

mais alors …

JavaScript !

mais pourquoi ?

Ajax-

Compatibilité -

Standard

2. A JavaScript journey

Old JS & DOM

JS & library

JS & OOP

Source : http://stackoverflow.com/questions/17118956/clarifying-javascript-prototype-nomenclature-and-mechanism

JS & frameworks (1)

JS & frameworks (2)

Source : http://todomvc.com

3. WebApp and JavaScript components

Organiser le code

MV*

Utilisation des données

Ajax & binding

Afficher les données

Templating

Gestion des urls

Routing

Gestion des événements

Event Handlers

Merci pour votre attention.

Bibliographie

When does it make sense to use an MVC framework for JavaScript? - Quora http://www.quora.com/When-does-it-make-sense-to-use-an-MVC-framework-for-JavaScript

Understanding MVVM – A Guide For JavaScript Developers - Addy Osmani http://addyosmani.com/blog/understanding-mvvm-a-guide-for-javascript-developers/

Journey Through The JavaScript MVC Jungle - Addy Osmani http://www.smashingmagazine.com/2012/07/27/journey-through-the-javascript-mvc-jungle/

TodoMVC - Addy Osmani, Sindre Sorhus, Pascal Hartig, Stephen Sawchuk & Colin Eberhardt http://todomvc.com