Lancez le développement de votre widget

Si vous recherchez des bonnes pratiques et de nouvelles façons de développer des widgets dans Mendix, regardez ce webcast pour des conseils d'experts et une vue concrète des nouveaux outils disponibles pour le développement de widgets.

Transcription

[00: 00: 00.030]
bonjour et bienvenue à tous dans une nouvelle

[00: 00: 02.340]
webinaire développeur expert mendax mon nom

[00: 00: 05.279]
est Jung Dufus et je serai votre hôte

[00: 00: 06.870]
pour aujourd'hui, le webinaire d'aujourd'hui portera sur

[00: 00: 09.510]
démarrer le développement de votre widget

[00: 00: 10.889]
avec le nœud oui grunt et autres utiles

[00: 00: 14.549]
outils développeur JavaScript crier – rires

[00: 00: 18.029]
et je t'apprendrai à utiliser le nouveau

[00: 00: 19.830]
générateur de widgets, mettez à niveau votre existant

[00: 00: 21.960]
widgets et comment vérifier votre code pour

[00: 00: 24.600]
dépréciations pendant le webinaire, vous pouvez

[00: 00: 28.560]
soumettez vos questions dans la question que nous

[00: 00: 30.359]
sachez qu'après les démos l'elta ira

[00: 00: 33.210]
à travers certaines questions,

[00: 00: 35.280]
les questions et réponses seront publiées sur

[00: 00: 36.989]
la page du webinaire ensuite

[00: 00: 38.989]
avant de commencer, veuillez jeter un oeil à

[00: 00: 41.190]
la fenêtre des documents et accédez au webinaire pour

[00: 00: 43.770]
veuillez trouver les slides de présentation

[00: 00: 46.350]
profitez de la présentation je vais maintenant donner le

[00: 00: 48.480]
Je suis à Yelton, merci et merci

[00: 00: 54.030]
Merci à tous d'avoir rejoint l'expert

[00: 00: 56.430]
webinaire démarrez votre widget

[00: 00: 58.230]
développement je m'appelle Lt lacnic je suis un

[00: 01: 01.500]
Développeur JavaScript pour la communauté

[00: 01: 03.420]
équipe de mendax dans l'équipe communautaire nous

[00: 01: 06.750]
je veux vous permettre en tant que JavaScript

[00: 01: 10.020]
développeur pour créer vos propres widgets et

[00: 01: 12.630]
nous voulons permettre à notre communauté de

[00: 01: 14.640]
créer du contenu pour ce webinaire nous

[00: 01: 18.030]
je m'attends à ce que vous sachiez comment fonctionne un widget

[00: 01: 20.600]
avoir des connaissances techniques sur

[00: 01: 22.770]
JavaScript et avoir une base

[00: 01: 25.560]
comprendre ce qu'est nodejs nous ne le ferons pas

[00: 01: 31.170]
approfondir le fonctionnement d'un widget dans le

[00: 01: 34.290]
notes du jeu de diapositives que nous avons fourni

[00: 01: 36.240]
lien pour un mode d'emploi pour réussir dans votre

[00: 01: 39.240]
premier widget le widget hello world dans

[00: 01: 41.700]
ce webinaire je me concentre sur Julie

[00: 01: 46.009]
nous allons d'abord parler de la façon de monter un échafaudage

[00: 01: 48.810]
widget en une minute en utilisant notre dernier outil

[00: 01: 51.060]
le générateur de widgets, nous en discuterons ensuite

[00: 01: 55.430]
grunt qui est inclus dans notre dernier

[00: 01: 58.890]
référentiels d'outils et de widgets dont je parlerai

[00: 02: 03.240]
sur la façon dont nous pouvons utiliser les outils, à savoir

[00: 02: 05.790]
le générateur de widgets pour mettre à jour l'existant

[00: 02: 08.039]
widgets

[00: 02: 11.090]
en bonus je montrerai un autre outil qui

[00: 02: 13.700]
nous avons construit en novembre pour vérifier votre

[00: 02: 16.849]
widget et quand il s'agit d'obsolescences

[00: 02: 19.129]
dans minik 6, enfin et surtout, je donnerai

[00: 02: 23.569]
une démonstration démontrant ces outils, nous allons

[00: 02: 26.900]
accédez à un guide étape par étape en utilisant le

[00: 02: 29.599]
générateur de widget et grunt dans une diapositive

[00: 02: 33.830]
pont, nous avons ajouté des liens et plus

[00: 02: 35.269]
explications dans les notes par diapositive

[00: 02: 38.810]
les notes de la dernière diapositive contiennent un bref

[00: 02: 41.660]
guide étape par étape sur les choses que nous

[00: 02: 43.910]
vont faire une démonstration à l'équipe communautaire

[00: 02: 52.760]
nous créons et entretenons beaucoup de sorcières

[00: 02: 55.750]
pour faire cela correctement, nous avons besoin

[00: 02: 58.670]
outils de développement donc jusqu'à présent nous

[00: 03: 01.610]
il n'y avait que des crochets dans l'éditeur de code

[00: 03: 04.060]
combiné avec un plugin personnalisé pour créer

[00: 03: 07.099]
il y a quelques widgets en profondeur

[00: 03: 10.190]
comment les outils que vous pouvez trouver sur notre

[00: 03: 12.500]
site Web concernant cet éditeur, il a

[00: 03: 16.670]
avantages et inconvénients c'est visuel

[00: 03: 20.569]
et c'est facile à utiliser mais il y a quelques

[00: 03: 24.889]
bugs dans le plugin qui, à cause de la

[00: 03: 27.230]
très peu de support entre parenthèses sont difficiles

[00: 03: 30.079]
pour résoudre le problème, il suffit de mettre le plugin pas toujours

[00: 03: 34.280]
fonctionne comme prévu mais il est difficile à déboguer

[00: 03: 37.069]
et corrigez-le par exemple, le plugin le fera

[00: 03: 40.549]
ne fonctionne pas si vous n'êtes pas connecté au

[00: 03: 42.829]
Internet, cela a conduit à la création d'un

[00: 03: 47.030]
nouvel outil le générateur de widgets yeoman

[00: 03: 49.870]
c'est plus rapide c'est plus fiable c'est

[00: 03: 54.380]
mieux maintenable son éditeur

[00: 03: 57.340]
indépendant et nous avons créé cet outil

[00: 04: 00.669]
fichiers transparents et open source

[00: 04: 03.950]
vous pouvez les trouver sur github pour ceux de

[00: 04: 11.540]
Vous

[00: 04: 11.930]
je ne sais pas dans quel nodejs c'est simplement

[00: 04: 15.739]
c'est un framework qui utilise

[00: 04: 18.290]
JavaScript pour exécuter pratiquement n'importe quoi sur

[00: 04: 21.079]
votre ordinateur existe depuis un certain temps

[00: 04: 23.810]
depuis longtemps et dispose d'un vaste écosystème de

[00: 04: 26.509]
bibliothèques open source que vous pourriez désormais posséder

[00: 04: 30.139]
je l'ai déjà utilisé sans le savoir

[00: 04: 32.330]
par exemple celui mentionné précédemment

[00: 04: 34.750]
L'éditeur de parenthèses est construit sur le nœud

[00: 04: 39.520]
yeoman est un outil de ligne de commande qui est

[00: 04: 42.259]
construit sur aucun GS non plus c'est ce que

[00: 04: 46.130]
est appelé un outil d'échafaudage utilisant un

[00: 04: 49.130]
modèle et en entrant quelques

[00: 04: 50.960]
paramètres, il peut rapidement créer un échafaudage Web

[00: 04: 54.229]
application d'un site Web ou dans notre cas un

[00: 04: 58.100]
widget le générateur de widget est fondamentalement

[00: 05: 02.150]
un modèle utilisé par le yeoman

[00: 05: 04.340]
client en ligne de commande pour créer un widget

[00: 05: 10.780]
grunt est un exécuteur de tâches qui peut être trouvé

[00: 05: 14.900]
sur les craquements calmes

[00: 05: 17.349]
il est également construit sur la note oui et

[00: 05: 20.780]
il a la capacité d'exécuter des programmes prédéfinis ou

