Reprise du message précédent :

 
+1  

Dash gives your Mac instant offline access to 150+ API documentation sets.
 
bref ça fait la même chose que devdocs, mais ça ne marche que sur une plateforme

Et que ça supporte des docsets custom, des snippets, des annotations, des bookmarks, l'intégration avec des éditeurs/IDE divers et variés, etc… et que c'est payant.

 
Oui ça fait effectivement pas envie (que ça soit payant n'est pas un soucis par contre)
 
Moi je préfère le web tant que possible vs le client lourd, même si je veux bien admettre que c'est un biais que j'ai depuis que j'ai appris à faire du web (marteau/clous toussa)

Sinon j'ai eu un mec qui m'a voulait à tout prix me sortir du Angular pour faire un FizzBuzz. En fait, il m'a sorti "Ouais, avec Angular c'est facile" pour les 3 exos.

 
Le fait qu'il veuille utiliser Angular ou n'importe quoi d'autre d'ailleurs, je vois pas le problème.
 
Le vrai problème c'est sa justification :
 
"avec Angular, c'est facile".
 
"Encore il aurait dit : je fais du Angular sans arrêt en ce moment, ça vous dérange si j'utilise Angular ?", ça pourrait éventuellement passer... Mais le "c'est facile"...   c'est pas plus ou moins facile en n'importe quoi que tu maitrise un minimum.

Pour un fizzbuzz ? Fizzbuzz c'est une boucle et 3 tests, je vois pas ce qu'angular peut venir faire là dedans.

 
Moi non plus, Mais bon après tout pourquoi pas... Ça me semble pas le plus important dans l'histoire.

AMA Ça discrédite le mec pas capable d'écrire du vanilla pour un truc aussi simple, ou le mec qui veut utiliser un RPG pour tuer une mouche.  

Si tu sais pas choisir les briques logicielles les plus adaptées à la résolution du problème, si, c'est fondamental.
C'est comme des devs que j'ai vu en entretien, tu leur demandes du SQL ils savent pas faire parce qu'ils font tout par Doctrine.

 
Ah ben c'est sûr que ça joue pas en sa faveur de vouloir utiliser Angular pour un truc aussi simple.

 
Ben là en l'occurence, on sait pas ce qui est demandé. C'est quoi les briques logicielles les plus adaptées pour ce problème ? Déjà il faut s'entendre sur le langage choisi au départ. Si tu me dis : En JS, comment faire un fizzbuzz, c'est clair que c'est bizarre de vouloir à tout prix Angular ou même jQuery. Si tu précise pas le langage, ça peut vite être une question d'appréciation.
 

 
Ce problème ira en empirant, c'est certain... D'autant que le marché du travail se spécialise de plus en plus. Tu peux avoir des mecs qui bossent que sur du symfony par exemple et qui sont incapables de faire en stock PHP ce que fait symfony.  
 
 

Quelque soit le langage, si ta première pensée c'est d'utiliser une librairie tierce pour afficher 100 lignes avec un mimimun de logique y'a un problème, on revient au problème du left-pad là. Par curiosité, en quel langage moderne tu peux justifier d'utiliser du code existant pour faire un FizzBuzz?
 
Les exos:
 
- Users: https://codepen.io/shinuza/pen/ZWRWGd
- Buttons: https://codepen.io/shinuza/pen/jqKWpK
- FizzBuzz: https://codepen.io/shinuza/pen/NNzxeM

Effectivement sortir Angular pour cet énoncé

Et tu leur laisse combien de temps pour ça ?  
 
C'est effectivement pas bien compliqué

La moyenne c'est même pas 42

C'était chiant le truc du button , le seul ou il faut connaître le JS quoi

Je sais que vous êtes tous experts en la matière mais j'ai trouvé ça pas trop mal foutu : http://flukeout.github.io/#

 
   
 
Le choix d'Angular pour commencer montre une bien faible capacité d'analyse  

Y'a pas de temps, je coupe si je vois que le mec galère. Tu penses qu'il faut mettre une limite?Í

Oups
 

Tu replaces "for(var" par "for(let" et c'est plié.

Pas évident quand même de trouver ça direct, puis faut être au point sur l'ES6
J'étais parti sur la méthode plus classique je pense de sortir la function

Ha putain, oui, c'est vrai que ça suffit  
Pas encore l'habitude d'ES6 dans un contexte navigateur.
Moi j'ai fait une bonne vieille closure pour cet exercice  

Tu peux linker ta réponse stp ?

On peut plus linker sans s'identifier sur codepen  

Bon, c'est dégueulasse, fait en 30s, mais ça résout le problème :

/**
Correct the following code:
*/    
 
const res = document.querySelector('#result');
const nodes = document.getElementsByTagName('button');
 
for (var i = 0; i < nodes.length; i++) {
  (function (buttonNumber) {
    nodes[i].addEventListener('click', function() {
      res.innerHTML = buttonNumber;
    });
  })(i);
}

/**
Correct the following code:
*/    
 
const res = document.querySelector('#result');
const nodes = document.getElementsByTagName('button');
 
for (var i = 0; i < nodes.length; i++) {
  (function (buttonNumber) {
    nodes[i].addEventListener('click', function() {
      res.innerHTML = buttonNumber;
    });
  })(i);
}

 
C'est l'essentiel

Moi j'ai spontanément pensé à cette solution, mais je me doute que c'est bien crade... :- /
Je suis allé voir les solutions de Shinuza (elle sont à 2 clics du problème ^^) et j'ai appris plein de truc, notamment l'existence de let, mais a priori c'est pas encore tout de suite dans un contexte client cf. http://caniuse.com/#search=let

Alternativement:

const res = document.querySelector('#result');
const nodes = document.getElementsByTagName('button');
 
[].forEach.call(nodes, function (n, i) {
    n.addEventListener('click', function() {
      res.innerHTML = i;
    });
});

Tu peux utiliser un compilo ES6 -> ES5 pour avoir une bonne partie des goodies ES6 qui tournent sur un runtime ES5.

Soit tu remplaces la boucle for par un foreach, soit tu remplaces le core de la boucle par une IIFE.
Dans tous les cas l'idée c'est d'avoir un scope.
 
C'est pas éliminatoire, je veux savoir si il/elle sait pourquoi ça arrive et si il/elle arrive à imaginer une solution pour résoudre le problème.

const res = document.querySelector('#result');
const nodes = document.getElementsByTagName('button');
 
[].forEach.call(nodes, function (n, i) {
    n.addEventListener('click', function() {
      res.innerHTML = i;
    });
});

Tu peux faire

const res = document.querySelector('#result');
const nodes = document.getElementsByTagName('button');
Array.forEach(nodes, (n, i)  => {
    n.addEventListener('click', () => {
      res.innerHTML = i;
    });
});

dans Firefox.

Bande de tafioles

/**
Correct the following code:
*/    
 
const res = document.querySelector('#result');
const nodes = document.getElementsByTagName('button');
 
for (var i = 0; i < nodes.length; i++) {
  nodes[i].addEventListener('click', function() {
    res.innerHTML = this.innerHTML.substr(-1);
  });
}

pour eviter de détourner : appelle tes bouton first, second and third , et interdit de modifier le code html (sinon je rajoute un attribut dedans et je peux esquiver la closure) . Par contre ça complique , vu qu'il faut afficher i+1 au lieu de i

non, je ne pense pas , ça rajoute un stress inutile à ce niveau

/**
Correct the following code:
*/    
 
const res = document.querySelector('#result');
const nodes = document.getElementsByTagName('button');
 
for (var i = 0; i < nodes.length; i++) {
  nodes[i].addEventListener('click', function() {
    res.innerHTML = this.innerHTML.substr(-1);
  });
}

Au dixième bouton on fait comment?

On fait une regexp voyons.

/**
Correct the following code:
*/    
 
const res = document.querySelector('#result');
const nodes = document.getElementsByTagName('button');
 
for (var i = 0; i < nodes.length; i++) {
  nodes[i].addEventListener('click', function() {
    res.innerHTML = this.innerHTML.substr(-1);
  });
}

Sinon tu bind sur le document et tu comptes le nombre de boutons précédents

y a pas dix boutons    

bien  

mieux  

L'entretien commence vraiment
 
 

ou tu bind manuelle chaque bouton avec

node[0].addEventListener('click', function() {
    res.innerHTML = '0'
  });
node[1].addEventListener('click', function() {
    res.innerHTML = '1'
  });
node[2].addEventListener('click', function() {
    res.innerHTML = '2'
  });

/**
Correct the following code:
*/    
 
const res = document.querySelector('#result');
const nodes = document.getElementsByTagName('button');
 
for (var i = 0; i < nodes.length; i++) {
  nodes[i].addEventListener('click', function() {
    res.innerHTML = this.innerHTML.substr(-1);
  });
}

T'es nul

On vous rappelera, tous. Promis.

tu as déjà eu des réponses de ce genre ?