Single Page Application

50 %
50 %
Information about Single Page Application
Technology

Published on March 7, 2014

Author: CherifBouchelaghem

Source: slideshare.net

Description

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

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

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

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 Native

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 des modèles par identifiant ● Récuperation des modèles par recherche/filtre

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é

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

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

Add a comment

Related presentations

Related pages

Single-page-Webanwendung – Wikipedia

Als Single-page-Webanwendung (englisch Single-page Web Application, kurz SPA) oder Einzelseiten-Webanwendung wird eine Webanwendung bezeichnet, die aus ...
Read more

Single-page application - Wikipedia, the free encyclopedia

History. The origins of the term single-page application are unclear. Some sources attribute the term to Steve Yen in 2005 [citation needed], though the ...
Read more

ASP.NET - Single-Page Applications: Build Modern ...

ASP.NET - Single-Page Applications: Build Modern, Responsive Web Apps with ASP.NET. By Mike Wasson | November 2013 | Get the Code
Read more

ASP.NET Single Page Application | The ASP.NET Site

[Build 2014] Building a Single Page Application with ASP.NET and AngularJS (David Catuhe and Jon Galloway) This video teaches the basics of AngularJS ...
Read more

Introduction - Single page apps in depth

A book about single page applications by Mikito Takada. Single page apps in depth a.k.a Mixu's single page app book. This free ...
Read more

A .NET Developer Primer for Single-Page Applications

Long Le shows how traditional ASP.NET MVC developers focused on the server side can seamlessly transition to building client-side single-page applications.
Read more

Single Page Web Applications Book. - Introduction

1. Modern web applications: an overview. Why do we want to write single page apps? The main reason is that they allow us to offer a more-native-app-like ...
Read more

One Page Application Websites

One page Application website designs for your inspiration. Need a quicker solution? See One Page Application Templates.
Read more

Best Single Page Websites | Web Design Inspiration

Awesome Single page Website Designs for Inspiration. Selection of Awwwards winning Single page websites, designed to showcase one main idea
Read more

Angular Application - W3Schools

It is time to create a real AngularJS Application. Make a Shopping List. Lets use some of the AngularJS features to make a shopping list, ... SHARE THIS PAGE.
Read more