[00: 05: 24.860]
tâches personnalisées définies par Li Grunt utilise un

[00: 05: 29.599]
fichier unique un digest grünfeld à exécuter

[00: 05: 33.289]
ces tâches présentent quelques avantages

[00: 05: 36.349]
il est principalement indépendant de tout éditeur

[00: 05: 39.770]
vous utilisez, vous pouvez l'exécuter à partir du

[00: 05: 42.409]
client de ligne de commande et vous pouvez exécuter ceci

[00: 05: 44.510]
depuis la ligne de commande mais pour beaucoup de

[00: 05: 47.180]
éditeurs, il existe également des plugins qui peuvent

[00: 05: 51.020]
utilisez grunt maintenant notre communauté se développe

[00: 05: 55.190]
avec de nouvelles façons d'améliorer le développement

[00: 05: 57.020]
soit via le forum via github

[00: 05: 59.990]
ou des rencontres et je dois vraiment remercier

[00: 06: 02.780]
l'un de nos MVP libère le MIT pour

[00: 06: 05.180]
fournir la première version de ceci

[00: 06: 06.860]
fichier grunt en utilisant hiss comme exemple nous

[00: 06: 10.669]
nous avons créé le nôtre qui est maintenant inclus dans

[00: 06: 13.310]
les sources de plusieurs de nos widgets sur

[00: 06: 15.889]
github ainsi que fourni automatiquement

[00: 06: 20.060]
par notre générateur de widgets

[00: 06: 24.599]
nous avons créé quelques tâches que vous pouvez

[00: 06: 27.789]
utilisez-le prêt à l'emploi pour accélérer votre

[00: 06: 29.919]
développement de widgets dans une démo je vais

[00: 06: 33.519]
démontrer l'utilisation de grunt et running

[00: 06: 35.529]
les différentes tâches comme la version construite

[00: 06: 38.649]
démarrer muddler et une tâche par défaut dans un

[00: 06: 43.599]
diapositives, vous trouverez un court

[00: 06: 45.189]
description par tâche et la plus

[00: 06: 47.979]
tâche importante la tâche par défaut permettra

[00: 06: 51.399]
vous développez votre widget pendant l'exécution

[00: 06: 54.099]
votre application mimique sans un

[00: 06: 56.529]
nécessité de redéployer votre application

[00: 06: 59.439]
chaque fois que vous apportez une modification à votre

[00: 07: 02.110]
fichiers javascript dans votre widget maintenant vous

[00: 07: 09.369]
peut-être que vous avez déjà créé un widget ou pour

[00: 07: 12.519]
un client vous en personnalisez un que nous avons

[00: 07: 17.079]
adapté le générateur de widgets pour inclure

[00: 07: 20.289]
les fichiers nécessaires pour grunt

[00: 07: 22.300]
dans votre référentiel de widgets existant donc

[00: 07: 26.349]
cela vous donnera la possibilité de

[00: 07: 28.300]
utilisez rapidement la puissance de grunt il y a

[00: 07: 33.219]
quelques étapes que vous devrez suivre

[00: 07: 34.919]
vous ouvrez votre dossier de widgets dans le

[00: 07: 37.240]
terminal et cela peut être soit un

[00: 07: 39.369]
client de ligne de commande ou un powershell vous

[00: 07: 43.449]
il faut s'assurer que les fichiers sources

[00: 07: 45.099]
se trouvent dans un sous-répertoire appelé SRC

[00: 07: 48.689]
vous exécutez le générateur de widgets dans le

[00: 07: 51.189]
terminal il vous demandera si vous êtes

[00: 07: 53.439]
mettre à jour un widget existant le widget

[00: 07: 58.419]
le générateur créera ensuite un package pour

[00: 08: 00.699]
Jason et un fichier grunt j/s, ça va

[00: 08: 05.050]
installer les dépendances nécessaires pour

[00: 08: 06.969]
grunt et vous pouvez commencer à l'utiliser maintenant comme

[00: 08: 13.269]
un os

[00: 08: 13.790]
dans ce webinaire, je parlerai également de

[00: 08: 16.870]
dépréciations en novembre de l'année dernière, nous

[00: 08: 21.770]
il fallait s'assurer que nos imitateurs prenaient en charge

[00: 08: 24.200]
les widgets étaient à jour et compatibles

[00: 08: 27.140]
avec la nouvelle version de mendax six,

[00: 08: 31.460]
les méthodes et les API étaient déjà là

[00: 08: 33.290]
Les dépréciations de Markus dans les imitateurs cinq de ces

[00: 08: 37.130]
serait supprimé dans Mimic Six si l'un des

[00: 08: 43.400]
les widgets contiendraient des dépréciations

[00: 08: 45.290]
ils briseraient les six restants

[00: 08: 47.540]
application en raison d'erreurs JavaScript donc

[00: 08: 52.280]
nous avons créé un vérificateur d'obsolescence qui est

[00: 08: 55.280]
également construit sur la base de no GS et exécuté comme un

[00: 08: 58.550]
client de ligne de commande autonome avec ceci

[00: 09: 02.840]
client, vous pouvez rapidement vérifier votre

[00: 09: 05.540]
widgets existants dans votre projet que vous exécutez

[00: 09: 09.860]
ce client dans votre dossier widgets de

[00: 09: 11.890]
votre projet et il vous le dira

[00: 09: 15.410]
si un widget a ou non la possibilité

[00: 09: 18.440]
dépréciations maintenant j'ai dit que nous utilisons cet outil

[00: 09: 22.730]
pour vérifier l'un de nos propres éléments pris en charge

[00: 09: 26.990]
widgets l'outil peut également exporter un

[00: 09: 31.430]
fichier Excel pour références futures donc

[00: 09: 39.970]
assez de théorie, allons-y, passons aux choses sérieuses

[00: 09: 43.730]
entreprise et faisons une démonstration des outils que j'ai

[00: 09: 47.600]
discuté

[00: 10: 04.270]
ok tout d'abord et pour utiliser ces outils

[00: 10: 08.360]
nous devons noter que oui, non, les js peuvent être

[00: 10: 14.210]
téléchargé depuis l'Arche de Noé et nous

[00: 10: 19.220]
je vous recommande d'installer le LTS

[00: 10: 21.920]
version dans ce cas la 4.2 que six

[00: 10: 25.490]
version vous pouvez également installer la version stable

[00: 10: 28.340]
version si vous le souhaitez aussi longtemps que vous

[00: 10: 30.920]
assurez-vous que la version est minimale

[00: 10: 35.530]
4.2 maintenant une fois que vous avez installé le nœud oui

[00: 10: 40.940]
il est disponible sur votre ligne de commande et

[00: 10: 44.020]
Je vais montrer cela en ouvrant un PowerShell

[00: 10: 48.770]
J'ai mon PowerShell ouvert ici, vous pouvez

[00: 10: 53.720]
utilisez également si vous voulez la norme

[00: 10: 56.300]
client de ligne de commande sous Windows celui-ci

[00: 11: 00.770]
vous pouvez ouvrir en allant sur démarrer puis

[00: 11: 03.520]
dans la barre de recherche tapez CMD appuyez sur ENTREE

[00: 11: 09.020]
et cela démarrera votre ligne de commande

[00: 11: 11.120]
client maintenant pour cette démo je vais

[00: 11: 14.090]
utiliser un PowerShell Je préfère personnellement le

[00: 11: 17.060]
PowerShell ok donc je n'ai pas installé

[00: 11: 22.370]
Jess et moi pouvons vérifier s'il est là en

[00: 11: 28.880]
note de frappe – V et cela me donnera un

[00: 11: 33.650]
numéro de version maintenant dans mon cas j'ai

[00: 11: 36.020]
version 4.2.1 vous pouvez également vérifier si

[00: 11: 40.970]
ou bien le gestionnaire de paquets Node n'est pas là

[00: 11: 43.870]
en tapant NPM – V et cela vous donnera

[00: 11: 49.760]
la version du gestionnaire de paquets node

[00: 11: 52.930]
maintenant, ceux-ci sont nécessaires à installer

[00: 11: 59.300]
le générateur yeoman donc je vais d'abord montrer

