What is Code in the Dark
Code in the Dark est un concours front-end (HTML, CSS), originaire de Tictail, où chaque candidat concourt pour mettre en œuvre la conception d'un site Web à partir d'une seule capture d'écran. Le problème est qu’aucun aperçu des résultats n’est autorisé lors de la mise en œuvre et qu’aucun outil de mesure ne peut être utilisé. Le gagnant est décidé par le public.
Pendant le concours, les participants doivent utiliser notre éditeur personnalisé pour Code in the Dark, que [vous pouvez essayer ici] (http://codeinthedark.com/editor).
- Chaque candidat reçoit un ensemble de l'éditeur, qui comprend une capture d'écran de la page qu'il doit implémenter avec HTML/CSS et tous les éléments supplémentaires dont il pourrait avoir besoin.
- Aucun iframe, framework, extrait de code ou autre actif en dehors de ceux répertoriés dans les instructions n'est autorisé. Le site doit être construit à partir de zéro pendant le concours.
- Le candidat doit avoir l'éditeur en mode plein écran et n'est jamais autorisé à en sortir ni à utiliser des outils de mesure.
- Les aperçus des résultats sont strictement interdits jusqu'à la fin du temps imparti.
- Une fois le délai de 15 minutes écoulé, chaque concurrent présente son résultat au public, qui vote ensuite pour son favori pour désigner le gagnant.
Code in the dark est open source - vous pouvez utiliser l'éditeur et les règles pour organiser votre propre événement communautaire à condition de suivre quelques directives de base. Pour héberger votre propre événement, créez une pull request (en suivant ces instructions) dans ce référentiel pour qu'il soit annoncé le le site Web codeinthedark.com. Votre page doit faire référence au site Web officiel de Code in the Dark codeinthedark.com. Veuillez lire attentivement et vous assurer de bien comprendre la licence avant d'utiliser le nom ou le logo Code in the Dark dans votre événement. Les événements communautaires ne peuvent pas être de nature commerciale ; vous ne pouvez pas facturer de frais d'entrée ou de participation à Code in the Dark, ni de frais directs ou indirects dans le cadre d'un autre événement.
Chaque candidat apporte son propre ordinateur portable à l'événement, mais il est recommandé de leur fournir chacun un moniteur externe. Ces moniteurs doivent être tournés vers le concurrent et vers le public, afin que celui-ci puisse suivre pendant la compétition. En fonction du nombre de participants, vous souhaiterez peut-être diviser la compétition en plusieurs tours, avec 10 participants dans chaque groupe et un grand match final composé des meilleurs placers des tours précédents.
Les captures d'écran et les ressources du site Web doivent être préparées à l'avance pour chaque groupe (utilisez des sites Web différents à chaque tour) et sont incluses dans le pack d'édition que chaque candidat reçoit. Il est recommandé de disposer des packs sur des clés USB sur lesquelles les candidats peuvent copier le contenu. En savoir plus dans le dépôt de l'éditeur sur la façon de préparer les ressources et de configurer l'éditeur.
Avant le début du tour, aidez les candidats à configurer l'éditeur et assurez-vous qu'ils mettent leur navigateur en mode présentation avec la mise en miroir d'écran activée sur l'écran externe. Assurez-vous qu'ils ne commencent pas à coder avant le début du chronomètre.
Puisque le public sera le juge, faites-lui savoir clairement quelles sont les règles afin qu'il puisse facilement repérer quiconque triche et le disqualifier de la compétition.
Lorsque vous êtes prêt à commencer le tour, comptez tout le monde et réglez un chronomètre de 15 minutes que le public peut clairement voir. Une fois les 15 minutes écoulées, dites à tout le monde d'arrêter de coder, enregistrez son fichier et ouvrez-le dans son navigateur préféré pour que tout le monde puisse voter. Utilisez un service de vote comme https://www.mentimeter.com/ pour permettre à tout le monde de voter facilement.
Imprimez les instructions suivantes et mettez-les à la disposition de chaque concurrent, en les attachant par exemple au moniteur devant eux, face au public.
- Connectez le moniteur et activez la mise en miroir d'écran.
- Attendez que l'équipage transfère les fichiers d'une clé USB vers votre ordinateur.
- Ouvrez uniquement le fichier index.html de l'éditeur et réglez votre navigateur en mode présentation.
- L'éditeur contient des instructions supplémentaires sur les ressources et sur la manière de sauvegarder le fichier final.
- Lorsque le temps est écoulé, retirez vos mains du clavier.
- Ne quittez pas l'éditeur pendant le concours !
Pour que votre événement soit présenté sur le site Web codeinthedark.com, créez une pull request dans ce référentiel en ajoutant le code suivant sous la section « Événements organisés par la communauté » :
<p>
[VILLE] · [DATE] &mi-point; <a href="[LINK_TO_RSVP_PAGE]" target="_blank">RSVP</a>
</p>Remplacez [CITY], [DATE] et [LINK_TO_RSVP_PAGE] par vos informations. Voici un exemple :
<p>
Stockholm &milieu; 22 janvier 2016 · <a href="http://example.com" target="_blank">RSVP</a>
</p>