100 pages trouvées :

Page Étiquettes et résumé
1 Applications Apps, Firefox OS, Mobile
Apprenez comment créer des Applications Web Ouvertes — des expériences riches fonctionnant sur des appareils divers et avec différentes tailles d'écran — en utilisant les mêmes standards web et technologies ouvertes que vous connaissez déjà.
2 APIs d'installation et de gestion des Applications API Apps, Apps
L'API JavaScript Open Web Apps est une interface de programmation pour installer des applications Web et pour gérer sur le client, la collection d'applications Web que l'utilisateur Web a installé. Cette collection est appelée application repository (dépôt d'applications).
3 Objet Error API Apps, Apps
Dans l'API JavaScript Open Web apps, un objet DOMError est retourné par une fonction lorsqu'une erreur se produit.
4 App Development API Reference
Ce qui suit est une liste de documents de référence au niveau du code dont vous aurez probablement besoin dans le développement d'une application Firefox OS.
5 APIs Web Générales API, Apps, B2G, Firefox OS, Reference, Référence
Éléments, évènements, requêtes réseau, stockage et autres APIs Web générales fournissants des fonctionnalitées utiles pour les applications Open Web. Le tableau récapitulatif sur la page du wiki principal de l'équipe Web API fournit également une vue d'ensemble des APIs supportées en indiquant sur quelles plateformes elles sont disponibles.
6 Bases d'une application Firefox OS
Une application firefox OS est simplement une Application Web Ouverte, mais avec des considérations et des fonctionnalités spéciales, telles que l'exécution en mode offline et la possibilité de les installer. 
7 Dessin et animation API, Apps, Firefox OS, Reference, Référence(2)
Pour une expérience moderne relative aux applications, l'utilisation d'animations et de graphismes légers est essentielle. Les pages suivantes apportent ce dont vous avez besoin dans ce domaine.
8 Layout and structure
Une série d'articles qui vous aideront à créer la structure parfaite pour vos applications web.
9 Les APIs Firefox OS
Il y a un cetain nombre de normes émergentes pour la plateforme Web et pour les APIs destinées au développement d'applications Firefox OS et Open Web . Cet article fournit une liste de pages couverant ces APIs, ainsi que les permissions du manifeste d'application.
10 Services du Marketplace de Firefox
No summary!
11 App layout - application d'agencement Applications, Conception
Créer une mise en page efficace pour un site Web ou une application moderne est un défi. D'un côté, votre travail est plus facile, CSS offre généralement un support beaucoup plus solide et cohérent à travers les navigateurs et les plates-formes, ce qui vous évite de devoir compter avec autant d'horribles piratages. Mais d'un autre côté, c'est plus difficile ; il y a tellement de périphériques qui peuvent accéder au Web, avec différents navigateurs, tailles d'écran, résolutions, puissance de traitement, et contextes d'utilisation (par exemple le portable est-il portable, aura-t-il une connexion réseau ?)
12 Applications web progressives Applications
Les applications web progressives sont comme les bons vieux sites web mais en mieux. Dans un navigateur web moderne, elles révèlent leurs supers pouvoirs et deviennent …
13 Adaptative Applications, Design adaptatif, Media Queries, flexbox, viewport
No summary!
14 Identifiable Applications, Identifiable, Manifeste, Manifeste Web
Objectifs éventuels des applications web:
15 Indépendante du réseau App shell, Applications, IndexedDB, Indépendante du réseau, Service Workers, hors-ligne, localStorage
Les concepts de base, concernant l'indépendance au réseau, c'est la capacité de :
16 Installable Applications, Installable, Manifeste
Aucun document actuellement; les contributions sont les bienvenues.
17 Partageable Applications, Partageable
Aucun document actuellement; les contributions sont les bienvenues.
18 Progressive Amélioration progressive, Applications, Design adaptatif
Aucun document actuellement; les contributions sont les bienvenues.
19 Re-engageable Applications, Notifications, Push, Service Workers, Web
No summary!
20 Sécurisée Applications, HTTPS, Sécurité, Web
Aucun document actuellement; les contributions sont les bienvenues.
21 Après l'achat NeedsContent
Cette page est un espace réservé pour un contenu futur.
22 Bases des Applications Web Apps, B2G, Firefox OS, Mobile
Ces guides et références vous aideront pour la création de votre application, pour la rendre installable, et qu'elle trouve sa place sur les appareils des utilisateurs.
23 Building Web apps Apps, B2G, Firefox OS, Guide, Mobile, TopicStub
24 Applications installables B2G, Firefox OS, Installation, Layout, Manifest, distribution, manifest, packaging
Firefox OS (aussi appelé par son nom de code Boot to Gecko ou B2G) est un système d'exploitation open source pour systèmes mobiles construit par Mozilla. Il se base sur un noyau Linux qui démarre un environnement d'exécution basé sur Gecko qui permet aux utilisateurs d'installer et de lancer des applications web. Gecko est le moteur de rendu utilisé par le navigateur Firefox afin d'afficher et de gérer le contenu d'une page web.
25 FAQs about app manifests
App manifest
26 Architecture d'une application web moderne Application, Architecture, Ember, Frameworks, Guide, MVC, Outils
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.
27 Controleurs App, Architecture, Controleur(2), Ember
Les contrôleurs nous donnent le moyen de mettre à jour et de manipuler les données et les vues de l'application; ils fournissent la logique applicative qui définit ce qui doit se produire quand le modèle change (par ex: état, ou les données). Les contrôleurs sont le "C" dans MVC.
28 Creating an Ember app Application Web, Ember, Ember CLI, ligne de commande
Nous allons créer une application MVC simple apellée world-clock, qui affichera l'heure locale, se mettra à jour chaque seconde, et permettra de choisir d'afficher d'autres fuseaux horaires. Vous pouvez voir une démo de l'application, et récupèrer le code-source complet sur Github.
29 MVC architecture Applications, Architecture, Contrôleur, Ember, MVC, Modèle, Tutoriel
Le Modèle Vue Contrôleur (MVC) est un patron d'architecture logicielle, généralement utilisé pour implémenter des interfaces utilisateurs: c'est donc un choix populaire pour la conception d'applications web. En général, on sépare l'application en trois parts distinctes, permettant la modularité et rendant plus simple la collaboration et la ré-utilisation. Ce modèle rend aussi les applications plus flexibles et plus accueillantes aux itérations.
30 Vues et modèles de vue Application, Applications Web, Ember, Liens, Routes, Templates, Vues
Les Routes indiquent à l'application quel contenu ou quelle fonctionnalité existe pour une URL donnée. Avec Templates, qui spécifie la structure du contenu qui sera visible pour chaque route, ils forment la base du "V" (Vue) de MVC dans une application Ember. Imaginez les routes comme des 'pages' de votre application.
31 Architecture des applications
Le Firefox Marketplace permet les activités suivantes:
32 Audio and Video Delivery HTML5, Media, NeedsTranslation, TopicStub
Whether we are dealing with pre-recorded audio files or live streams, the mechanism for making them available through the browser's <audio> and <video> elements remains pretty much the same. Currently, to support all browsers we need to specify two formats, although with the adoption of MP3 and MP4 formats in Firefox and Opera, this is changing fast. You can find compatibility information in the following places:
33 Ajouter des légendes et des sous titres à des vidéos HTML 5
Dans d'autres articles nous avons vu comment faire un lecteur video crossbrowser en utilisant les APIs HTMLMediaElement et Window.fullScreen , et aussi comment Décorer le lecteur. Cet article va utiliser le même lecteur et vous montrer comment ajouter des légendes et des sous-titres à celui-ci en utilisant le format WebVTT et l'élément <track>.
34 Autorisations des applications Apps, Firefox OS, Permissions, permissions
En résumé, les trois niveaux de permission sont:
35 Flux de données traités par vos applications Débutant
Les flux de données internes et externes représentent le coeur de toute application web. A mesure qu'il évolue, ces flux de données deviennent de plus en plus complexes. Les maitriser vous aidera à construire des applications web plus efficaces.
36 Localisation des applications Applications, Firefox, Firefox OS, Gaia, L10n:js, Langues, Localisation, Traduction
.
37 Localisation d'applications Firefox OS
Les applications Firefox OS sont utilisées dans le monde entier — Espagne, Pologne, Colombie, Venezuela avec beaucoup d'autres pays à venir — donc il est important de prendre en compte la localisation de votre application dès le début. Cependant, le web ouvert étant ce qu'il est, il y a de nombreux choix de frameworks et technologies lorsqu'il s'agit de localisation. Par exemple, la librairie Jed Gettext-style est une option classique populaire. Il y a aussi de nouvelles plate-formes de localisation en développement qui étendent les capacités des librairies actuelles. Par exemple, chez Mozilla, nous avons un projet de localisation très prometteur qui étend L10n avec une multitude de nouvelles fonctionnalités intéressantes. Pour en apprendre plus, allez voir le groupe Mozilla Tools.
38 Localiser une application avec Transifex Apps, FFOS, Firefox OS, Localization, l10n, transifex
L'équipe d'évangélisme technique de Mozilla pilote un programme qui utilise Transifex pour le travail de localisation aussi bien à destination des développeurs d'applications ou des traducteurs. Si vous visitez la page de notre équipe, vous pourrez voir l'application Boilerplate pour Firefox OS, ainsi que d'autres applications de développeurs nous ayant rejoints.
39 Manifeste d'application Apps, Firefox OS, Marketplace, Mobile
No summary!
40 Notifications des usagers API, Notifications, Vibration, alarm
Voici le déroulement classique de la gestion des notifications:
41 Détecter quand notifier l'utilisateur Guide, Notifications, Vibreur, alarme, évènements
Les évènements sont un moyen standard, dans le développement, de répondre aux diverses actions qui se produisent dans l'application. Un gestionnaire d'évènement peut être attaché à l'objet pour que quand une occurence de cet évènement est détectée, nous puissions répondre à cet évènement par un certain code. Certains événements ont toujours été là, et peuvent être considérés comme des vieux classiques. Par exemple, un simple onclick va permettre de lancer la fonction quand le bouton sera pressé:
42 Utiliser le plein écran : l'API Full screen expliquée NeedsCompatTable, NeedsContent, NeedsExample
full screen api
43 Services à l'utilisateur NeedsExamples
Dans cette section nous verrons les API conçues pour simplifier les services courants des utilisateurs, comme la réalisation de paiements ou la fonctionnalité de connexion.
44 Travaux hors-ligne appcache, data, données, hors-ligne, localStorage, localforage
Le diagramme suivant illustre le fonctionnement classique d'une application hors-ligne. L'application est d'abord téléchargée/installée et ensuite démarrée — via le navigateur dans le cas d'une application web en ligne, ou installée et lancée dans le cas d'une application installable (ex: sur Firefox OS). À partir de là, la logique serait de stocker l'ensemble des données initiales de l'application sur l'appareil, après quoi l'application pourra être utilisée : elle stocke ses données hors-ligne et les synchronise périodiquement avec celles du serveur.
45 CSP des Apps Apps, B2G, Firefox OS
Contrairement aux site traditionnels, les apps privilégiées et certifiées imposent une CSP (politique de sécurité de contenu) par défaut. Cela peut faire cesser de fonctionner une importante partie du code lors de portages et peut causer une confusion importante chez les développeurs qui ne seraient pas au courant de l'existence de la CSP.
46 Designing apps Apps, B2G, Firefox OS, Mobile, NeedsTranslation, TopicStub
No summary!
47 Conception Apps, Conception, Design
No summary!
48 Concevoir votre application Apps, Firefox OS, Guide, Mobile
Une fois que vous avez une idée pour une application Web, il est recommandé de la concevoir prudemment avant de commencer à faire le design ou la moindre ligne de code. Cela semblera totalement évident pour la majorité d'entre vous, mais ce point ne peut pas être ignoré, que vous créiez une application complètement nouvelle ou que vous transformiez une application existante. Cet article aborde les concepts principaux à garder à l'esprit quand vous concevez une application et préparez sa réalisation.
49 Design graphique pour les sites responsive
En 1996, beaucoup de personnes impliquées dans la construction du web auraient ri si vous leur aviez dit que moins de 20 ans plus tard, nous développerions des sites fonctionnant aussi bien sur téléphones portables, tablettes, télévisions, et même dans les voitures et gérant l'éclairage domestique. Mais aujourd'hui, c'est vraiment une réalité. Cet article fournit une discussion de haut niveau visant à vous aider à choisir la meilleure option pour vos besoins graphiques.
50 Facebook Apps
https://www.facebook.com/
51 Firefox OS transitions Animations, B2G, Firefox OS, Gaia, Landing, NeedsTranslation, TopicStub, Transitions
No summary!
52 Ouverture et fermeture d'applications Firefox OS, Gaia, Guide, fermeture, ouverture
53 Guide de rédaction du contenu Règles de rédaction, Règles de traduction
(dans la version en-US, qui est traduite ici, il s'agit de règles de rédaction ; pour la version fr, il devrait s'agir de règles de traduction, ajoutées ici en italique quand il y a lieu)
54 Open Web App UX building blocks
Vous trouverez ici une description des éléments de l'interface utilisateur commune aux applications Open Web dont l'interface est destinée aux petits écrans  — comme les applications Firefox OSavec des exemples montrant leur aspect et leurs fonctions. Notez que les exemples particuliers que vous trouverez dans cette section ont été rédigés conformément aux lignes directrices de conception de Firefox OS, mais ils doivent vous fournir des informations utiles, quel que soit le type d'aide que vous recherchez pour votre projet.
55 Bouton
Effectue une action quand touché par l'utilisateur. Ce sont des objets de l'interface utilisateur hautements flexibles qui ont une grande variété de styles. Consultez le guide de codage pour la façon de mettre en œuvre des boutons qui ressemblent à ceux décrits ici.
56 Confirmation
Un message de confirmation demande à l'utilisateur d'effectuer ou de confirmer une action, par exemple répondre à un message système qui demande à l'utilisateur de redémarrer l'appareil après un changement de carte SIM, ou demander à l'utilisateur d'accorder ou de refuser l'autorisation d'exécuter une tâche. Consultez le guide de codage pour la façon de mettre en œuvre ces invites dans votre application.
57 Filtre
Les filtres peuvent être utilisés pour deux usages :
58 Menu action
Un menu Action présente une liste d'élémenst, liée au contenu de l'application, à partir de laquelle l'utilisateur peut faire une sélection. Consultez le guide de codage pour plus de détails sur la façon de mettre en place un menu d'action dans votre application.
59 Zone de saisie
Une zone de saisie est un champ d'entrée de données. Il peut y avoir beaucoup de variations sur ce à quoi une zone de saisie peut ressembler, elles peuvent être aussi simple que d'un champ de saisie de texte, et aussi complexe qu'un champ de saisie multi-partie avec une entrée de texte, des sélecteurs de valeur et des boutons. Consultez le Guide de codage pour les détails sur la mise en œuvre des zones de saisie.
60 Patrons de navigation adaptative
No summary!
61 Remarques sur les applications installées Applications, Conception, Guide
Lors de la conception d'une application à installer sur le web ouvert, il y a un certain nombre de considérations à garder à l'esprit à propos de la façon dont elle va se comporter après son installation. Cet article apporte des conseils sur chacunes d'entre-elles.
62 UI layout basics Design, Layouts, NeedsTranslation, TopicStub, UI
No summary!
63 Les fondations du responsive design Apps, CSS3, HTML5, MediaQueries, Mobile, ResponsiveDesign
Pour les développeurs web, il est maintenant assez commun d'être appelé pour créer un site web ou une application qui change son interface utilisateur en fonction du navigateur ou du dispositif accédant au site, pour fournir une expérience optimisée. Une première approche pour cela consiste à créer différentes versions de votre site/application pour différentes plates-formes ou navigateurs et les générer de façon appropriée après la détection de la plate-forme ou du navigateur qui se connecte à votre site. Cependant cette méthode est de plus en plus inefficace : la détection de navigateur amène facilement à des erreurs, et la maintenance de plusieurs versions de votre code peut s'avérer un cauchemar.
64 Détails spécifiques aux plateformes sur l'installation d'une application Apps
Vous n'avez rien de particulier à faire pour que vos applications s'installent sur différentes plateformes. Toutes les informations que vous devez fournir, comme le nom de l'application, sont incluses dans le manifeste de l'application. Voici quelques précisions sur les procédures d'installation propres à chaque plateforme.
65 Développement d'Applications Jeux Apps, Jeux
Ces références et guides vous apporteront les informations utiles pour développer des jeux utilisant les technologies Web ouvertes.
66 Considérations particulières pour les développeurs de jeux Apps, Firefox OS, Jeux, Mobile
Cet article décrit quelques points-clés sur le développement de jeux, allant au-delà des informations bases pour commencer. Les principaux interêts sont de jouer hors-ligne (avec des avertissements et des limitations), enregistrer les informations du joueur et autoriser les jouer à interagir avec leurs amis.
67 Développement d'Applications pour les développeurs Web Apps
Si vous êtes développeur web et souhaitez transformer un site ou une application web en une application web ouverte (Open Web App), vous avez techniquement peu de chose à faire. Les pré-requis minimums sont peu nombreux  :
68 Développement d'Applications pour les développeurs d'Apps mobile Apps, Mobile
Si vous êtes développeur d'applications pour mobiles, le projet Open Web Apps vous offre les avantages suivants :
69 Frequently-asked questions about apps Apps, NeedsTranslation, TopicStub, Web Development
No summary!
70 Index Apps, Index, index
71 pages trouvées :
71 Intégration de l'identité pour les applications Apps, BrowserID, Identité, NeedsContent, Persona
Solution ouverte de Mozilla pour l'identité des utilisateurs, BrowserID (élément de Mozilla Persona), est utilisé de plusieurs manières dans l'écosystème des applications, la plupart ne nécessitant aucune action de la part des développeurs d'applications (autre que la connexion au Marketplace Firefox).
72 Moteurs de jeu et bibliothèques Apps, Jeux
La liste suivante donne quelques exemples de moteurs de jeu implémentés avec HTML5 et JavaScript :
73 Outils développeur Apps, Tools, Web Development
Firefox inclus désormais un kit d'outils de développeur conçu à partir de zéro afin d'assurer une excellente expérience de développement, qu'elle soit vive et efficace. Voici quelques-uns des outils que vous trouverez utiles lorsque vous développerez des applications pour le Firefox mobile et Firefox OS.
74 Outils et frameworks Applications, Bibliothèques, Firefox OS, Frameworks, Libraries, NeedsTranslation, Outils, Processus, Workflows
No summary!
75 Les composants Web et Mozilla Brick Composants Web, Créer des blocs, brick, x-tag
Il y a un problème avec le Web comme plate-forme pour les applications : HTML, le langage qui rend facile le balisage des documents et leur donne du sens n'a pas suffisamment d'éléments pour construire des applications. Il existe quelques nouveaux éléments dans la spécification HTML5, mais leur prise en compte est incomplète dans les navigateurs et il y a encore beaucoup de widgets manquants que d'autres plates-formes comme Flex ou iOS offrent aux développeurs out-of-the-box. En conséquence, les développeurs ont créé leurs propres "widgets" comme les barres de menus, commandes de curseur et calendriers à l'aide du HTML non-sémantique (la plupart du temps des éléments <div>). ils les ont rendus interactifs en utilisant le JavaScript et personnalisables en utilisant les CSS.
76 Utiliser les modèles applicatifs
Ce que vous obtiendrez:
77 Mortar
(emplacement de la page d'introduction sur mortar)
78 Paiements Marketplace NeedsEditorialReview
Statut: traduction en cours.
79 Pour commencer à créer des applications Apps
Les applications web sont créées en utilisant des technologies web standard. Elles fonctionnent avec tous les navigateurs modernes, et vous pouvez les développer en utilisant vos outils préférés.  Voici certaines caractéristiques qui distinguent les applications web des sites web :
80 Publishing your app Apps, B2G, Firefox OS, Mobile, NeedsTranslation, TopicStub, marketplace
These documents and guides will help you learn how to publish your app and manage it on the Firefox OS Marketplace.
81 Proposer une application sur le Firefox Marketplace Apps, Firefox OS, Mobile
Firefox Marketplace propose une infrastructure pour permettre aux développeurs de proposer des applications aux utilisateurs.
82 Quickstart Applications, Applications Web, Débutant, Développement, Guide, Intro, NeedsTranslation, TopicStub, guide
Cet article propose une introduction aux Applications Web Ouvertes (Open Web Apps) installables sur Firefox OS et autres plateformes compatibles. Il inclut la façon dont elles sont créées et en quoi elles diffèrent des standards du web. Ceci est à destination des développeurs web tout comme des développeurs mobile natifs.
83 Design TopicStub
No summary!
84 Concept : une super application Apps, concept
Si vous avez déjà une liste de tâches, une idée pour votre application et le type d'utilisateur visé, il est facile de créer un objectif, définissez celui de votre application et l'utilisateur le plus important en une phrase. C'est votre cas d'utilisation principal.
85 Fondamentaux pour la conception Applications, Conception
Soyez cohérent dans votre langage. Utilisez toujours le même terme dans votre application lorsque vous vous référez à une action ou un élément, et utilisez chaque terme pour une action ou élément.

Soyez cohérent dans votre interface utilisateur. Par exemple, si vous placez votre bouton retour dans le coin haut gauche, il ne devrait pas apparaître en bas à gauche dans d'autres écrans de votre application.

Soyez cohérent dans vos éléments visuels. Si deux éléments se ressemblent, ils devraient avoir le même comportement. Si deux éléments ont des fonctionnalités différentes, ils devraient être facilement distincts.
86 Recommandations d'interface utilisateur Apps, Recommandations, UI
Une application, plusieurs écrans. Comment faire une interface utilisateur qui soit aussi bien sur smartphone que sur bureau ? Apprenez comment construire des interfaces qui s'adaptent à l'écran de l'utilisateur.
87 Reference apps
No summary!
88 Chrono
Chrono est un simple chronomètre avec temps au tours, construit pour montrer différents aspects du procédé de dévellopement des applications web Open Source.
89 Notes Générales App, base de donnée indexée, hors ligne
Notes Générales est une application simple qui vous permet de synchroniser du contenu local et distant
90 Sujets avancés Applications, Firefox OS, Mobile
Ces articles vous donnerons plus d'informations sur des sujets plus avancés concernant les applications Web.
91 Tutoriels pour le développement d'applications Apps, NeedsContent
Voici une liste de tutoriels pour vous aider dans le développement d'applications web.
92 Games Applications, Jeux, Tutoriels
Ici une liste de tutoriels pour les jeux :
93 Jeu du Serpent Apps, Code, Jeux, Tutoriel
Cette Application Web Ouverte est un jeu simple basé sur le classique "serpent". Il utilise le modèle WebGameStub, qui peut servir à créer rapidement des jeux Web.
94 Tutoriel Application Météo
Ce tutoriel va vous apprendre à créer une application simple nommée weatherme.
95 Tutoriel général au dévéloppement d' application Apps, Marketplace
Voici un tutoriel pour la création d'une application web, basée sur Twitter, qui va afficher les tweets pour une zone géographique sélectionnée. Cet example décrit comment créer une application, écrire son manifeste et la soumettre sur le marché d'application de Firefox (Firefox Marketplace).
96 Configurer votre environnement de développement Apps
Avant de vous plonger dans la création de votre application web, vous devez vous assurer d'avoir les outils nécessaires.
97 Fondations dune application web HTML5 Apps
Une application web ouverte est fondamentalement une application HTML5. Même si les fonctions d'HTML, de CSS et de JavaScript sont évidentes pour certains, voici un rapide résumé du role important que chacun joue dans une application HTML5.
98 Tester l'application Application
Le test des applications est d'une importance cruciale, particulièrement quand de nombreuses plateformes et appareils sont supportés. Le nombre de test et leur type dépend du périphérique et de la plateforme qui sera utilisée. Les types de tests sont:
99 Votre environnement de développement d'applications Outils de développement web, Éditeurs de texte
Avant que vous ne puissiez vous plonger dans la création de votre application web, vous devrez vous assurer d'être en possession des outils nécessaires.
100 Tutoriels app audio et vidéo Apps, Landing
Ces tutoriels concernent les applications audio et vidéo :

Étiquettes et contributeurs liés au document

Étiquettes : 
 Contributeurs à cette page : xdelatour
 Dernière mise à jour par : xdelatour,