[00: 12: 03.440]
vous le site Web de yeoman yeoman est sur

[00: 12: 07.220]
yeoman dot IO et cela vous donnera un

[00: 12: 10.580]
explication de ce que fait yeoman et comment

[00: 12: 13.910]
ça marche et comment vous pouvez l'installer maintenant

[00: 12: 15.940]
si je vais à

[00: 12: 18.520]
yeoman dot io / générateurs ici j'ai un

[00: 12: 23.600]
liste de tous les générateurs et actuellement

[00: 12: 25.510]
yeoman a environ 33 ou 3400

[00: 12: 30.560]
générateurs et MINIX ont construit leur propre

[00: 12: 33.440]
générateur aussi donc si je tape min

[00: 12: 35.750]
ponts ici, vous verrez un lien vers le

[00: 12: 39.500]
Générateur de widgets MINIX maintenant si je clique sur

[00: 12: 42.440]
je vais maintenant sur notre page de démarrage

[00: 12: 47.450]
pour le moment nous n'avons pas encore fourni de mode d'emploi

[00: 12: 51.980]
sur notre site Web, ce mode d'emploi sera

[00: 12: 55.400]
publié dès que cette vidéo sera disponible

[00: 12: 58.730]
publié pour l'instant je me réfère à la

[00: 13: 02.630]
page readme sur get up ici vous verrez un

[00: 13: 08.180]
brève explication sur son fonctionnement et

[00: 13: 11.630]
comment vous devez l'installer et vous

[00: 13: 14.360]
installez ceci en tapant cette commande dans

[00: 13: 18.530]
votre fenêtre de ligne de commande donc si je vais à

[00: 13: 21.350]
powershell ce serait npm install

[00: 13: 24.940]
install – g qui signifie globalement yo

[00: 13: 30.500]
c'est le générateur de client Yeoman

[00: 13: 34.610]
– Bendix c'est le widget MINIX

[00: 13: 39.410]
générateur et grognement – grimpez et c'est

[00: 13: 43.820]
le client grunt maintenant cela peut prendre jusqu'à

[00: 13: 48.470]
une minute ou deux minutes j'ai déjà

[00: 13: 51.470]
je l'ai installé donc je ne veux pas que tu sois

[00: 13: 54.350]
regardant une fenêtre où il essaie de

[00: 13: 57.860]
installer je l'ai déjà alors utilisons

[00: 14: 04.240]
le générateur de widgets

[00: 14: 06.890]
Je souhaite créer un nouveau widget, donc je

[00: 14: 12.050]
créer un ancien où je veux faire un échafaudage

[00: 14: 15.020]
ce widget dans ce cas j'ai un dossier

[00: 14: 18.710]
générer un widget qui est vide donc si je

[00: 14: 21.890]
va à ma paroisse ici je te vois

[00: 14: 26.480]
j'écoute et je vais à

[00: 14: 29.720]
ce dossier et il est vide alors laissez-moi

[00: 14: 35.279]
effacez ceci et maintenant je vais exécuter le

[00: 14: 40.139]
générateur de widgets Je fais cela en tapant yo

[00: 14: 45.799]
Bendix en appuyant sur Entrée, cela démarrera mon

[00: 14: 52.290]
générateur et ce générateur va

[00: 14: 57.059]
demandez-moi quelques paramètres avant tout

[00: 15: 00.949]
il m'a demandé quel était le nom de mon widget

[00: 15: 03.869]
maintenant disons que je vais appeler ça

[00: 15: 06.209]
widget webinaire J'appuie sur ENTRÉE Je peux entrer

[00: 15: 16.919]
une description maintenant ce que vous pourriez voir si

[00: 15: 19.319]
vous ouvrez le générateur de widgets, c'est ça

[00: 15: 22.759]
il y a déjà une valeur ici entre

[00: 15: 25.790]
parenthèses donc si j'appuie sur ENTRÉE maintenant, cela va

[00: 15: 29.279]
utilisez la valeur par défaut si vous ouvrez le

[00: 15: 34.139]
générateur de widgets et par exemple ici

[00: 15: 36.209]
vous devez ajouter une copie dès maintenant entre

[00: 15: 39.149]
parenthèses il y a mendax 2016 pour vous

[00: 15: 45.089]
ce serait différent maintenant

[00: 15: 47.850]
parce que j'ai déjà utilisé le générateur

[00: 15: 50.809]
avant et donc il enregistrera ces valeurs

[00: 15: 57.529]
alors je vais juste appuyer sur Entrée, voici

[00: 16: 02.610]
la version initiale et nous avons toujours toujours

[00: 16: 05.249]
démarrez le widget avec la version 1.0.0 et

[00: 16: 09.989]
c'est en fait ce qu'on appelle la sémantique

[00: 16: 12.809]
versioning qui signifie que le premier numéro

[00: 16: 16.799]
est le nombre majeur le deuxième nombre est

[00: 16: 19.529]
le nombre mineur et le troisième nombre est

[00: 16: 22.980]
un numéro de patch et nous recommandons que

[00: 16: 26.910]
tout le monde utilise le versionnage sémantique

[00: 16: 30.329]
vous verrez cela dans notre boutique d'applications, vous le verrez

[00: 16: 33.629]
voir ceci sur github et nous recommandons que

[00: 16: 37.110]
vous vous en tenez à cette version de versioning

[00: 16: 40.919]
numérotage

[00: 16: 41.960]
alors appuyez à nouveau sur ENTRÉE, j'ai déjà

[00: 16: 45.529]
utilisé ceci donc l'auteur est déjà

[00: 16: 47.540]
rempli et j'ai ici mon github

[00: 16: 50.450]
nom d'utilisateur qui n'est pas complètement

[00: 16: 54.860]
fonctionnel pour le moment mais vous pouvez déjà

[00: 16: 57.140]
réglez-le de sorte que si j'appuie sur Entrée maintenant, il le fera

[00: 17: 01.120]
échafauder un nouveau widget donc si je me laisse

[00: 17: 07.059]
ici vous verrez le dossier que je suis

[00: 17: 09.949]
je travaille et en ce moment c'est vide donc

[00: 17: 12.410]
si j'appuie sur Entrée maintenant, ce qu'il fera est

[00: 17: 15.709]
créer tous les fichiers et ces fichiers sont

[00: 17: 19.309]
en fait une copie de notre widget de l'App Store

[00: 17: 23.420]
un modèle qui est également sur github

[00: 17: 26.750]
cela suit le modèle de l'application

[00: 17: 30.860]
stocker un modèle de widget qui est également

[00: 17: 34.880]
discuté sur notre site Web dans le

[00: 17: 40.309]
documentation ce qu'il fait aussi ici vous

[00: 17: 45.320]
voyez, il a copié tous les fichiers et maintenant

[00: 17: 48.530]
il installe toutes les dépendances

[00: 17: 50.420]
qui sont nécessaires pour grogner quand ceux-ci

[00: 17: 55.700]
les dépendances sont installées, cela va

[00: 17: 58.179]
exécuter automatiquement grunt construit pour construire

[00: 18: 01.490]
la première version de votre widget et la

[00: 18: 04.820]
la première version de mon widget sera dans mon

[00: 18: 06.980]
distal der et cela s'appelle le webinaire

[00: 18: 09.830]
widget je vais vous montrer les tâches que

[00: 18: 14.600]
tu peux courir en grunt plus tard maintenant moi aussi

[00: 18: 20.710]
mentionnez que vous pouvez utiliser le Bendix

[00: 18: 24.100]
générateur de widgets pour mettre à jour l'existant

[00: 18: 27.500]
widgets donc si je vais à j'ai ici un

[00: 18: 32.150]
dossier et laisse-moi aller dans mon dossier

[00: 18: 43.020]
maintenant, comme vous pouvez le voir, il n'y a pas de grognement

[00: 18: 47.440]
fichier ici et il n'y a pas de paquet non

[00: 18: 50.500]
Jason ici maintenant, normalement tu pourrais euh

[00: 18: 56.100]
copiez manuellement ces fichiers mais comme je l'ai dit

[00: 19: 00.159]
nous avons adapté le générateur pour créer

