ZephJS est un framework simple, compréhensible et ultra-léger pour définir et utiliser des composants Web. Il est parfait pour les personnes qui écrivent des bibliothèques de composants, les équipes qui créent des applications ou des sites qui ne nécessitent que quelques composants personnalisés, ou les projets qui créent des applications entières qui ne veulent pas tout le poids d'un framework de navigateur JavaScript moderne. ZephJS simplifie le processus de définition de composants Web personnalisés en une structure déclarative et hautement lisible qui utilise du JavaScript standard, un balisage HTML standard et un style CSS standard.
ZephJS vise à ramener à la communauté la simplicité promise des composants Web. Pour ce faire, il respecte les principes suivants :
ZephJS est souvent appelé simplement « Zeph » et prononcé « Zef ».
ZephJS a les fonctionnalités suivantes...
ZephJS propose quatre cas d'utilisation différents qui peuvent être résolus dès le démarrage :
Choisissez la meilleure façon de démarrer pour vous et commencez à utiliser ZephJS dès aujourd’hui !
ZephJS fournit une tonne de documentation pour vous aider à l'utiliser...
Commencer
Composants
Services
Apis
Regroupement
Outil de ligne de commande
ZephJS est livré avec un petit outil de ligne de commande (CLI) pour répondre à vos besoins liés à ZephJS. Ceci est installé localement lorsque vous installez ZephJS via npm et est accessible avec la commande shell zeph
. Il a la syntaxe suivante :
zeph < command >
Il existe un certain nombre de commandes que vous pouvez exécuter. Très rapidement :
hello
: Générez l'exemple d'application hello world.create
: créez un nouveau composant comprenant des fichiers stub .js, .html et .css.serve
: Exécutez un petit serveur Web sur http://localhost:4000 qui servira le répertoire actuel.bundle
: regroupez plusieurs composants ZephJS dans un seul fichier.Pour plus d'informations, consultez notre documentation sur l'interface de ligne de commande Zeph.
ZephJS est livré avec un ensemble d'exemples pour votre référence.
QuickStartExample : Notre exemple tiré du guide de démarrage rapide.
BasicComponent : un exemple de composant de base.
HelloBadge : Un exemple légèrement plus grand de composant qui utilise un deuxième composant.
ExempleCollection : un exemple de regroupement de plusieurs composants dans un seul fichier, appelé collection.
ExempleService : un exemple d'utilisation de la classe ZephService pour créer un service réutilisable.
RatingStars : un exemple d'utilisation de ressources et de regroupement.
ZephJS est construit sur les standards des navigateurs modernes et nécessite donc un navigateur moderne pour fonctionner. En particulier, il nécessite les standards Web suivants : Shadow DOM v1, Custom Elements v1, Mutation Observer et Fetch.
Le tableau de compatibilité des navigateurs suivant indique quels navigateurs sont pris en charge et lesquels ne le sont pas. (Toutes les statistiques du navigateur proviennent de caniuse.com et sont utilisées dans les conditions de leur licence.)
Navigateur | Version minimale requise | Remarques |
---|---|---|
Firefox | 63 | |
Chrome | 54 | |
Safari | 10.1 | Les pseudo-sélecteurs :host et ::slotted sont bogués. |
Opéra | 41 | |
Microsoft Bord | 15 (avec Polyfill) | Nécessite l’utilisation de polymère polyfill. Voir la documentation ZephJS Polyfill. |
Microsoft Internet Explorer | NON PRIS EN CHARGE | |
Safari sur iOS | 10.3 | Les pseudo-sélecteurs :host et ::slotted sont bogués. |
Navigateur Android | 67 | |
Navigateur BlackBerry | NON PRIS EN CHARGE | Pas de support depuis la v10. |
Opéra Mobile | 46 | |
Chrome pour Android | 71 | |
Firefox pour Android | 64 | |
IE Mobile | NON PRIS EN CHARGE | Pas de support à partir de la v11 |
Navigateur UC pour Android | 11.8 | |
Internet Samsung | 6.2 | |
Navigateur QQ | NON PRIS EN CHARGE | Pas de support à partir de la v1.2 |
Navigateur Baidu | NON PRIS EN CHARGE | Pas de support à partir de la v7.12 |
(Dernière mise à jour du graphique le 25 février 2019) |
ZephJS est écrit et maintenu par The Awesome Engineering Company. The Awesome Engineering Company croit en la création de logiciels propres, configurables et créatifs pour les ingénieurs, les architectes et les clients.
Pour en savoir plus sur The Awesome Engineering Company et notre suite de produits, visitez-nous sur le Web à l'adresse https://awesomeeng.com.
Ce produit est maintenu et pris en charge par The Awesome Engineering Company. Pour obtenir de l'aide, veuillez signaler un problème ou nous contacter via notre site Web à l'adresse https://awesomeeng.com. Nous ferons de notre mieux pour vous répondre dans les meilleurs délais.
ZephJS est publié sous la licence MIT. Veuillez lire le fichier LICENSE pour plus de détails.