Architecture d'une application web moderne

Cet article nécessite une relecture rédactionnelle. Voici comment vous pouvez aider.

 

Cette série d'articles présente les concepts de base de l'architecture d'une application web ouverte, incluant MVC, les frameworks et outils recommandés, et bien plus encore.

Il y a plusieurs moyens de créer une application web ouverte, avec un choix important de framework et beaucoup de théorie à apprendre. Cette série d'articles vous présente les types d'outils que vous allez rencontrer durant cet apprentissage et nous verrons la théorie de base de l'architecture Modèle Vue Contrôleur (MVC); le type d'architecture des applications le plus utilisé sur le web. Une fois la théorie maitrisée, une série de tutoriels vous permettra de construire votre propre application web MVC depuis zéro.

Note: Cette série considère que vous connaissez déjà les bases concernant HTML, JavaScript, et CSS, les technologies qui propulsent les applications web modernes. Si vous êtes nouveau sur ce point, nous vous recommandons d'abord d'étudier certains tutoriels afin d'en assimiler les bases. Un bon point de départ est la section zone d'apprentissage du MDN.

Note:Cette série considère que vous n'avez PAS de connaissances de l'architecture MVC ou des frameworks web, et vous assiste pour leur apprentissage. Si vous êtes expérimenté dans le développement d'application MVC et que vous recherchez juste un un guide de démarrage rapide qui vous montre comment construire rapidement une application web moderne, en étant assisté,  vous devriez plutôt vous tourner vers Apps Quickstart.

Tellement de choix d'outils

Si vous débutez juste dans la construction d'applications web modernes et avez essayé de rechercher quels outils utiliser, il est facile de finir frustré à la vue du nombre de choix disponibles. Au travers de cette série d'articles nous vous recommandons des outils et nous expliquons comment les utiliser, simplement comme un moyen de démontrer la théorie que nous expliquons, et pour vous montrer des exemples concrets et fonctionnels.

Les outils que nous allons utiliser forment une partie de Mozilla Recommended Toolchain, un ensemble d'outils que l'équipe Application-web a essayé et testé pour être sûre qu'ils fonctionnent correctement avec un minimum de plaintes. Nous soulignons l'importance de "recommandé": nous n'essayons pas de promouvoir un ensemble d'outils spécifique pour une raison autre que le pragmatisme. Nous n'essayons pas de dire que vous ne devez pas tester d'autres outils, ou que notre choix est le meilleur pour tout le monde. Si vous avez une expérience dans le développement d'application web, vous avez probablement déjà vos préférences.

L'outil principal que nous allons utiliser dans cette série d'article est Ember.js/Ember CLI. Ember.js est un framework bien connu pour le développement répide d'une application MVC, et Ember CLI est une interface en ligne de commande pour génerer du code Ember. Vous apprendrez comment l'installer dans l'article Creating an Ember app [en-US].

Articles de cette série

Architecture MVC
Cet article explique les différentes fonctions de l'architecture MVC de manière générale avant de voir comment le framework Ember l'implémente dans ses fondations.
Créer une application Ember
Ensuite, nous verrons les étapes de base requises à la création d'une application web Ember.
Vues et templates
A cette étape, vous apprendrez la partie Vue (le V dans MVC), et comment elles sont implémentées dans Ember au travers de templates (qui définit quel contenu sera visible pour chaque vue), et les routes (qui défini l'URL à laquelle on va trouver chaque vue).
Contrôlleurs
Les controlleurs (le C dans MVC) fournissent la logique qui défini ce qui doit se passer quand l'application change d'état, e.g., en réponse des activités de l'utilisateur, et met à jour la vue et/ou le modèle en réponse. Cet article présente les contrôlleurs et comment ils sont implémentés par Ember.
Modèles et données de l'application
Cet article se concentre en détail sur le modèle (le M dans MVC), incluant son utilisation avec Ember. Le moèdle représente la forme et la structure des données de votre application et gère les requêtes de la vue et du contrôleur. Nous allons aussi voir la manipulation des données dans Ember, et comment vous pouvez incorporer des fonctionnalités à partir de bibliothèques JavaScript externes.
Ajouter du style à votre application Ember
Maintenant que les fonctionnalités de votre application sont terminées, vous voudrez sans doute ajouter un peu de style pour la rendre plus attrayante à l'utilisation. Tout comme de nombreuses choses dans Ember (et dans les autres framework), il y a des règles strictes pour cela. Dans cet article nous verrons comment utiliser CSS, des images, et des polices de caractère dans votre application Ember.
Publier votre application
Une fois que vous êtes satisfait(e) de votre application, et qu'elle est prête à ếtre distribuée au public, vous avez besoin de l'héberger quelque part où les autres peuvent y accèder. Cet article traite des étapes pour construire une application Ember pour la production et comment la publier sur Github comme mécanisme de test.

Suite

Maintenant que nous avons défini ce sommaire, nous pouvons commencer par étudier la théorie de l'architecture MVC et comment elle est utilisée dans Ember.js.

 

Étiquettes et contributeurs liés au document

 Contributeurs à cette page : JeffD
 Dernière mise à jour par : JeffD,