[00: 19: 02.650]
ils sont pour toi alors laisse-moi faire fonctionner le générateur

[00: 19: 06.970]
encore dans cette menthe et dans ce dossier donc

[00: 19: 10.260]
le troisième est et je tape yo mendax et je

[00: 19: 15.640]
appuyez sur ENTRÉE maintenant, ce qui va se passer est le

[00: 19: 21.520]
le générateur verra que le répertoire est

[00: 19: 24.970]
pas vide et laissez-moi maximiser cela et

[00: 19: 29.370]
il vous donnera un avertissement et s'il y a

[00: 19: 33.730]
est déjà s'il y a déjà des fichiers dans

[00: 19: 36.309]
votre dossier mais il vous demandera également

[00: 19: 41.559]
que vous mettiez à niveau ou non un

[00: 19: 43.659]
widget personnalisé et dans ce cas je suis tellement

[00: 19: 47.890]
Je vais appuyer sur oui, ce qu'il va faire maintenant est

[00: 19: 53.190]
essayez de lire le package XML dans votre

[00: 19: 59.020]
dossier source donc si je vais à ma source

[00: 20: 06.159]
dossier ici se trouve le package XML et ici

[00: 20: 12.130]
c'est ma démo qui est XML et donc elle le sera

[00: 20: 15.520]
détecter automatiquement que c'est le nom de

[00: 20: 18.909]
votre widget donc ici je peux appuyer sur ENTRÉE

[00: 20: 21.490]
et comme mon widget est en version 1.0.0

[00: 20: 28.120]
il prendra également ce numéro de version

[00: 20: 31.570]
alors j'appuie sur Entrée et maintenant il va copier un

[00: 20: 36.520]
quelques fichiers mais le plus important

[00: 20: 38.860]
l'un est un package pour Jason et le fichier grunt

[00: 20: 42.370]
et comme vous pouvez le voir maintenant, il a inclus

[00: 20: 48.520]
le fichier grunt et le paquet Jason

[00: 20: 54.020]
il installera ensuite tous les

[00: 20: 57.690]
dépendances et vous pouvez maintenant utiliser grunt

[00: 21: 01.850]
dans votre référentiel de widgets existant, laissez

[00: 21: 08.340]
je peux sortir de là maintenant, ça pourrait aussi

[00: 21: 16.440]
il se trouve que vous avez téléchargé un widget

[00: 21: 21.380]
et si vous avez téléchargé un widget, vous

[00: 21: 24.840]
j'ai le widget de notre part donc si je vais à

[00: 21: 28.820]
le mendax un référentiel et par exemple

[00: 21: 32.850]
Je prends le widget graphique oui si je peux

[00: 21: 39.690]
clonez ceci en utilisant git ou je peux télécharger

[00: 21: 42.600]
sous forme de fichier zip et il comprendra un

[00: 21: 45.720]
fichier grunt et un package Jason donc je

[00: 21: 51.150]
devrait pouvoir utiliser grunt à partir de cela

[00: 21: 54.480]
référentiel donc si je tape maintenant, il

[00: 21: 58.500]
va me donner une erreur et c'est

[00: 22: 00.930]
parce que Grunt ne peut pas trouver le local

[00: 22: 04.740]
grogner et c'est parce que le

[00: 22: 07.610]
les dépendances utilisées par grunt sont

[00: 22: 11.370]
pas encore installé donc je dois installer

[00: 22: 14.790]
ceux-ci et je le fais en tapant npm

[00: 22: 19.290]
installer et si j'appuie sur ENTRÉE, cela se fera

[00: 22: 23.720]
installer les dépendances c'est parce que

[00: 22: 26.580]
il a un package que Jason et donc le

[00: 22: 30.090]
Le gestionnaire de paquets Node comprendra

[00: 22: 33.420]
quelles dépendances installer donc si je

[00: 22: 37.080]
ouvrir je vais ouvrir ceci dans mon éditeur et

[00: 22: 45.890]
donc dans mon éditeur ici vous verrez le

[00: 22: 50.130]
les paquets sont Jason et ici se trouvent les

[00: 22: 54.090]
dépendances utilisées par grunt pour

[00: 22: 56.670]
exécuter leurs tâches

[00: 23: 00.640]
donc cela conclut l'utilisation du widget

[00: 23: 05.679]
générateur et maintenant allons-y, utilisons

[00: 23: 09.970]
grognement donc pour cela je vais utiliser

[00: 23: 19.170]
utilisez en fait l'un de nos widgets qui

[00: 23: 22.240]
nous avons construit le graphique, oui nous le ferions

[00: 23: 30.750]
ici j'ai un grognement, je suis tombé sur un

[00: 23: 33.910]
paquet que Jason et mes dépendances

[00: 23: 36.309]
sont déjà installés car j'ai un

[00: 23: 38.350]
dossier des modules de nœuds, alors allons dans mon

[00: 23: 43.840]
partiel et je vais charger s maintenant à partir de

[00: 23: 51.370]
ici je peux exécuter mes tâches de base et ainsi de suite

[00: 23: 56.740]
commençons par créer un nouveau fichier NPK

[00: 24: 00.790]
le widget est tombé, voici donc mon NPK est tombé et

[00: 24: 06.580]
maintenant je vais exécuter grunt build maintenant

[00: 24: 16.240]
Grunt ce que Grunt Built fera est de prendre

[00: 24: 19.799]
tous les fichiers de votre dossier source ici

[00: 24: 23.740]
et créer une archive une archive SIP

[00: 24: 29.520]
avec une extension mpk et cela mettra

[00: 24: 33.929]
ce fichier NPK dans ce dossier et comme

[00: 24: 37.929]
vous pouvez le voir par l'horodatage que je viens de

[00: 24: 39.970]
créé ce fichier mpk pour que vous puissiez le faire

[00: 24: 44.500]
utilisez l'outil de construction grunt et ceci

[00: 24: 49.299]
NPK peut être distribué dans l'App Store

[00: 24: 52.990]
ou vous pouvez l'utiliser dans votre projet maintenant si

[00: 24: 58.780]
Je mets à jour le code dans mon widget I

[00: 25: 02.700]
il faut faire un peu de versioning donc à chaque fois

[00: 25: 06.429]
Je crée une nouvelle version de mon widget I

[00: 25: 09.610]
je dois mettre à jour le numéro de version si je

[00: 25: 12.640]
aller à la

[00: 25: 13.809]
laissez-moi parcourir mon éditeur dans ma source

[00: 25: 21.519]
dossier J'ai un package dot XML ici et

[00: 25: 28.659]
voici un numéro de version et actuellement

[00: 25: 32.919]
la version est 3.1.3 maintenant si je veux

[00: 25: 37.779]
mettre à jour mon numéro de version je pourrais changer

[00: 25: 42.460]
moi-même mais nous avons créé un

[00: 25: 46.119]
tâche actuelle pour cela donc si j'exécute grunt

[00: 25: 50.190]
version, il essaiera de lire le paquet

[00: 25: 55.899]
XML dans le numéro de version dans le package XML

[00: 25: 59.320]
et dans ce cas c'est 3.1.3 donc si je veux

[00: 26: 03.489]
pour mettre à jour mon numéro de version par exemple

[00: 26: 06.249]
Je veux la version 3.2, je peux la configurer en utilisant

[00: 26: 11.799]
version grognement donc je dis version grognement

[00: 26: 20.279]
3.2.40 le numéro de patch ici si je dis

[00: 26: 23.109]
c'est la version 3.2 c'est en fait 3.2 dot

[00: 26: 27.639]
et donc maintenant j'appuie sur ENTRÉE et si je vais

[00: 26: 33.159]
de retour à mon éditeur vous verrez que dans

[00: 26: 36.549]
le paquet dot XML le numéro de version

[00: 26: 39.369]
est passé à 3.2 points oh donc c'est un a

[00: 26: 43.690]
moyen rapide de changer le numéro de version de

[00: 26: 47.879]
votre widget mettra également à jour le

[00: 26: 51.549]
numéro de version dans votre package JSON et

[00: 26: 54.629]
nous essayons de garder ces deux éléments alignés mais

[00: 26: 59.589]
ce numéro de version n'est pas utilisé dans le

