<a> нельзя вкладывать внутрь другого тега <a> исходя из спецификации HTML5. Даже если технически это осуществимо, ваш код будет невалидным. <div class="card">
  <a href="/product" class="card__product-link">/* Здесь контент карточки товара */</a>
   <ul class="card__socials socials">
       <li class="socials__item">
          <a href="#" class="socials__link"></a>
       </li> 
   </ul>
</div>
  
  Про let слышал, но нужно сделать без него
for (var i = 0; i < 10; i++) {
  (function(i) {
    setTimeout(function() { 
      console.log(i);
    }, 1000);
  })(i);
}for (var i = 0; i < 10; i++) {
  setTimeout(function() { 
    console.log(+this);
  }.bind(i), 1000);
}for (var i = 0; i < 10; i++) {
  setTimeout(console.log, 1000, i);
}for (var i = 0; i < 10; i++) {
  setTimeout(new Function(`console.log(${i})`), 1000);
}for (var i = 0; i < 10; i++) {
  setTimeout(function() {
    console.log(10 - i--);
  }, 1000);
}      server {
        listen                  80;
        server_name             domain.ru;
        
        location / {
                proxy_pass http://111.111.111.111:80;
                proxy_connect_timeout                           60;
                proxy_send_timeout                                      60;
                proxy_read_timeout                                      60;
                proxy_redirect                                          off;
                proxy_buffer_size                                       4k;
                proxy_buffers                                           4 32k;
                proxy_busy_buffers_size                         64k;
                proxy_temp_file_write_size                      10m;
                proxy_set_header        Host                    $host;
                proxy_set_header        X-Real-IP               $remote_addr;
                proxy_set_header        X-Forwarded-For $proxy_add_x_forwarded_for;
        }
}server {
        listen                  443;
        ssl                     on;
        server_name             domain.ru;
        ssl_certificate      /etc/nginx/ssl/domain.ru.crt;
        ssl_certificate_key  /etc/nginx/ssl/domain.ru.key;
        ssl_protocols SSLv3 TLSv1 TLSv1.1 TLSv1.2;
        ssl_ciphers  "RC4:HIGH:!aNULL:!MD5:!kEDH";
        location / {
                proxy_pass https://111.111.111:443;
                proxy_connect_timeout                           60;
                proxy_send_timeout                                      60;
                proxy_read_timeout                                      60;
                proxy_redirect                                          off;
                proxy_buffer_size                                       4k;
                proxy_buffers                                           4 32k;
                proxy_busy_buffers_size                         64k;
                proxy_temp_file_write_size                      10m;
                proxy_set_header        Host                    $host;
                proxy_set_header        X-Real-IP               $remote_addr;
                proxy_set_header        X-Forwarded-For $proxy_add_x_forwarded_for;
        }
}<?php if ($test == 1): ?>
   <div>some text</div>
   <div>some text</div>
   <div>some text</div>
   <div>some text</div>
   <div>some text</div>
   <div>some text</div>
   <div>some text</div>
   <div>some text</div>
   <div>some text</div>
<?php endif ?><?php if ($test == 1) {
   echo "<div>some text</div>
   <div>some text</div>
   <div>some text</div>
   <div>some text</div>
   <div>some text</div>
   <div>some text</div>
   <div>some text</div>
   <div>some text</div>
   <div>some text</div>";
}
?>      if(куча скриптов) use(webpack);
else use(gulp);
  
  $('.wrapper').on('click', '.btn', function() { 
  //handler 
});$('.wrapper').on('click', function(e) {
  if ($(e.target).hasClass('btn')) {
    //handler 
  }
});document.querySelector('.wrapper').addEventListener('click', function(e) {
  if(e.target && e.target.classList.contains('btn')) {
     //handler 
  }
});if ($(e.target).closest('.button').length){
	//....
	e.stopPropagation();
}Просто когда жму Event Listeners в chrome - там у каждого элемента оочень много listener'ов
var foo = {
  bar: 'bar value',
};
console.log(foo.bar);
// => bar value
console['log'](foo['bar']);
// => bar valuevar action = 'addClass';
$('.some-selector')[action]('some-class');$('.some-selector').addClass('some-class');var key = 'name';
var obj = {
  name: 'Tom',
  age: 24,
};
console.log(obj[key]);
// => Tom
console.log(obj.name);
// => Tom
console.log(obj[key] === obj.name);
// => true
key = 'age';
console.log(obj[key]);
// => 24var obj = {
  'three words key': 'value',
};
console.log(obj['three words key']);
// => value      http {
    ...
    limit_req_zone $binary_remote_addr zone=reqlimit:10m rate=30r/s;
    ...
}server {
    ...
    location / {
        ...
        limit_req zone=reqlimit burst=10 nodelay;
    }
}[Definition]
failregex = limiting requests, excess: .* by zone .*, client: <HOST>
ignoreregex =[nginx-req-limit]
enabled = true
port = http,https
filter = nginx-req-limit
logpath = /var/www/*/*/logs/error.log # Здесь укажите свой путь к логам виртуального хоста
findtime = 600
maxretry = 10
bantime = 7200https://www.codementor.io/experts?q=javascript&lang=russian