[00: 27: 02.259]
App Store ou n'importe où, c'est juste pour

[00: 27: 05.019]
c'est pratique que nous le changions également ici

[00: 27: 07.330]
dans le paquet que Jason quand nous

[00: 27: 15.729]
développer

[00: 27: 16.220]
un widget auquel nous ajoutons toujours un projet de test

[00: 27: 20.870]
et généralement si vous regardez notre

[00: 27: 24.710]
widgets dans notre structure vous avez en

[00: 27: 27.770]
votre référentiel de widgets vous avez un dossier

[00: 27: 32.179]
appelé test et dans test voici mon test

[00: 27: 36.590]
projet maintenant je peux exécuter ce projet de test

[00: 27: 42.580]
simplement en cliquant dessus mais nous aussi

[00: 27: 46.370]
inclus une tâche en cours pour cela donc je

[00: 27: 51.049]
vous pouvez exécuter ceci en tapant grunt start –

[00: 27: 57.730]
muddler maintenant ce qu'il va faire c'est chercher

[00: 28: 06.080]
pour votre sélecteur de version de mimiques et

[00: 28: 10.360]
passer le projet de test et ouvrir

[00: 28: 15.710]
avec le sélecteur de version donc c'est vrai

[00: 28: 18.049]
maintenant, à partir de la ligne de commande, j'ai commencé

[00: 28: 20.240]
mon projet de test maintenant faisons quelques

[00: 28: 29.179]
développement sur le widget donc en ce moment

[00: 28: 32.750]
ce que je vais faire, c'est que je vais

[00: 28: 34.490]
je vais exécuter ce projet localement

[00: 28: 46.570]
et en attendant dans un dossier source

[00: 28: 50.950]
Je vais mettre à jour un de mes fichiers dans

[00: 28: 55.930]
ce cas cordon rjs et je vais décommenter

[00: 29: 01.570]
cette ligne maintenant si je suis si j'ouvre mon test

[00: 29: 07.840]
projet localement et j'ouvre mon chrome

[00: 29: 12.040]
inspecteur en cliquant avec le bouton droit de la souris, puis allez

[00: 29: 15.700]
pour inspecter dans l'onglet sources ok je peux

[00: 29: 23.830]
regardez toutes les sources des fichiers

[00: 29: 26.890]
qui sont chargés et dans ce cas il a

[00: 29: 31.480]
chargé les dossiers de frais et dans ce

[00: 29: 36.010]
cas je veux regarder le tribunal à je s

[00: 29: 38.470]
fichier maintenant si je regarde le quart J

[00: 29: 41.710]
fichier, vous verrez que cette ligne est

[00: 29: 53.280]
commenté mais je viens de le mettre ici

[00: 29: 59.500]
laisse-moi le sauvegarder à nouveau et le recharger

[00: 30: 08.080]
j'ai quand même commenté c'est parce que le

[00: 30: 11.770]
le modélisateur prendra tous les fichiers de widgets

[00: 30: 14.140]
et décompressez-les dans le dossier de déploiement

[00: 30: 16.750]
donc si je vais dans mon projet et je vais à

[00: 30: 21.340]
mon dossier de projet de test de test à

[00: 30: 25.390]
déploiement ensuite sur le web dans widgets hill

[00: 30: 32.380]
ici ici vous verrez les fichiers de

[00: 30: 36.730]
dans ce cas, le widget de charge oui et ainsi de suite

[00: 30: 39.700]
si je vais au cœur ici, vous verrez que

[00: 30: 44.590]
c'est commenté maintenant si je veux le faire

[00: 30: 48.880]
développement de widgets, il est utile de changer

[00: 30: 52.630]
fichiers dans votre dossier source et voir

[00: 30: 56.170]
ces changements se reflètent directement

[00: 30: 59.770]
votre projet c'est pourquoi nous avons créé

[00: 31: 06.400]
la tâche par défaut pour grunt et j'exécute le

[00: 31: 12.730]
tâche par défaut je peux dire grunt par défaut mais

[00: 31: 16.690]
si j'omets un nom de tâche, je peux simplement dire

[00: 31: 19.870]
grunt run grunt donc j'appuie sur ENTRÉE et

[00: 31: 23.790]
cela exécutera la tâche de surveillance maintenant quoi

[00: 31: 28.240]
la montre fera la tâche de la montre

[00: 31: 33.420]
surveille ton dossier source alors laisse-moi partir

[00: 31: 36.880]
de retour à mon dossier source mon noyau est arrivé

[00: 31: 41.500]
fichier dot JS, il surveillera tout

[00: 31: 46.890]
changements dans ces fichiers et lorsque l'un d'entre eux

[00: 31: 50.950]
ces changements se produisent et laissez-moi faire cela

[00: 31: 55.930]
en disant triple commentaire ici pour

[00: 31: 58.810]
exemple et j'appuierais sur Enregistrer maintenant, vous le ferez

[00: 32: 02.260]
voir que grunt détecte un changement dans ceci

[00: 32: 05.380]
l'affaire dans le cordage est maintenant elle va courir

[00: 32: 08.680]
en fait, exécutez deux tâches, cela va compresser

[00: 32: 12.130]
tous les fichiers dans le dossier source et

[00: 32: 15.640]
il va essentiellement créer un nouveau fichier NPK

[00: 32: 18.870]
donc c'est similaire à la construction de grunt

[00: 32: 22.450]
tâche mais elle le fera, elle le fera aussi

[00: 32: 26.650]
autre chose, il copiera les modifications

[00: 32: 30.820]
fichier dans votre dossier de déploiement donc dans

[00: 32: 35.980]
dans ce cas là j'ai un cordage qui s'ouvre

[00: 32: 39.340]
mon fichier source et comme je l'ai vu

[00: 32: 42.810]
le cordage est archivé dans mon déploiement

[00: 32: 46.360]
le dossier n'a pas été modifié si je vais dans mon

[00: 32: 49.560]
cordage comme fichier ici vous verrez que c'est

[00: 32: 53.350]
a maintenant des commentaires triples et donc ici si je

[00: 32: 59.520]
recharger la page maintenant

[00: 33: 06.190]
j'avais déjà une source ouverte donc et la

[00: 33: 09.909]
fichier JS du quatuor ouvert et maintenant nous verrons

[00: 33: 12.309]
qu'il est triplement engagé et fondamentalement

[00: 33: 16.769]
ce que cela signifie, c'est que tous les changements

[00: 33: 19.750]
Je fais dans mon dossier source sont maintenant aussi

[00: 33: 23.529]
reflété dans mon dossier de déploiement et donc

[00: 33: 26.200]
quand je développe ce widget et je

[00: 33: 29.620]
apporter des modifications aux fichiers JavaScript I

[00: 33: 32.860]
je n'ai pas besoin de lire le redéploiement de mon

[00: 33: 37.179]
projet ou synchroniser mon projet

[00: 33: 40.600]
répertoire comme vous pouvez le voir dans le si vous

[00: 33: 43.990]
avoir dans le modeleur et ce que c'était tout

[00: 33: 46.600]
tout est également fait lors du développement dans les enregistrements

[00: 33: 52.259]
maintenant je mets l'accent sur les changements dans votre

[00: 33: 56.710]
JavaScript parce que lorsque vous changez

[00: 34: 00.639]
fichiers par exemple dans ce cas le

[00: 34: 05.679]
package XML ou prenons par exemple

[00: 34: 10.060]
le graphique à barres ici ce XML est chargé par

[00: 34: 16.119]
le modeleur maintenant si je fais des changements ici

[00: 34: 20.079]
par exemple, nous créons une nouvelle propriété donc

[00: 34: 23.919]
à des fins de démonstration, je vais simplement copier ceci

[00: 34: 28.119]
et je dirai que la clé est la taille de la légende

[00: 34: 35.169]
taille maintenant si je sauvegarde ça mon grognement le fera

[00: 34: 44.859]
voir aussi ce changement, il créera un

[00: 34: 48.159]
nouveau fichier mpk mais si je vais dans mon modeleur

[00: 34: 52.720]
et dans ce cas, allez au graphique à barres I

[00: 34: 55.770]
ne verra pas encore cette clé ici et

[00: 34: 59.290]
c'est parce qu'il faut maintenant le recharger

[00: 35: 02.319]
le fichier mpk donc dans ce cas si je fais

[00: 35: 06.130]
modifications apportées à mon fichier XML ou CSS car

[00: 35: 12.010]
qui nécessite également une recharge à partir du

[00: 35: 16.510]
modeleur

[00: 35: 17.900]
Je dois maintenant synchroniser mon projet

[00: 35: 20.630]
répertoire et si je fais ça vous verrez

[00: 35: 23.150]
qu'il a ajouté quelques erreurs et

[00: 35: 26.270]
c'est parce que la définition du

[00: 35: 28.700]
widget dans ce cas le graphique à barres est

[00: 35: 31.730]
changé donc si je clique sur l'erreur, qu'est-ce que

[00: 35: 36.260]
Ce que je dois faire, c'est mettre à jour ce widget pour que je

[00: 35: 40.340]
clic droit et je dis mettre à jour tous les widgets

[00: 35: 43.600]
et maintenant si je double-clique sur la barre

[00: 35: 48.440]
graphique maintenant vous verrez qu'il a ajouté un

[00: 35: 53.990]
clé donc c'est quelque chose dont tu as besoin

[00: 35: 58.730]
à garder à l'esprit lorsque vous développez

[00: 36: 01.100]
votre widget qui, si vous apportez des modifications à

[00: 36: 03.800]
soit votre fichier CSS soit un fichier XML alors

[00: 36: 08.510]
tu dois tu dois simplement

[00: 36: 11.930]
synchronisez votre répertoire de projet mais

[00: 36: 14.420]
pendant l'exécution de cette tâche fastidieuse, elle

[00: 36: 16.370]
toujours avoir la dernière version du

[00: 36: 19.310]
fichier mpk dans votre projet de test car je

[00: 36: 24.470]
j'ai dit ce grognement quand tu es allé grogner

[00: 36: 29.000]
construit, il créera un fichier MPA

[00: 36: 32.360]
et le met dans le dossier dist mais il

[00: 36: 36.170]
fera également une copie de ceci dans votre

[00: 36: 39.020]
projet de test dans ce cas dans mon test

[00: 36: 41.900]
dossier puis widgets et donc ce mpk

[00: 36: 46.190]
le fichier est également la dernière version de votre

[00: 36: 51.380]
widget maintenant je

[00: 36: 58.940]
promis un bonus et c'est le cas

[00: 37: 03.790]
vérificateur d'obsolescence alors laissez-moi sortir

[00: 37: 08.359]
de cela si vous voulez arrêter de courir dans ce

[00: 37: 10.579]
cas le le le le grognement standard

[00: 37: 14.060]
vous pouvez vous en sortir en regardant la tâche

[00: 37: 17.089]
en appuyant sur ctrl + C puis en appuyant sur oui et

[00: 37: 21.200]
maintenant je suis, j'ai arrêté de grogner, donc comme je

[00: 37: 27.230]
nous avons dit que nous avions créé un vérificateur d'obsolescence

[00: 37: 29.660]
et cela peut être trouvé sur github également

[00: 37: 32.890]
sous maniaque donc koat.com slash mendax et

[00: 37: 38.829]
si je tape dépréciation, cela me montrera

[00: 37: 44.150]
le MX – vérifier – les dépréciations sont désormais présentes

[00: 37: 50.990]
vous donnera une brève description sur la façon dont

[00: 37: 54.470]
pour l'installer et c'est similaire à

[00: 37: 57.760]
installer votre générateur de widgets ou

[00: 38: 02.930]
yeoman dans ce cas nous installons le

[00: 38: 06.680]
vérificateur d'obsolescence en exécutant npm

[00: 38: 09.319]
installer MX – vérifier – dépréciations

[00: 38: 13.280]
– g qui signifie globalement, donc vous pouvez utiliser

[00: 38: 16.339]
il est partout dans votre terminal, donc j'ai

[00: 38: 21.530]
je l'ai déjà installé donc si j'exécute MX

[00: 38: 25.310]
vérifier les dépréciations – h qui signifie aide

[00: 38: 32.170]
il me montrera le vérificateur d'obsolescence

[00: 38: 34.790]
avec une brève description des options

[00: 38: 38.240]
que tu peux donner alors laisse-moi aller à un

[00: 38: 41.869]
projet où je veux vérifier si ou

[00: 38: 44.930]
aucun widget n'a d'obsolescences qui

[00: 38: 48.890]
pause dans mendick 6 donc je vais dans le dossier

[00: 38: 52.790]
j'ai créé un projet de test dans le dossier

[00: 38: 57.380]
dépréciations à des fins de démonstration et ainsi de suite

[00: 39: 01.400]
ce dossier

[00: 39: 09.640]
il s'agit d'un dossier de projet standard et dans

[00: 39: 12.880]
mon dossier de widgets, j'en ai quelques-uns

[00: 39: 15.789]
widgets et maintenant je veux les vérifier

[00: 39: 17.619]
widgets utilisant le vérificateur d'obsolescence pour

[00: 39: 22.240]
voir s'il y a des dépréciations donc je

[00: 39: 25.079]
je vais dans les widgets et maintenant ici je lance un mix

[00: 39: 33.039]
vérifier les dépréciations maintenant ce qu'elles feront

[00: 39: 39.099]
est exécuté sur chaque widget afin que vous puissiez

[00: 39: 43.150]
on peut voir ici si la course traverse

[00: 39: 46.089]
bootstrap RTE NPK qui est ici et il

[00: 39: 53.109]
vérifiera toutes les dépréciations et dans

[00: 39: 54.670]
dans ce cas, il n'a trouvé aucun

[00: 39: 56.349]
les dépréciations sont les mêmes pour le calendrier

[00: 39: 58.450]
widget le même pour la charge que widget

[00: 40: 02.049]
et là j'ai des dépréciations dans mon micro

[00: 40: 07.210]
étiquette de flux dot mpk maintenant ce qu'il va dire

[00: 40: 10.390]
tu es quel genre de dépréciation est-ce que je

[00: 40: 14.740]
avoir dans quel fichier javascript dans ce

[00: 40: 19.779]
cas où le microphone étiqueté est dans le

[00: 40: 24.069]
Mousse NPK, ça me dira ce que

[00: 40: 26.529]
la dépréciation est qu'elle me dira sur quoi

[00: 40: 29.589]
la ligne dans laquelle elle se trouve est dans quelle colonne et elle

[00: 40: 33.640]
dis-moi quel est le match et ça

[00: 40: 37.990]
est essentiellement un court extrait du

[00: 40: 42.509]
dépréciation et c'est parce que le

[00: 40: 46.420]
Le vérificateur d'application vous informera sur

[00: 40: 49.089]
dépréciations possibles donc si je vais à

[00: 40: 52.089]
l'exemple ici est une dépréciation, il est dit

[00: 40: 55.269]
la dépréciation est MX UI dot HTML dot

[00: 40: 58.359]
définir le contenu mais c'est définir le contenu et

[00: 41: 02.319]
c'est clairement une méthode dans le widget

[00: 41: 05.740]
et donc c'est en fait un faux positif

[00: 41: 08.410]
donc le vérificateur d'obsolescence vérifie simplement

[00: 41: 12.160]
pour les dépréciations mais il me dira que non

[00: 41: 14.559]
vous dire si c'est vraiment un

[00: 41: 17.829]
dépréciation car cela pourrait être une fausse

[00: 41: 20.710]
positif

[00: 41: 21.279]
maintenant bien sûr ceci

[00: 41: 23.380]
créez une liste dans votre terminal votre

[00: 41: 26.740]
terminal et cela pourrait ne pas être très

[00: 41: 28.900]
pratique donc si je le relance mais

[00: 41: 31.869]
maintenant en utilisant – II cela fera la même chose

[00: 41: 35.950]
chose mais cela créera une dépréciation

[00: 41: 39.009]
fichier dot XLS et c'est fondamentalement un

[00: 41: 42.039]
fichier Excel où se trouvent toutes les dépréciations

[00: 41: 44.529]
sont répertoriés et vous pouvez donc les vérifier pour

[00: 41: 49.049]
pour références ultérieures et cela conclut

[00: 41: 55.059]
ma démo miam

[00: 42: 04.109]
Super merci beaucoup pour ce cri

[00: 42: 06.849]
– excellente explication et démos géniales

[00: 42: 09.490]
il est maintenant temps de poser quelques questions

[00: 42: 11.740]
vous pouvez poser des questions via le

[00: 42: 14.079]
fenêtre de questions dans GoToWebinar pendant

[00: 42: 17.440]
le webinaire nous avons déjà reçu quelques

[00: 42: 19.509]
d'excellentes questions, alors passons en revue quelques-unes

[00: 42: 22.210]
parmi eux, la première question est posée par Ahmed

[00: 42: 26.710]
et sa question est : est-ce que Yeoman est meilleur ?

[00: 42: 30.700]
que des parenthèses et que feriez-vous

[00: 42: 32.980]
je recommande je pense que nous en avons vu une partie

[00: 42: 35.319]
pendant vos démos mais j'aimerais entendre

[00: 42: 38.380]
ta réponse est oui c'est super

[00: 42: 43.599]
question merci qu'est ce qui est mieux le

[00: 42: 48.819]
L'éditeur de parenthèses à notre avis n'est pas

[00: 42: 53.589]
bien pris en charge et le plugin que nous

[00: 42: 56.890]
créé est comme je l'ai dit plus tôt est

[00: 43: 01.740]
difficile à maintenir nous avons le code

[00: 43: 04.809]
de ce plug-in sur github également

[00: 43: 07.000]
mais c'est très difficile à maintenir et donc nous

[00: 43: 12.730]
J'ai pensé que nous devrions créer un meilleur outil et

[00: 43: 16.390]
dans ce cas c'est le yeoman qui

[00: 43: 18.069]
générateur alors lequel est le meilleur

[00: 43: 20.980]
Je pense que c'est un yeoman mais les parenthèses sont plus

[00: 43: 25.839]
visuel donc ouais je pense que c'est ça qui serait

[00: 43: 31.420]
soyez ma courte explication géniale IMed le fait

[00: 43: 36.880]
it

[00: 43: 37.210]
réponds à ta question, peux-tu maintenant faire un

[00: 43: 41.200]
décision sur ce que vous préférez parce que je

[00: 43: 43.780]
je pense que c'est à ça que ça se résume

[00: 43: 45.550]
pas spécifiquement que l'un est meilleur que l'autre

[00: 43: 47.500]
l'autre mais plus de ce que tu préfères

[00: 43: 51.609]
utiliser Michael pose une question salut les gars c'est

[00: 43: 56.079]
il est possible d'obtenir une version enregistrée de

[00: 43: 57.970]
le webinaire à un moment ultérieur et oui

[00: 44: 00.280]
chaque webinaire d'expert est enregistré et

[00: 44: 02.349]
publié sur le site Web du développeur

[00: 44: 04.170]
le calme du développeur Dominic et nous aussi

[00: 44: 07.359]
postez les diapositives avec les notes

[00: 44: 10.300]
avec les questions et réponses pour que vous

[00: 44: 12.250]
je peux tout voir et tout lire par la suite

[00: 44: 16.390]
jayven Bari pose une question, y a-t-il un

[00: 44: 19.540]
je prévois d'en faire une interface graphique au lieu de

[00: 44: 22.599]
une ligne de commande pas maintenant

[00: 44: 30.240]
il pourrait y avoir des possibilités – de créer

[00: 44: 33.460]
une interface graphique pour le moment, il n'y a pas de plan sur

[00: 44: 39.280]
faire cela et fondamentalement les Yeomen

[00: 44: 42.160]
le client est toujours un terminal un client donc

[00: 44: 47.589]
un client en ligne de commande et je dois

[00: 44: 50.500]
vérifier parce que par exemple pour grunt

[00: 44: 53.890]
il existe quelques plugins pour beaucoup

[00: 44: 57.760]
des éditeurs dans mon cas j'utilise beaucoup Adam

[00: 45: 01.079]
donc pour Adam il y a un plug-in grunt et

[00: 45: 04.230]
peut-être mais c'est quelque chose que je dois faire

[00: 45: 06.910]
vérifiez peut-être qu'il existe un plugin pour l'utiliser

[00: 45: 11.440]
yeoman de ton générateur et puis ouais

[00: 45: 15.630]
désolé d'utiliser yeoman dans votre éditeur

[00: 45: 19.299]
et donc tu n'as pas besoin de commander

[00: 45: 23.470]
client en ligne plus mais c'est quelque chose

[00: 45: 27.099]
Je dois vérifier, alors peut-être, peut-être, d'accord

[00: 45: 32.799]
à

[00: 45: 35.770]
Mohammed pose une question : y a-t-il un

[00: 45: 38.349]
webinaire pour montrer comment créer un widget

[00: 45: 40.089]
à partir de zéro, en fait, nous avons hébergé

[00: 45: 44.920]
un autre webinaire il y a exactement un an

[00: 45: 47.410]
également en février

[00: 45: 49.720]
qui a été hébergé par le hit art Aidan's

[00: 45: 52.240]
à propos de la création de widgets personnalisés et de

[00: 45: 56.049]
comprend également un webinaire de base et des instructions

[00: 45: 57.910]
créez votre premier widget Hello World et

[00: 46: 01.240]
nous avons également quelques conseils à ce sujet dans

[00: 46: 05.380]
la documentation MINIX donc si vous allez sur

[00: 46: 08.170]
World Man X-Com, vous le trouverez dans le

[00: 46: 11.710]
section pratique Ivana demande : supposons que vous

[00: 46: 16.839]
je veux développer un nouveau widget sur quoi

[00: 46: 19.329]
version de mendax pouvez-vous mieux commencer si

[00: 46: 23.349]
vous voudriez également soutenir le

[00: 46: 25.329]
base de clients actuelle de Mendax si vous le souhaitez

[00: 46: 38.529]
pour développer un widget je recommanderais

[00: 46: 42.579]
que vous commenciez sur MINIX 518 et c'est

[00: 46: 51.549]
parce que lorsque vous, par exemple, vous le feriez

[00: 46: 54.970]
je veux utiliser ce widget dans

[00: 46: 58.630]
il y en a six si tu veux aussi le mettre à jour

[00: 47: 02.859]
plusieurs clics c'est plus pratique

[00: 47: 04.990]
commencer à ajouter MINIX 518 qui serait mon

[00: 47: 08.799]
recommandation très bien merci beaucoup

[00: 47: 13.690]
pas nécessairement la dernière version non

[00: 47: 16.240]
6.2 mais 518 plus la moitié contre 5 serait 5

[00: 47: 23.619]
serait maintenant 5 est habitué à la plupart donc ouais je

[00: 47: 27.940]
je pense qu'il est préférable de commencer par exemple

[00: 47: 31.210]
518 quelque chose comme ça ouais donc c'est

[00: 47: 35.319]
il y a plus de soutien pour cela et plus

[00: 47: 37.690]
les gens l'utilisent, ouais, d'accord, donc le

[00: 47: 40.390]
la question suivante est de je suis Matt donc il veut

[00: 47: 43.720]
pour savoir comment devenir un expert

[00: 47: 45.480]
développeur de widgets en peu de temps, alors faites-le

[00: 47: 48.549]
nous avons des suggestions sur la façon dont vous pouvez

[00: 47: 51.940]
tu sais, le widget monte rapidement en puissance

[00: 47: 54.519]
le développement y a-t-il quelque chose de spécifique

[00: 47: 56.200]
tu peux le faire pour mendax ou peut-être un crash

[00: 47: 58.779]
cours en ligne quelque part nous avons

[00: 48: 03.480]
quelques conseils sur le MINIX

[00: 48: 06.570]
site Web du développeur qui vous le dira

[00: 48: 10.380]
comment créer un widget mais il le fera

[00: 48: 13.920]
je vous indique également comment un widget est structuré

[00: 48: 16.590]
alors quel est le par exemple le dossier

[00: 48: 20.250]
structure et des choses comme ça et tout ça

[00: 48: 23.070]
j'ai également mentionné l'autre webinaire de

[00: 48: 26.130]
l'année dernière, cela va aussi dans la création de I

[00: 48: 30.150]
je pense qu'il y avait un widget "Bonjour le monde" et

[00: 48: 34.950]
ce serait donc un moyen rapide de commencer

[00: 48: 38.550]
et je pense que l'autre façon d'apprendre

[00: 48: 46.320]
c'est en expérimentant

[00: 48: 49.140]
donc juste en développant et si vous faites

[00: 48: 52.440]
par exemple une erreur je veux dire c'est

[00: 48: 55.619]
quelque chose dont vous apprenez donc vous

[00: 48: 59.460]
apprendre aussi par je dirais essai et

[00: 49: 02.520]
erreur donc je pense que ça ouais plus

[00: 49: 05.940]
et bien, comment choisir et l'autre webinaire

[00: 49: 09.930]
Je pense que ce serait un moyen rapide de

[00: 49: 13.530]
Commencez le développement de votre widget en beauté

[00: 49: 17.640]
Merci beaucoup, je suis à ça

[00: 49: 19.380]
réponds à ta question

[00: 49: 20.490]
Je pense que cela revient à pratiquer une

[00: 49: 23.220]
beaucoup trouvent une bonne idée et essaient simplement

[00: 49: 26.430]
sors-le et si tu as quelqu'un autour de toi

[00: 49: 28.859]
vous êtes peut-être un collègue ou un JavaScript

[00: 49: 32.580]
un expert qui a peut-être déjà créé des widgets

[00: 49: 36.000]
peut-être qu'ils peuvent vous aider et vous donner

[00: 49: 38.700]
quelques pointeurs vous donnent quelques astuces et

[00: 49: 40.140]
sinon bien sûr il y a les médecins

[00: 49: 42.960]
forum où vous pouvez toujours poser vos questions

[00: 49: 44.400]
questions et réponses garanties ouais

[00: 49: 49.109]
et je pense qu'il y a aussi quelque chose

[00: 49: 50.880]
sinon je veux dire que nous avons beaucoup de nos

[00: 49: 54.720]
widgets nous les avons sur github donc c'est

[00: 49: 58.410]
c'est aussi un moyen rapide d'essayer de découvrir ce que

[00: 50: 02.070]
la structure consiste à prendre les procédures et

[00: 50: 04.380]
alors prenons l'un de nos existants qui est

[00: 50: 06.869]
euh, lève-toi et essaie de regarder le code

[00: 50: 09.690]
et essayer de comprendre comment structurer

[00: 50: 12.630]
et je pense que je veux dire que cela m'a aidé

[00: 50: 15.000]
quand j'ai commencé

[00: 50: 16.900]
en tant que développeur JavaScript chez MINIX,

[00: 50: 19.750]
m'a énormément aidé simplement en regardant

[00: 50: 22.450]
au niveau du code des widgets existants également

[00: 50: 25.480]
et je veux dire que ça va assez vite et

[00: 50: 29.260]
ouais le forum est bon aussi

[00: 50: 31.120]
oui d'accord merci beaucoup

[00: 50: 35.590]
un Decker jaune pose une question, il dit

[00: 50: 39.100]
est-ce que cela fonctionnerait comme une interface graphique Yeoman pour

[00: 50: 42.250]
mendax et il fait un lien vers un package atom

[00: 50: 45.820]
appelé Atom Yeoman et peut-être que vous pouvez

[00: 50: 50.440]
ouvrez cela sur votre interface utilisateur afin que nous puissions tous

[00: 50: 55.870]
vois ce qu'il veut dire

[00: 50: 57.820]
donc ce serait atom dot io / packages

[00: 51: 03.510]
/ atome – un yeoman et peut-être que vous savez

[00: 51: 09.340]
c'est quelque chose que nous devons examiner

[00: 51: 11.590]
dans et peut-être crier que cela peut déjà

[00: 51: 14.860]
dites-nous maintenant si cela semble bon ou

[00: 51: 18.990]
peut-être quelque chose pour l'avenir, eh bien

[00: 51: 25.180]
Je vous remercie

[00: 51: 27.120]
Je n'ai pas vu celui-ci mais je serai sûr

[00: 51: 32.500]
pour y jeter un oeil, je veux dire si ça marche

[00: 51: 35.590]
alors je vais expérimenter avec ça et

[00: 51: 39.250]
et si ça marche, alors je le ferais vraiment

[00: 51: 42.640]
je le recommande oui merci excellent donc

[00: 51: 46.690]
merci beaucoup pour la suggestion

[00: 51: 49.360]
coeur gonzo qui te demande si tu veux

[00: 51: 52.090]
pour adapter un widget existant qui n'a pas

[00: 51: 54.850]
nœud oui et Jason avec grognement pour

[00: 51: 58.960]
exemple, vous le téléchargez depuis l'application

[00: 52: 01.810]
Magasin comment démarrer et installer grunt

[00: 52: 06.340]
donc je pense que c'est ce que je pense que tu montres

[00: 52: 10.390]
dans le cadre de la mise à jour d'un widget mais

[00: 52: 12.520]
peut-être que nous pouvons rapidement passer en revue cela

[00: 52: 14.740]
donc à travers les étapes principales, oui bien sûr

[00: 52: 19.480]
maintenant si vous

[00: 52: 23.220]
et bien si vous avez téléchargé un Witcher alors

[00: 52: 30.400]
vous n'aurez pas le fichier grunt et le

[00: 52: 32.770]
le paquet est Jason ici et donc vous pouvez

[00: 52: 38.050]
installez-les en utilisant le générateur de widgets

[00: 52: 41.350]
alors comme je l'ai déjà montré si j'y vais maintenant

[00: 52: 56.830]
supposons que je n'ai pas de fichier grunt et

[00: 52: 59.650]
les effets me poussent et je peux simplement exécuter votre

[00: 53: 01.690]
Linux à partir d'ici et il verra que le

[00: 53: 06.190]
le dossier n'est pas vide et il vous demandera

[00: 53: 08.710]
si vous effectuez une mise à niveau, laquelle ?

[00: 53: 10.540]
en appuyant sur oui, il prendra le nom de

[00: 53: 13.360]
le widget et le numéro de version du

[00: 53: 15.340]
widget et ensuite il va essayer de le faire

[00: 53: 21.100]
mettra en paquet la star Jason et le

[00: 53: 25.900]
fichier grunt là donc c'est ça mais si

[00: 53: 32.770]
vous avez téléchargé le widget voici le

[00: 53: 35.830]
ce qu'est un widget a un point m PK

[00: 53: 41.410]
extension mais en fait c'est un zip

[00: 53: 44.890]
archive donc si je renomme ceci en dot zip

[00: 53: 51.420]
et je le change maintenant j'ai un dossier zip

[00: 53: 54.400]
et si j'ouvre ça, là tu vas donc tu

[00: 53: 57.700]
peut décompresser ces fichiers dans un point

[00: 54: 02.410]
Dossier SRC puis exécutez votre widget

[00: 54: 07.270]
générateur dans votre dossier racine et

[00: 54: 09.250]
voilà, vous pouvez alors commencer

[00: 54: 11.980]
développer ou éditer un widget existant

[00: 54: 17.350]
que vous avez téléchargé depuis le site de

[00: 54: 19.240]
l'App Store, d'accord

[00: 54: 23.830]
parfait merci beaucoup pour le pour

[00: 54: 25.210]
la réponse avons-nous d'autres questions

[00: 54: 28.110]
sinon nous allons tout rassembler et tout

[00: 54: 36.100]
les questions et réponses seront publiées

[00: 54: 38.470]
sur le site Web par la suite et nous serons

[00: 54: 41.290]
assurez-vous de publier cela sur Twitter et sur le

[00: 54: 44.470]
forum mendax donc cela conclut le

[00: 54: 48.280]
webinaire pour aujourd'hui merci beaucoup à tous

[00: 54: 50.260]
merci beaucoup pour votre présence et n'oubliez pas de

[00: 54: 52.450]
remplissez le sondage après à bientôt

[00: 54: 54.970]
au prochain web